/*
Theme Name: MB3
Description: Custom WooCommerce Theme
Version: 1.0
*/



/* ================================
   通用图片处理
================================ */
.img-fluid,.logo_img,.content-image{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
}
/* Banner img — no object-fit, pure responsive */
img.banner-img {
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
    object-position: initial !important;
}

/* 商品图片比例 */
.product-img img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    width: 100%;
}



/* 防止卡片高度错位 */
.product-wrapper {
    height: 100%;
}

/* ================================
   WooCommerce 文本优化
================================ */
p.woocommerce-result-count {
    margin-bottom: 0 !important;
}

.pro-price span {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #747691 !important;
    margin: 0 !important;
}

/* ================================
   排序下拉框
================================ */
.woocommerce-ordering {
    margin: 0;
}

.woocommerce-ordering select {
    border: 1px solid #ddd;
    height: 45px;
    padding: 0 15px;
    border-radius: 0;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    outline: none;
    cursor: pointer;
}

/* ================================
   Toys Shop Template Integration Fixes
   ================================ */

/* Checkout Place Order button */
#place_order {
    width: 100%;
    padding: 14px !important;
    background: #ea1d5d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
}
#place_order:hover {
    background: #000 !important;
}

/* Fix white price text on white bg from template CSS */
.cart-totals-box .amount,
.woocommerce-cart-form .amount,
.cart-table .amount {
    color: #000 !important;
}

/* Fix template's overly broad link color (a{color:#fff}) in content areas */
.about-products-w3layouts a,
.product-info-img a,
.sub-agile-info-toys a,
.news-agile-text a,
.about a:not(.outs_more-buttn a):not(.navbar-brand),
p a:not(.nav-link):not(.navbar-brand),
footer a {
    color: #ea1d5d;
}
p a:not(.nav-link):not(.navbar-brand):hover,
footer a:hover {
    color: #000;
}

/* Banner img — container fits image exactly */
.slider,
.slider-img,
.header-outs,
.header-bar {
    margin: 0 !important;
    padding: 0 !important;
}
.slider-img {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: none !important;
    background-size: auto !important;
    display: block !important;
}
.slider-img img.banner-img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: fill !important;
}
/* Nuke all responsive min-height */
@media (max-width: 1440px) { .slider-img { min-height: 0 !important; height: auto !important; } }
@media (max-width: 1050px) { .slider-img { min-height: 0 !important; height: auto !important; } }
@media (max-width: 900px)  { .slider-img { min-height: 0 !important; height: auto !important; } }
@media (max-width: 767px)  { .slider-img { min-height: 0 !important; height: auto !important; } }
@media (max-width: 414px)  { .slider-img { min-height: 0 !important; height: auto !important; } }

/* Search bar pill shape — input + button on same line */
.search-right .form-inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
}
.search-right input[type="search"] {
    flex: 1 1 auto;
    width: auto;
    height: 38px;
    border-radius: 25px 0 0 25px !important;
    margin-right: 0 !important;
}
.search-right button {
    flex: 0 0 auto;
    height: 38px;
    border-radius: 0 25px 25px 0 !important;
    white-space: nowrap;
    padding: 0 15px;
    line-height: 38px;
}

/* Header in normal flow — banner appears below (not overlapped) */
.header-outs {
    position: static !important;
}
.header-bar {
    position: static !important;
}
nav.navbar.navbar-expand-lg.navbar-light {
    background: rgba(0, 0, 0, 0.05);
}

/* Force cart icons + email on one line */
.cart-icons ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
}

/* Header email — inline with icons */
li.header-email {
    font-size: 13px;
    padding-left: 12px;
    border-left: 1px solid rgba(255,255,255,0.3);
    margin-left: 8px;
    white-space: nowrap;
}
li.header-email span.fa-envelope {
    color: #ea1d5d;
    margin-right: 5px;
}

li.header-email .email-text {
    color: #ccc;
    border: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
}

/* FIX: overlay invisible but blocking clicks */
.overlay {
    pointer-events: none !important;
}
.open .overlay {
    pointer-events: auto !important;
}

/* Price range slider */
#slider-range {
    height: 6px;
    background: #e4e4e4;
    border-radius: 3px;
    margin: 15px 0;
}
#slider-range .ui-slider-range {
    background: #ea1d5d;
    height: 6px;
    border-radius: 3px;
}
#slider-range .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #ea1d5d;
    border-radius: 50%;
    top: -5px;
    cursor: pointer;
    outline: none;
}
#amount {
    margin-top: 8px;
    font-size: 14px;
}

/* White hamburger icon */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Split dropdown: link text navigates, caret toggles */
.dropdown-link {
    display: inline-block !important;
    padding-right: 0 !important;
}
.dropdown-caret {
    display: inline-block !important;
    padding-left: 2px !important;
    padding-right: 28px !important;
}
/* Dropdown opens on hover — parent link stays clickable */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* Fix slider height on mobile */
@media(max-width:767px) {
    .slider-img {
        min-height: 500px !important;
    }
    .slider-info {
        padding: 14em 0 0 !important;
    }
    .slider-info h5 {
        font-size: 32px !important;
    }
}

/* WooCommerce content area link fixes */
.woocommerce a,
.woocommerce-page a {
    color: #ea1d5d;
}
.woocommerce a.button,
.woocommerce-page a.button {
    color: #fff;
}

/* Offcanvas cart — keep theme styles */
.offcanvas-cart {
    z-index: 9999;
}

/* Fix template footer copyright link color */
.copy-agile-right p a {
    color: #ea1d5d !important;
}

/* Keep product images proportional */
.banner-agile-flowers img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Carousel review section mobile fix */
@media(max-width:991px) {
    .clients-w3layouts-row:nth-child(2) {
        margin-top: 33px;
    }
}