/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 05 2025 | 10:21:20 */
/* =============================================
    SINGLE PRODUCT TABS 2.7.3 FINAL (mobile-first)
    - Fixes mobile z-index, spacing, and alignment issues.
    - Woo tabs: fixed row stacking, adjusted spacing.
    - Quicktabs: fixed line-break alignment.
    - Tooltips: fixed display on all devices.
============================================= */

/* 0. GLOBALS */
.wk-tabs-scope{
    --wk-bg:#ffffff; --wk-ink:#111111; --wk-muted:#444444;
    --active-color: rgb(245,242,152);
    --wk-gap-x:6px; --wk-gap-y:10px; --wk-pad-tab-y:6px; --wk-pad-tab-x:8px; --wk-radius-tab:10px; --wk-radius-chip:12px;
    --wk-shadow-1:0 1px 2px rgba(0,0,0,.08); --wk-shadow-2:0 2px 4px rgba(0,0,0,.14); --wk-shadow-inset: inset 0 -2px 3px rgba(0,0,0,.12);
    --wk-ease:.18s ease; --wk-ease-bg:.2s ease;
    --wk-z-chrome:30;
    --wk-tooltip-offset:12px; --wk-tooltip-font:.75rem;
    --line-color:#eef2ff; --line-step:28px; --line-offset:0px;
}
.wk-tabs-scope, .wk-tabs-scope *{ box-sizing:border-box; }
.wk-tabs-scope .woocommerce-tabs ul.tabs::before, .wk-tabs-scope .woocommerce-tabs ul.tabs > li > a::before, .wk-tabs-scope .woocommerce-tabs ul.tabs > li > a::after{ display:none !important; }
.wk-tabs-scope .visually-hidden{ position:absolute !important; width:1px; height:1px; margin:-1px; border:0; padding:0; white-space:nowrap; clip-path: inset(50%); clip: rect(0 0 0 0); overflow:hidden; }
@media (prefers-reduced-motion: reduce){ .wk-tabs-scope *{ transition:none !important; } }

/* Tooltip styles */
.wk-quicktab{ position:relative; }
.wk-quicktab::before, .wk-quicktab::after{ content:attr(data-tooltip); position:absolute; bottom:100%; left:50%; transform:translate(-50%, calc(-1 * var(--wk-tooltip-offset))); opacity:0; pointer-events:none; transition:opacity .15s ease, transform .15s ease; z-index:900; }
.wk-quicktab::after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #111; transform:translate(-50%, calc(-1 * var(--wk-tooltip-offset) + 6px)); }
.wk-quicktab:hover::before, .wk-quicktab:focus::before, .wk-quicktab:hover::after, .wk-quicktab:focus::after{ opacity:1; transform:translate(-50%,-12px); }
.wk-quicktab::before{ white-space:nowrap; padding:.4em .6em; font-size:var(--wk-tooltip-font); font-weight:700; color:#fff; background-color:#111; border-radius:6px; }

/* Z-order hierarchy - Desktop default */
.wc-tabs-wrapper .wk-pane-chrome{ position:relative; z-index:var(--wk-z-chrome); }
.wc-tabs-wrapper .wk-quicktabs{ position:relative; z-index:20; }
.wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin{ position:relative; z-index:10; }
.wc-tabs-wrapper{ position:sticky; top:80px; z-index:9; background:#fff; }

/* 1. WOO TABS */
.description_tab, .additional_information_tab, .reviews_tab{ margin-right:0 !important; min-height:40px; padding-bottom:60px !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important;}

.woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin{ display:flex; flex-wrap:wrap; column-gap:0 !important; row-gap:8px; border-bottom:none !important; overflow:visible !important; padding:.6rem 0 .3rem; top:65px; margin-bottom:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li{ list-style:none; --wk-background:#f5f4d3; background: var(--wk-background) !important; border-radius:10px 10px 0 0; position:relative; transform: translateY(4px); box-shadow:0 1px 2px rgba(0,0,0,.08); transition: transform .18s ease, box-shadow .18s ease; z-index:1; }
.woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li.active, .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li:hover{ --wk-background: rgb(245,242,152); background: var(--wk-background) !important; transform: translateY(0); box-shadow:0 2px 4px rgba(0,0,0,.14); z-index:3; }
.wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li + li{ margin-left:-8px !important; }
.wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li::after{ content:""; position:absolute; left:-8px; right:-8px; bottom:-6px; height:14px; background:inherit; border:2px solid #111; border-top:none; border-radius:0 0 10px 10px; z-index:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li > a{ display:inline-flex; align-items:center; gap:.45rem; background:#fff !important; color:#444 !important; border:2px solid #111; border-radius:5px; padding:.38rem 1rem; font-weight:800; font-size:.9rem !important; text-decoration:none !important; z-index:20; position:relative; }
@media (max-width:767px){ .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li > a{ font-size:.85rem !important; } }
.woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li a .wk-emoji{ font-size:20px; line-height:1; }

/* 2. QUICK TABS */
.wc-tabs-wrapper .wk-quicktabs{ display:flex; flex-wrap:wrap-reverse; flex-direction:row-reverse; justify-content:flex-start; align-content:flex-end; gap:0 6px;/*6px ről*/ row-gap:0 !important; padding:4px; margin-top:0px; top:6px; overflow:visible; isolation:isolate; background:#fde68a; border-radius:6px 6px 0 0; box-shadow:3px -3px 6px 6px rgb(0 0 0 / 8%); color:#444; width:100%; margin-left:0; margin-right:auto; }
.wc-tabs-wrapper .wk-quicktabs .wk-quicktab{ position:relative; display:inline-flex; align-items:center; justify-content:center; background:var(--wk-background, #fcd34d); padding:6px 8px; border-radius:10px 10px 0 0; transform: translateY(4px); transition: transform .18s ease, box-shadow .18s ease; z-index:auto; box-shadow: inset 0 -9px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08); background-clip:padding-box; margin-right:-10px; margin-left:0; color:#444; text-decoration:none; flex:0 0 auto; }
.wc-tabs-wrapper .wk-quicktabs .wk-quicktab:hover, .wc-tabs-wrapper .wk-quicktabs .wk-quicktab.is-active{ z-index:auto; transform: translateY(0); box-shadow:0 2px 4px rgba(0,0,0,.15); }
.wc-tabs-wrapper .wk-quicktabs .wk-quicktab:first-child{ margin-right:0; }
a.wk-quicktab{ padding-left:20px !important; padding-right:20px !important; padding-bottom:16px !important }
.wk-quicktab .wk-emoji{ font-size:26px; line-height:1; }
.wk-quicktab .wk-emoji img{ width:26px; height:26px; object-fit:contain; border:2px solid #111; border-radius:5px; padding:5px 20px 15px 15px; background:#fff; }

/* 3. FILLER TABS */
.wk-filler-tab{ background:var(--active-color, rgb(245,242,152)); border-radius:10px 10px 0 0; box-shadow:0 1px 2px rgba(0,0,0,.08); transform: translateY(4px); transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease; position:relative; pointer-events:none; }
.wk-filler-tab:hover{ transform: translateY(0); box-shadow:0 2px 4px rgba(0,0,0,.14); }
.wk-filler-tab .wk-filler-inner{ display:flex; align-items:center; gap:.4rem; padding-bottom:40px;  padding-left: 10px; padding-right: 10px; padding-top: 2px; }
.wk-filler-maja, .wk-filler-logo, .wk-filler-stamp{ display: none; border:2px solid #111 !important; background:#fff !important; }
.wk-filler-maja{ display: none; width:22px; height:22px; border-radius:6px; background-size:cover; }
.wk-filler-logo{ display: none; width:22px; height:22px; border-radius:6px; background-size:contain; }
.wk-filler-stamp{ display: none; font-weight:900 !important; font-size:.7rem; letter-spacing:.06em; padding:.1rem .35rem; border-radius:6px; }
.wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li.wk-filler-tab--woo,
.wc-tabs-wrapper .wk-quicktabs .wk-filler-tab--quick{ display:none; }

/* 4. CHROME + SCROLLPANE */
.wk-pane-chrome{ background:var(--active-color, rgb(245,242,152)); border-bottom-left-radius:12px; border-bottom-right-radius:12px; border-top-left-radius:4px; border-top-right-radius:12px; padding:40px 30px 15px 15px; transition: background-color .2s ease; }
.wk-scrollpane{ position:relative; max-height:520px; overflow:auto; padding:1rem; border:2px solid #111; border-radius:10px; background:#fff; }
.wk-scrollpane::before{ content:""; position:absolute; inset:10px; pointer-events:none; border:0px solid #111; border-radius:8px; }
#tab-description .wk-scrollpane.wk-scrollpane--lined{ --line-color:#f7f8fa; --line-step:28px; --line-offset:0px; background: repeating-linear-gradient(to bottom, var(--line-color) 0, var(--line-color) 1px, transparent 1px, transparent var(--line-step)) padding-box, #fff border-box; background-origin: padding-box, border-box; background-attachment: local, local; background-position: 0 var(--line-offset), 0 0; }

/* 5. CONTENT TYPOGRAPHY */
.wk-product-title{ font-weight:800; }
.wk-section-title{ display:flex; align-items:center; gap:.6rem; margin:1.2rem 0 .5rem; scroll-margin-top:16px; }
.wk-section-title .wk-emoji{ display:inline-block; font-size:50px; line-height:1; }
.wk-section-title .wk-label{ font-weight:800; font-size:1.15rem; }
tr.woocommerce-product-attributes-item th{ font-family:Arial,sans-serif; font-size:1.2rem; font-weight:bold; color:#333; }
tr.woocommerce-product-attributes-item td{ font-family:Arial,sans-serif; font-size:1rem; font-weight:600; color:#196921; }

/* 6. DESKTOP OVERRIDES */
@media (min-width:768px){
    .wc-tabs-wrapper .wk-quicktabs{ flex-wrap:wrap; flex-direction:row; justify-content:flex-end; align-content:flex-end; gap:10px 0; width:95%; margin-left:auto; margin-right:0; }
    .wc-tabs-wrapper .wk-quicktabs .wk-quicktab{ margin-left:-10px; margin-right:0; }
    .wc-tabs-wrapper .wk-quicktabs .wk-quicktab:first-child{ margin-left:0; }
    .wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li.wk-filler-tab--woo, .wc-tabs-wrapper .wk-quicktabs .wk-filler-tab--quick{ display:inline-flex !important; }
    .wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li.wk-filler-tab--woo{ flex:0 0 auto; margin-left:-8px; min-height:30px; }
}

/* 7. MOBILE TWEAKS */
@media (max-width:767px){
    .wc-tabs-wrapper .wk-quicktabs .wk-quicktab{ margin-bottom:-16px;/*-8ról*/ }
    .wc-tabs-wrapper .wk-quicktabs{ padding-bottom:12px; justify-content:flex-end; } /* fix: line alignment */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li > a{ font-size:.85rem !important; }
    .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin{ row-gap:4px; top:5px; } /* fix: spacing & top */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li{ margin-bottom:-15px; } /* fix: overlap */
    .wc-tabs-wrapper ul.tabs.wc-tabs li{ margin:0; flex:0 1 auto; min-width:0; }
    .wc-tabs-wrapper ul.tabs.wc-tabs li.description_tab{ order:0; flex:1 1 calc(50% - var(--wk-gap-x)/2); max-width: calc(50% - var(--wk-gap-x)/2); margin-top:25px !important; } /* fix: top margin */
    .wc-tabs-wrapper ul.tabs.wc-tabs li.reviews_tab{ order:0; flex:1 1 calc(50% - var(--wk-gap-x)/2); max-width: calc(50% - var(--wk-gap-x)/2); }
    .wc-tabs-wrapper ul.tabs.wc-tabs li.additional_information_tab{ order:1; flex:0 0 100%; display:flex; justify-content:flex-end; margin-top:-6px; margin-left:0 !important; } /* fix: left margin */
    .description_tab, .additional_information_tab, .reviews_tab{ padding-bottom:15px !important; left: 8px !important; }
    /* Mobile-specific Z-index fixes for Woo tabs */
    .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li{ z-index:auto; }
    .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li.active, .woocommerce div.product .woocommerce-tabs ul.tabs.wk-tabs-skin li:hover{ z-index:auto; }
}

/* Safety */
.wc-tabs-wrapper ul.tabs.wc-tabs.wk-tabs-skin > li, .wc-tabs-wrapper .wk-quicktabs .wk-quicktab{ top:auto !important; }