/* =========================
   LUXURY BASE STYLE
========================= */

body{
    font-family: 'Inter', sans-serif;
    background: #f7f5f2;
    color: #1a1a1a;
}

/* ===== CONTAINER ===== */
.container{
    max-width: 1400px;
}

/* =========================
   HEADER
========================= */

#header{
    background: #fff;
    border-bottom: 1px solid #eee;
}

/* logo */
.site-name{
    font-weight: 600;
    letter-spacing: 1px;
}








/* =========================
   BUTTONS
========================= */

.btn,
button,
.add-to-cart-button{
    background: #9b7b52 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 14px !important;
    padding: 12px 18px !important;
    font-weight: 600;
    transition: 0.25s;
}

.btn:hover,
button:hover{
    background: #7e6442 !important;
}

/* =========================
   PRODUCTS
========================= */

.product{
    background: #fff;
    border-radius: 22px;
    padding: 20px;
    border: 1px solid #eee;
    transition: 0.3s;
}

.product:hover{
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.product img{
    border-radius: 16px;
}

.name{
    font-size: 16px;
    font-weight: 600;
}

.price{
    font-size: 28px;
    font-weight: 700;
    color: #111;
}

/* =========================
   HOMEPAGE BANNER
========================= */

.slider-wrapper{
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0,0,0,0.08);
}

/* =========================
   FOOTER
========================= */

#footer{
    background: #fff;
    margin-top: 80px;
    padding: 60px 0;
    border-top: 1px solid #eee;
}

#footer a{
    color: #666;
}

#footer a:hover{
    color: #9b7b52;
}

/* =========================
   MOBILE
========================= */

@media(max-width: 768px){

    .navigation-in ul{
        flex-wrap: wrap;
        gap: 15px;
    }

    .product{
        padding: 15px;
    }

    .price{
        font-size: 22px;
    }
}





/* obrázek v menu (pokud existuje img v kategorii) */
.navigation-in ul ul img{
    width: 100% !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    transition: 0.3s !important;
}

.navigation-in ul ul img:hover{
    transform: scale(1.03) !important;
}

:where(.ums_forms_redesign--off) .compact-form .btn {
    border-radius: 0 !important;
    height: 36px;
    padding: 7px 15px 7px !important;    
    position: absolute;
    right: 0;
    top: 0;
}

.top-nav-button-login {
    margin-top: -1px !important;
    border-radius: 14px !important;
    border: 1px solid transparent;
    line-height: 1.5;
    padding: 4px 6px;
}





.quantity .decrease, .quantity .increase {
    cursor: pointer;
    height: 23px;
    padding: 0;
    position: absolute;
    width: 20px;
    margin-left: 10px !important;
    right: -15px !important;

}

.quantity .increase {
    border-style: none none none solid;
    border-width: 1px;
    left: auto;
    right: 0%;
    top: -4px !important;
    right: -15px !important;
    margin-left: 10px !important;
}

.btn.add-to-cart-button, .btn.btn-cart, .btn.express-checkout-button, a.btn.add-to-cart-button, a.btn.btn-cart, a.btn.express-checkout-button {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
    white-space: nowrap;
    margin-left: 20px !important;
}
@media (min-width: 992px) {
    .cart-widget-button .btn {
        text-align: right;
        border-radius: 0px !important;
    }
}


.cart-widget-product-delete button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-size: 10px;
    height: 50px;
    line-height: 26px;
    padding: 0;
    text-align: center;
    width: unset !important;
    left: -20px;
}

.cart-widget-product>div.cart-widget-product-unit {
    display: table-cell;
    padding-left: 10px;
}

.pagination__currentPage {
    font-weight: 400;
    border: 2px solid black !important;
}

.btn.add-to-cart-button, .btn.btn-cart, .btn.express-checkout-button, a.btn.add-to-cart-button, a.btn.btn-cart, a.btn.express-checkout-button {
    padding-left: 10px;
    padding-right: 10px;
    text-transform: none;
    white-space: nowrap;
    margin-left: 20px !important;
    background: #afcb08 !important;
}

.btn,
button,
.add-to-cart-button{

    background:#afcb08 !important;

    color:white !important;

    transition:0.3s !important;
}
/* hover efekt */
.btn.loadMore__button:focus-visible, .btn.loadMore__button:hover, .pagination .pagination__list .pagination__link:focus-visible, .pagination .pagination__list .pagination__link:hover, a.btn.goToTop__button:focus-visible, a.btn.goToTop__button:hover {
    background-color: var(--color-primary);
    border: 2px solid black !important;
    color: black !important;
}

.btn.loadMore__button, .pagination .pagination__list .pagination__link, a.btn.goToTop__button {
    background-color: var(--colors-surface-white);
    border: 2px solid;
    color: black;
}


/* hover efekt */
.btn:hover,
button:hover,
.add-to-cart-button:hover{

    background:#8fa600 !important;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

:where(.ums_forms_redesign--off) .compact-form .btn {
    border-radius: 0 !important;
    height: 36px;
    padding: 7px 15px 7px !important;
    position: absolute;
    right: 0;
    top: 0;
    transform: none !important;
}




@media (min-width: 768px) {
    .navigation-in>ul>li.ext.exp:first-child>a {
        margin-left: 0;
        padding-left: 20px;
        border: 2px solid black;
    }
}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext.exp:second-child>a {
        margin-left: 0;
        padding-left: 20px;
        border: 2px solid black;
    }
}