/*
 * ==========================================================
 * SUPERLIEK.SK – VLASTNÉ CSS
 * ==========================================================
 *
 * Súbor:   sl-custom-eshop.css
 * Verzia:  1.1
 * Dátum:   2026-09-01
 *
 * ÚČEL:
 * Centrálne vlastné CSS úpravy e-shopu SUPERLIEK.sk.
 * Súbor obsahuje vzhľadové úpravy, ktoré nechceme ukladať
 * priamo do HTML editora Shoptetu.
 *
 * OBSAH:
 * 1. MENINY – farby a vzhľad bannera
 * 2. MOBILNÉ ZOBRAZENIE – skrytie vybraných prvkov
 * 3. BIODERMA AKCIA 09/2026 – promo box na detaile produktu
 *
 * HISTÓRIA VERZIÍ:
 * 1.0 – vytvorenie externého CSS súboru
 * 1.1 – pridaný promo box BIODERMA AKCIA 09/2026
 *
 * ==========================================================
 */


/* ==========================================================
   1. MENINY – NASTAVENIE FARIEB A VZHĽADU
   ========================================================== */

:root {

    /* Zaoblenie */
    --banner-nameday-zaoblenie: 25px;

    /* Pozadia */
    --banner-nameday-pozadie: #ffffff;
    --banner-nameday-pozadie-hover: #ffffff;
    --banner-nameday-pozadie-vnutorny-box: #f0f0f0;

    /* Nadpisy */
    --banner-nameday-farba-nadpis: #49a81d;
    --banner-nameday-farba-druhy-nadpis: #49a81d;

    /* Tlačidlo */
    --banner-nameday-pozadie-tlacidla: #ed692a;
    --banner-nameday-pozadie-tlacidla-hover: #49a81d;
    --banner-nameday-farba-tlacidla: #ffffff;

    /* Ohraničenie */
    --banner-nameday-farba-ohranicenia: #ed692a;
}


/* ==========================================================
   2. MOBILNÉ ZOBRAZENIE
   ========================================================== */

@media (max-width: 780px) {

    /* Skrytie uvítacieho textu na mobile */
    .welcome-text,
    #uvitaci-text,
    .intro-section {
        display: none !important;
    }

    /* Univerzálna trieda pre obsah iba na desktope */
    .desktop-only {
        display: none !important;
    }
}


/* ==========================================================
   3. SUPERLIEK | BIODERMA AKCIA 09/2026
   Platnosť akcie: do 30. 09. 2026
   ========================================================== */

#sl-bioderma-promo {
    box-sizing: border-box;
    width: 100%;
    margin: 14px 0 16px;
    padding: 14px 16px;
    border: 1px solid #b8cee4;
    border-left: 5px solid #00457c;
    border-radius: 8px;
    background: #f4f8fc;
    color: #17324d;
    font-family: inherit;
}

#sl-bioderma-promo .sl-bio-title {
    margin: 0 0 5px;
    color: #00457c;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}

#sl-bioderma-promo .sl-bio-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

#sl-bioderma-promo .sl-bio-code-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

#sl-bioderma-promo .sl-bio-code {
    display: inline-block;
    padding: 6px 10px;
    border: 1px dashed #00457c;
    border-radius: 5px;
    background: #ffffff;
    color: #00457c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

#sl-bioderma-promo .sl-bio-copy {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 5px;
    padding: 7px 11px;
    background: #00457c;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

#sl-bioderma-promo .sl-bio-copy:hover {
    opacity: 0.9;
}

#sl-bioderma-promo .sl-bio-validity {
    margin-top: 8px;
    color: #687785;
    font-size: 11px;
    line-height: 1.4;
}


/* ==========================================================
   BIODERMA – MOBILNÉ ZOBRAZENIE
   ========================================================== */

@media (max-width: 767px) {

    #sl-bioderma-promo {
        margin: 12px 0 14px;
        padding: 13px 14px;
    }

    #sl-bioderma-promo .sl-bio-title {
        font-size: 15px;
    }

    #sl-bioderma-promo .sl-bio-text {
        font-size: 13px;
    }
}