/* =========================================================
   ANTIPLESS – MOBILE FIRST modernizácia 2026
   Shoptet CLASSIC
   Bez zásahu do HTML.
   Bez externých fontov.
   Produktové výpisy systému Shoptet zámerne neupravované.
   ========================================================= */


/* ---------------------------------------------------------
   1. ZÁKLADNÉ PREMENNÉ
   --------------------------------------------------------- */

:root{
    --antipless-green:#168a35;
    --antipless-green-dark:#0f6f2c;
    --antipless-green-deep:#173c31;
    --antipless-blue:#064ea3;

    --antipless-text:#25332c;
    --antipless-muted:#66736b;

    --antipless-bg:#ffffff;
    --antipless-soft:#f6faf7;
    --antipless-soft-green:#edf7ee;
    --antipless-soft-blue:#eef6fc;
    --antipless-border:#dfe9e2;

    --antipless-radius:10px;
    --antipless-shadow:0 4px 14px rgba(24,72,43,.08);
}


/* ---------------------------------------------------------
   2. VLASTNÉ OBSAHOVÉ TRIEDY – MOBILE FIRST
   --------------------------------------------------------- */

.zsblur1,
.zsblur2{
    margin-top:22px;
    padding:0;
    background:transparent;
    box-shadow:none;
}

.cardin,
.cardbig{
    background:#fff;
    border:1px solid var(--antipless-border);
    border-radius:var(--antipless-radius);
    padding:16px;
    box-shadow:var(--antipless-shadow);
}

.cardin p,
.cardbig p{
    line-height:1.55;
}

.cardin ul,
.cardin ol,
.cardbig ul,
.cardbig ol{
    line-height:1.5;
    padding-left:22px;
}

.cardin img,
.cardbig img{
    max-width:100%;
    height:auto;
}


/* ---------------------------------------------------------
   3. NADPISY A ZVÝRAZNENIA
   --------------------------------------------------------- */

.zsbig{
    font-size:16px;
    line-height:1.3;
    font-style:normal;
    font-weight:700;
    color:var(--antipless-green-deep);
    text-shadow:none;
    margin:0 0 14px;
}

.zsinfo{
    color:var(--antipless-text);
    background:#eef8f0;
    border:1px solid #cfe5d4;
    border-left:4px solid var(--antipless-green);
    border-radius:8px;
    padding:12px 14px;
    line-height:1.5;
}

.zsblue{
    color:#17364f;
    background:var(--antipless-soft-blue);
    border:1px solid #d5e8f5;
    border-left:4px solid #239cea;
    border-radius:8px;
    padding:12px 14px;
    line-height:1.45;
}

.zsmed{
    color:var(--antipless-text);
    background:#f5f1eb;
    border:1px solid #e9dfd2;
    border-radius:8px;
    padding:12px 14px;
    line-height:1.5;
}


/* ---------------------------------------------------------
   4. REFERENCIE / MENŠIE KARTY
   --------------------------------------------------------- */

.zskep{
    border:1px solid #cfe5d4;
    border-radius:10px;
    padding:14px;
    background:#fff;
    box-shadow:0 3px 10px rgba(20,70,40,.06);
    line-height:1.5;
}


/* ---------------------------------------------------------
   5. TLAČIDLÁ A RÁMIKY
   --------------------------------------------------------- */

.zsbutton{
    min-height:38px;
    padding:9px 14px;
    background-color:var(--antipless-green);
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    text-decoration:none;
    border:0;
    border-radius:7px;
}

.zsbutton2{
    color:#fff;
    background-color:var(--antipless-blue);
    border:0;
    border-radius:7px;
    padding:10px 14px;
    line-height:1.3;
}

.redborder,
.blborder,
.grborder{
    border-radius:8px;
    padding:10px;
}

.redborder{border:2px solid #ca0000;}
.blborder{border:2px solid #3293d8;}
.grborder{border:2px solid var(--antipless-green);}


/* ---------------------------------------------------------
   6. HOMEPAGE – ÚVODNÝ NADPIS
   iba homepage, cez existujúcu body triedu .in-index
   --------------------------------------------------------- */

.in-index .welcome-wrapper .h1,
.in-index .welcome .h1{
    color:var(--antipless-green-deep);
    font-weight:700;
    line-height:1.25;
    text-align:center;
    margin:0 0 18px;
}


/* ---------------------------------------------------------
   7. HERO BANNERY – MOBILE FIRST
   --------------------------------------------------------- */

.banners-row{
    padding:8px;
    border-radius:9px;
    background:linear-gradient(
        135deg,
        #eaf6ea 0%,
        #dcefdc 50%,
        #eef8ee 100%
    );
    box-shadow:0 4px 14px rgba(50,110,50,.09);
}

#carousel,
.next-to-carousel-banners .banner-wrapper{
    border-radius:9px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,80,0,.08);
}

.next-to-carousel-banners .banner-wrapper + .banner-wrapper{
    margin-top:10px;
}


/* ---------------------------------------------------------
   8. HLAVIČKA / VYHĽADÁVANIE
   bezpečné úpravy bez zmeny layoutu Shoptetu
   --------------------------------------------------------- */

.search-form input,
.search-form .form-control{
    border:1px solid #d5dcd7 !important;
    border-radius:7px 0 0 7px !important;
    box-shadow:none !important;
}

.search-form button,
.search-form .btn{
    border-radius:0 7px 7px 0 !important;
    background:var(--antipless-green-deep) !important;
    border-color:var(--antipless-green-deep) !important;
}

#navigation .navigation-in{
    border-radius:16px;
}


/* ---------------------------------------------------------
   9. TOP NAVIGÁCIA
   --------------------------------------------------------- */

.top-navigation-bar a,
.top-navigation-contacts a,
.top-navigation-menu a,
.top-navigation-tools a,
.p-detail-tabs a{
    color:#26372f;
}

.top-navigation-tools a{
    font-weight:600;
}


/* ---------------------------------------------------------
   10. DETAIL PRODUKTU – LEN EXISTUJÚCE VLASTNÉ ÚPRAVY
   bez zásahu do produktových výpisov
   --------------------------------------------------------- */

.shp-tabs-holder{
    font-size:14px;
    font-weight:700;
    border:1px solid #d8e5dc;
    border-radius:9px;
    padding:5px;
    margin:5px;
    background:#fff;
}

.shp-tabs-row a[href$="#productsAlternative"]{
    display:none !important;
}

#tab-content{
    display:flex;
    flex-direction:column;
}

#productsAlternative{
    display:block !important;
    opacity:1 !important;
    order:99;
}

#productsAlternative:before{
    content:'Iné  balenia';
    font-size:160%;
    margin-top:30px;
    display:block;
    color:var(--antipless-green-deep);
    font-weight:700;
}

.chevron-after{
    margin-top:15px;
    font-size:14pt !important;
    background:#f5f8f6;
    padding:.7rem;
    line-height:1.4;
    border:1px solid #d8e5dc;
    border-radius:9px;
}


/* ---------------------------------------------------------
   11. ZĽAVA Z REGISTRÁCIE
   --------------------------------------------------------- */

.extra.discount{
    border:1px solid #b9d9c2;
    border-radius:8px;
    background:#eef8f0;
    padding:10px 14px;
    margin:0 0 0 10px;
    display:inline-block;
    color:var(--antipless-green-deep);
    font-weight:600;
}

.extra.discount::before{
    display:none !important;
}


/* ---------------------------------------------------------
   12. POPUP / COLORBOX
   --------------------------------------------------------- */

#cboxLoadedContent{
    border:1px solid #cfe0d4;
    border-radius:9px;
    padding:14px 16px;
    text-align:left;
    background:linear-gradient(to bottom,#ffffff,#f4faf6);
    box-shadow:0 8px 22px rgba(0,0,0,.12);
}


/* ---------------------------------------------------------
   13. OSTATNÉ EXISTUJÚCE TRIEDY
   --------------------------------------------------------- */

.site-msg.information .text{
    font-size:18px;
    line-height:1.5;
}

.zsblur1p,
.zsblur2p{
    margin-top:-10px;
    margin-bottom:22px;
    padding:8px;
    box-shadow:0 9px 18px -14px rgba(20,90,50,.30);
}


/* ---------------------------------------------------------
   14. MOBILNÁ PÄTA – pôvodné správanie zachované
   --------------------------------------------------------- */

@media screen and (max-width:40em){
    #footer-in .footer-row-element:not(.banner),
    #footer-in .banner img,
    #footer-in .box,
    #footer-in #articles{
        display:block !important;
    }
}


/* =========================================================
   TABLET A DESKTOP – až od 768 px
   ========================================================= */

@media screen and (min-width:768px){

    .zsblur1,
    .zsblur2{
        margin-top:30px;
    }

    .cardin{
        padding:22px;
    }

    .cardbig{
        padding:24px;
    }

    .banners-row{
        padding:12px;
        border-radius:10px;
    }

    #carousel,
    .next-to-carousel-banners .banner-wrapper{
        border-radius:10px;
    }

    .next-to-carousel-banners .banner-wrapper + .banner-wrapper{
        margin-top:12px;
    }

    #navigation .navigation-in{
        border-radius:20px;
    }
}


/* =========================================================
   VÄČŠÍ DESKTOP – až od 1200 px
   ========================================================= */

@media screen and (min-width:1200px){

    .cardin{
        padding:24px;
    }

    .cardbig{
        padding:26px;
    }

    .zsblur1,
    .zsblur2{
        margin-top:34px;
    }
}