/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* === FAQ Category Icon-Boxes: entire box clickable === */
.page-id-2291 .elementor-widget-icon-box .elementor-widget-container {
  position: relative;
  cursor: pointer;
}
.page-id-2291 .elementor-widget-icon-box .elementor-icon-box-title a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/* === GameCycle FAQ Accordion === */

/* No spacing between items */
.uni-accod,
.uni-accod .wd-accordion-item {
  margin: 0 !important;
}
.uni-accod .wd-accordion-item {
  border: none !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
.uni-accod .wd-accordion-item:first-child {
  border-top: 1px solid #e8e8e8 !important;
}

/* Title */
.uni-accod .wd-accordion-title {
  padding: 20px 12px 20px 16px !important;
  gap: 16px !important;
  margin: 0 !important;
  border-left: 3px solid transparent !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
.uni-accod .wd-accordion-title:hover {
  background: #f7fdf7 !important;
  border-left-color: #b2d8b5 !important;
}
.uni-accod .wd-accordion-title.wd-active {
  background: #f0f9f0 !important;
  border-left-color: #0F8127 !important;
}

/* Question text */
.uni-accod .wd-accordion-title-text {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  transition: color 0.2s ease !important;
  line-height: 1.4 !important;
}
.uni-accod .wd-accordion-title:hover .wd-accordion-title-text,
.uni-accod .wd-accordion-title.wd-active .wd-accordion-title-text {
  color: #0F8127 !important;
}

/* Round +/× icon */
.uni-accod .wd-accordion-opener {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #f0f0f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #666 !important;
  font-size: 10px !important;
  transition: background 0.25s ease, color 0.25s ease, transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
.uni-accod .wd-accordion-title:hover .wd-accordion-opener {
  background: #e0f2e1 !important;
  color: #0F8127 !important;
}
.uni-accod .wd-accordion-title.wd-active .wd-accordion-opener {
  background: #0F8127 !important;
  color: #fff !important;
  transform: rotate(45deg) !important;
}

/* Content container — JS controls display/height for animation.
   opacity:1 disables Woodmart's opacity:0/fade which causes instant-disappear jank.
   padding:0 so height:0 collapses cleanly with no gap. */
.uni-accod .wd-accordion-content {
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Inner wrapper JS creates — carries the actual padding */
.uni-accod .wd-accordion-content > .gc-inner {
  padding: 4px 16px 22px !important;
}

/* Answer text */
.uni-accod .wd-accordion-content p {
  color: #4a4a4a !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 10px !important;
}
.uni-accod .wd-accordion-content p:last-child {
  margin-bottom: 0 !important;
}
.uni-accod .wd-accordion-content strong {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* Hide WoodMart scroll-to-top button */
.scrollToTop{display:none !important}

/* ══════════════════════════════════════════════════════
   GameCycle WhatsApp Chat Widget
   ══════════════════════════════════════════════════════ */

/* FAB Button */
.gc-wa-fab{position:fixed !important;bottom:28px !important;right:28px !important;width:62px !important;height:62px !important;border-radius:50% !important;background:#25D366 !important;border:none !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:10000 !important;outline:none !important;box-shadow:0 4px 16px rgba(37,211,102,.4),0 2px 6px rgba(0,0,0,.2) !important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease !important;font-family:inherit;padding:0 !important;margin:0 !important;min-width:0 !important;min-height:0 !important;line-height:1 !important}
.gc-wa-fab:hover{transform:scale(1.07) !important;box-shadow:0 6px 24px rgba(37,211,102,.5),0 3px 10px rgba(0,0,0,.25) !important}
.gc-wa-fab:active{transform:scale(.95) !important}
.gc-wa-fab svg{width:33px !important;height:33px !important;fill:#fff !important;display:block !important;pointer-events:none}
.gc-wa-fab::after{display:none !important}
.gc-wa-fab .gc-notif{position:absolute !important;top:0 !important;right:0 !important;width:16px !important;height:16px !important;background:#e53935 !important;border-radius:50% !important;border:2.5px solid #fff !important;pointer-events:none !important;animation:gcNotif 2s ease-in-out infinite !important}
@keyframes gcNotif{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

/* Popup Container – overflow:visible so X-button can sit outside */
.gc-wa-popup{position:fixed !important;bottom:102px;right:28px;width:360px;max-width:calc(100vw - 24px);border-radius:16px;overflow:visible !important;z-index:10001 !important;box-shadow:0 16px 60px rgba(0,0,0,.35),0 4px 20px rgba(0,0,0,.15);transform:scale(.5) translateY(40px);opacity:0;pointer-events:none;transform-origin:bottom right;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.gc-wa-popup.gc-open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}

/* X Close Button – top right, green circle, black X */
.gc-wa-close{position:absolute !important;top:-10px !important;right:-10px !important;width:28px !important;height:28px !important;border-radius:50% !important;border:none !important;background:#25D366 !important;color:#000 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important;font-weight:700 !important;line-height:1 !important;z-index:10002 !important;padding:0 !important;margin:0 !important;box-shadow:0 2px 6px rgba(0,0,0,.25) !important;min-width:0 !important;min-height:0 !important;transition:background .2s !important}
.gc-wa-close:hover{background:#1fad55 !important}

/* Header – overflow:hidden here for rounded top corners */
.gc-wa-header{background:linear-gradient(135deg,#128C7E 0%,#075E54 100%);padding:16px 16px 14px;display:flex;align-items:center;gap:12px;position:relative;border-radius:16px 16px 0 0;overflow:hidden}
.gc-wa-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.2);background:#fff;display:flex;align-items:center;justify-content:center;padding:3px}
.gc-wa-avatar img{width:100% !important;height:100% !important;object-fit:contain !important;display:block !important}
.gc-wa-info{flex:1}
.gc-wa-info h3{font-size:1rem;font-weight:700;color:#fff;line-height:1.2;margin:0}
.gc-wa-status{display:flex;align-items:center;gap:6px;margin-top:2px}
.gc-wa-status .gc-dot{width:8px;height:8px;border-radius:50%;background:#25D366;flex-shrink:0}
.gc-wa-status span{font-size:.82rem;color:rgba(255,255,255,.85);font-weight:500}

/* Body */
.gc-wa-body{background:#ECE5DD;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d6cfbf' fill-opacity='0.3'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3Ccircle cx='60' cy='20' r='1.5'/%3E%3Ccircle cx='40' cy='40' r='1.5'/%3E%3Ccircle cx='20' cy='60' r='1.5'/%3E%3Ccircle cx='60' cy='60' r='1.5'/%3E%3C/g%3E%3C/svg%3E");padding:16px 14px;min-height:140px;display:flex;flex-direction:column;gap:6px}
.gc-wa-time{text-align:center;font-size:.7rem;color:#8e8e8e;margin-bottom:6px;font-weight:500}
.gc-wa-msg{background:#fff;padding:8px 12px 4px;border-radius:0 10px 10px 10px;max-width:85%;font-size:.88rem;line-height:1.55;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.06);position:relative;opacity:0;transform:translateY(8px)}
.gc-wa-msg.gc-show{animation:gcMsgIn .35s ease forwards}
.gc-wa-msg.gc-first::before{content:'';position:absolute;top:0;left:-7px;width:0;height:0;border-top:0 solid transparent;border-right:8px solid #fff;border-bottom:8px solid transparent}
.gc-wa-msg .gc-t{display:block;text-align:right;font-size:.68rem;color:#a0a0a0;margin-top:2px}
@keyframes gcMsgIn{to{opacity:1;transform:translateY(0)}}

/* Input & Send */
.gc-wa-input{background:#f0f0f0;padding:10px 12px;display:flex;align-items:center;gap:10px;border-radius:0 0 16px 16px;overflow:hidden}
.gc-wa-input input{flex:1;border:none !important;outline:none !important;background:#fff !important;border-radius:22px !important;padding:10px 18px !important;font-size:.88rem !important;font-family:inherit;color:#333 !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06) !important}
.gc-wa-input input::placeholder{color:#b0b0b0}
.gc-wa-send{width:44px !important;height:44px !important;border-radius:50% !important;border:none !important;background:#25D366 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;transition:transform .2s ease,background .2s ease !important;box-shadow:0 2px 8px rgba(37,211,102,.3) !important;padding:0 !important;margin:0 !important;min-width:0 !important;min-height:0 !important}
.gc-wa-send:hover{transform:scale(1.06) !important;background:#1fad55 !important}
.gc-wa-send svg{width:22px !important;height:22px !important;fill:#fff !important;display:block !important;margin-left:1px;pointer-events:none}

@media(max-width:1024px){
  .gc-wa-fab{bottom:70px !important;right:18px !important}
  .gc-wa-popup{bottom:144px !important}
}
@media(max-width:420px){
  .gc-wa-popup{right:8px !important;width:calc(100vw - 16px) !important;border-radius:12px !important}
  .gc-wa-header{border-radius:12px 12px 0 0}
  .gc-wa-input{border-radius:0 0 12px 12px}
  .gc-wa-fab{width:56px !important;height:56px !important}
  .gc-wa-fab svg{width:28px !important;height:28px !important}
}

/* ══ CSS Checkbox Toggle ══ */
.gc-wa-check{display:none !important}
#gcWaCheck:checked ~ .gc-wa-popup{transform:scale(1) translateY(0) !important;opacity:1 !important;pointer-events:auto !important}
/* Nachrichten per CSS animieren – kein JS nötig */
#gcWaCheck:checked ~ .gc-wa-popup .gc-wa-msg.gc-first{animation:gcMsgIn .35s ease .15s forwards !important}
#gcWaCheck:checked ~ .gc-wa-popup .gc-wa-msg.gc-second{animation:gcMsgIn .35s ease .55s forwards !important}
/* Notif-Badge bei geöffnetem Popup verstecken */
#gcWaCheck:checked ~ .gc-wa-fab .gc-notif{display:none !important}
/* Empty cart page styling - compact layout */
.cart-empty {
    text-align: center !important;
    margin-bottom: 15px !important;
}
.return-to-shop {
    text-align: center !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.woocommerce-cart .woocommerce {
    padding-bottom: 20px !important;
}
