/* NATURKA CUSTOM STYLES */

/* 1. KATEGORIE INFOGRAFIKA */
.ntrk-category-benefits { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.ntrk-benefit-item { display: flex; align-items: center; gap: 10px; text-align: left; }
.ntrk-benefit-icon-wrap { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0px; }
.ntrk-benefit-icon-wrap img { width: 100%; height: 100%; object-fit: contain; opacity: 0.8; }
.ntrk-benefit-text { font-size: 13px; line-height: 1.3; color: #444; font-weight: 400; }
.product .p-desc { overflow: visible !important; max-height: none !important; }

/* 2. PRODUCT TABS (Návrat k stabilnému inline-block layoutu) */
.shp-tabs { 
    border-bottom: 2px solid #f0f0f0 !important; 
}
.shp-tabs .shp-tab {
    display: inline-block !important;
}
.shp-tabs .shp-tab-link {
    font-weight: 700 !important;
    border: none !important; 
    border-radius: 6px 6px 0 0 !important; 
    margin-right: 2px !important; 
    padding: 12px 7px !important; /* Zmenšený padding podľa požiadavky */
    transition: all 0.2s ease;
    position: relative; /* Potrebné pre zobrazenie spodnej čiary */
}

/* Farby tabov */
.shp-tabs .shp-tab:nth-child(1) .shp-tab-link { background-color: rgba(176, 144, 79, 0.2) !important; color: #b0904f !important; }
.shp-tabs .shp-tab:nth-child(2) .shp-tab-link { background-color: rgba(109, 138, 123, 0.2) !important; color: #4a6356 !important; }
.shp-tabs .shp-tab:nth-child(3) .shp-tab-link { background-color: rgba(170, 166, 161, 0.3) !important; color: #7a7773 !important; }
.shp-tabs .shp-tab:nth-child(4) .shp-tab-link { background-color: rgba(255, 193, 0, 0.2) !important; color: #cc9a00 !important; }

/* Zvýraznenie Aktívneho tabu s opravenou spodnou čiarou */
.shp-tabs .shp-tab.active .shp-tab-link { 
    filter: brightness(0.95); 
    border-bottom: 3px solid currentColor !important;
    margin-bottom: -2px !important; /* Stiahne čiaru dole aby prekryla border kontajnera */
    z-index: 10;
}

/* 3. STICKY TABS LEN PRE MOBIL (Max-width 768px) */
@media (max-width: 768px) {
    .shp-tabs-holder {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 60px !important; 
        z-index: 990 !important;
        background-color: #fff;
        padding-top: 10px;
        margin-bottom: 20px;
        border-bottom: 2px solid #f0f0f0;
    }
}

/* 4. HOMEPAGE EXCEL-LIKE COMPARATOR */
.naturka-comparator-section { margin: 40px 0; }
.ntrk-compare-wrapper { width: 100%; max-width: 1000px; margin: 0 auto; }

/* Miniatúry guličky */
.ntrk-selector-help { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 15px; color: #333; }
.ntrk-thumbnails { 
    display: flex; 
    justify-content: center; 
    flex-wrap: wrap; 
    gap: 15px; 
    margin-bottom: 30px; 
}
.ntrk-thumb {
    width: 130px; height: 130px; /* Vynútené na desktope */
    border-radius: 50%;
    border: 2px solid #e0e0e0; 
    padding: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}
/* Na mobile prísne 3 do riadku s medzerami */
@media (max-width: 575px) { 
    .ntrk-thumbnails { gap: 8px; }
    .ntrk-thumb { 
        width: calc(33.33% - 10px); 
        height: auto; 
        aspect-ratio: 1/1; 
    } 
}
.ntrk-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; background: #f9f9f9; }
.ntrk-thumb.active { border-color: var(--theme-color); border-width: 3px; transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.ntrk-thumb-check {
    position: absolute; top: -5px; right: -5px; width: 22px; height: 22px;
    background-color: var(--theme-color); color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 13px; opacity: 0; transform: scale(0); transition: all 0.2s ease;
}
.ntrk-thumb-check::after { content: "✕"; font-weight: bold; }
.ntrk-thumb.active .ntrk-thumb-check { opacity: 1; transform: scale(1); }

/* Excel Tabuľka */
.ntrk-excel-container { overflow-x: auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 10px; }
.ntrk-excel-table { width: 100%; border-collapse: collapse; text-align: center; table-layout: fixed; }
.ntrk-excel-table td { border: 1px solid #f0f0f0; padding: 15px 10px; vertical-align: middle; transition: background-color 0.3s ease; }

/* Prázdne Placeholder sloti */
.ntrk-placeholder-td { padding: 0 !important; }
.ntrk-placeholder-content {
    background: #fcfcfc;
    border: 2px dashed #e5e5e5;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px;
    text-align: center;
    padding: 20px;
}

/* Zväčšené štvorcové obrázky v tabuľke */
.ntrk-excel-img-wrap { 
    height: auto; 
    aspect-ratio: 1/1; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 10px;
    text-decoration: none; 
}
.ntrk-excel-img-wrap img { width: 100%; height: 100%; object-fit: contain; }

/* Názvy */
.ntrk-excel-titles-row strong { font-size: 16px; transition: opacity 0.2s; }
.ntrk-excel-titles-row a:hover strong { opacity: 0.7; }
.ntrk-excel-subtitle { font-size: 12px; color: #777; display: block; margin-top: 4px; }

/* Štítky na celú šírku */
.ntrk-excel-label { background: #ffffff; padding: 8px 10px !important; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; font-size: 11px; color: #555; }
.ntrk-excel-table tr:not(.ntrk-excel-titles-row):not(:first-child) td { font-size: 14px; font-weight: 500; color: #333; }

/* Button */
.ntrk-excel-btn-cell { border-bottom: none !important; padding-top: 25px !important; }
.ntrk-btn-compare {
    display: inline-block;
    padding: 12px 20px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 4px;
    transition: opacity 0.2s ease;
}
.ntrk-btn-compare:hover { opacity: 0.85; }

/* Responsivita tabuľky */
@media (max-width: 768px) {
    .ntrk-excel-table td { padding: 10px 5px; font-size: 13px; }
    .ntrk-excel-img-wrap { padding: 5px; }
    .ntrk-excel-titles-row strong { font-size: 14px; }
    .ntrk-btn-compare { padding: 10px 15px; font-size: 12px; }
}

/* Zabezpečenie roztiahnutia obrázkov produktov bez straty kvality */
.product .image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain; /* Zabráni akejkoľvek deformácii alebo natiahnutiu */
}