/* =========================================================
   CigaretaJinak – UI polish v2
   Oprava quantity + sjednocení tlačítek, newsletteru a footeru.
   Bez zásahů do konkurenčních výhod / produktových textů.
   ========================================================= */

/* ---------------------------------------------------------
   1) Homepage carousel – jen kosmetika
   --------------------------------------------------------- */
body.id-1.in-index #carousel .carousel-control{
    width:46px;
    height:46px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:9px;
    background:#fff;
    box-shadow:0 7px 20px rgba(0,0,0,.10);
    opacity:1;
    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;
}
body.id-1.in-index #carousel .carousel-control:hover{
    background:#fbfff9;
    border-color:#cfe8c7;
    box-shadow:0 9px 24px rgba(0,0,0,.13);
}
body.id-1.in-index .wide-carousel .carousel-tabs .extended-banner-title{
    border-radius:8px 8px 0 0;
}

/* ---------------------------------------------------------
   2) Kategorie / bannery
   --------------------------------------------------------- */
body.id-1.in-index .footer-banners .footer-banner > a{
    display:block;
    overflow:hidden;
    border-radius:10px;
    transition:transform .16s ease,box-shadow .16s ease;
}
body.id-1.in-index .footer-banners .footer-banner > a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(0,0,0,.07);
}
body.id-1.in-index .footer-banners .footer-banner img{
    border-radius:10px;
}

/* ---------------------------------------------------------
   3) TLAČÍTKA – sjednocení napříč webem
   --------------------------------------------------------- */
.btn,
button.btn,
a.btn{
    border-radius:8px !important;
}

.btn.btn-primary,
.btn.btn-conversion,
.btn.btn-cart,
.btn.btn-tertialy,
.p-tools .btn{
    border-radius:8px !important;
    box-shadow:none !important;
    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;
}

.btn.btn-primary:hover,
.btn.btn-conversion:hover,
.btn.btn-cart:hover,
.btn.btn-tertialy:hover,
.p-tools .btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(0,0,0,.08) !important;
}

/* Hodnocení obchodu – Zobrazit více */
.shop-stat-all .btn{
    border-radius:8px !important;
}

/* Blog – Všechny články */
.blog-btn .btn{
    border-radius:8px !important;
}

/* obecné "more" odkazy / tlačítkové odkazy */
a.more{
    border-radius:8px;
}

/* ---------------------------------------------------------
   4) Quantity – OPRAVA
   Důležité: NEPŘESKLÁDÁVÁME nativní Shoptet DOM.
   Jen zaoblíme celý původní ovladač.
   --------------------------------------------------------- */
.products .p-tools .quantity{
    border-radius:8px !important;
    overflow:hidden;
}

/* vracíme Shoptetu jeho vlastní positioning tlačítek */
.products .p-tools .quantity .decrease,
.products .p-tools .quantity .increase{
    position:absolute;
}

/* NERUŠÍME nativní rozměry ani pořadí */
.products .p-tools .quantity .amount{
    border-radius:0 !important;
}

/* ---------------------------------------------------------
   5) Newsletter – skutečná struktura Shoptetu
   .custom-footer__newsletter / #formNewsletterWidget
   --------------------------------------------------------- */
.custom-footer__newsletter #formNewsletterWidget fieldset{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}

.custom-footer__newsletter #formNewsletterWidget .form-group.smart-label-wrapper{
    flex:1 1 auto;
    margin:0;
}

.custom-footer__newsletter #formNewsletterWidget .form-control-wrapper{
    height:100%;
}

.custom-footer__newsletter #newsletterWidget{
    min-height:50px;
    height:50px;
    border-radius:8px 0 0 8px !important;
    border-right:0 !important;
    box-shadow:none !important;
    padding-left:16px;
}

.custom-footer__newsletter #newsletterWidget:focus{
    border-color:#6ccc43 !important;
    box-shadow:0 0 0 3px rgba(108,204,67,.10) !important;
    position:relative;
    z-index:2;
}

.custom-footer__newsletter #formNewsletterWidget > fieldset > .btn,
.custom-footer__newsletter #formNewsletterWidget button[type="submit"]{
    min-height:50px;
    height:50px;
    margin:0;
    border-radius:0 8px 8px 0 !important;
    padding-left:28px;
    padding-right:28px;
}

.custom-footer__newsletter #formNewsletterWidget .consents{
    flex:0 0 100%;
    width:100%;
    margin-top:10px;
}

/* ---------------------------------------------------------
   6) Footer info / kontakt – jemnější karta
   --------------------------------------------------------- */
.custom-footer{
    padding-top:28px;
    padding-bottom:28px;
}

.custom-footer__contact > .container,
.custom-footer__newsletter > .container{
    border-radius:12px;
}

.custom-footer__contact .pageElement__heading{
    margin-bottom:18px;
}

.custom-footer__contact .pageElement__heading img{
    border-radius:50%;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
}

.custom-footer__contact .contact-box{
    padding:4px 0 0;
}

.custom-footer__contact .contact-box ul{
    margin-bottom:0;
}

.custom-footer__contact .contact-box a{
    transition:color .15s ease;
}

.custom-footer__contact .contact-box a:hover{
    color:#49b63e;
}

/* celý spodní info blok vizuálně sjednotit */
.custom-footer > .container,
.custom-footer .custom-footer__contact,
.custom-footer .custom-footer__newsletter{
    border-radius:12px;
}

/* ---------------------------------------------------------
   7) "Zobrazit více" / pomocné ovládací prvky
   --------------------------------------------------------- */
.pagination-top > a,
.pagination-top .btn,
.load-more,
.show-more,
.show-more-products{
    border-radius:8px !important;
}

/* ---------------------------------------------------------
   8) Mobile
   --------------------------------------------------------- */
@media (max-width:767px){
    body.id-1.in-index #carousel .carousel-control{
        width:40px;
        height:40px;
        border-radius:8px;
    }

    body.id-1.in-index .footer-banners .footer-banner > a{
        border-radius:8px;
    }

    .custom-footer__newsletter #formNewsletterWidget fieldset{
        display:block;
    }

    .custom-footer__newsletter #newsletterWidget{
        width:100%;
        border-right:1px solid #ddd !important;
        border-radius:8px !important;
    }

    .custom-footer__newsletter #formNewsletterWidget > fieldset > .btn,
    .custom-footer__newsletter #formNewsletterWidget button[type="submit"]{
        width:100%;
        margin-top:8px;
        border-radius:8px !important;
    }
}