/*
Theme Name: DinaKala Child - Brand Gallery
Theme URI: https://brandgalery.com/
Description: Child theme for DinaKala with compatibility for the legacy Brand Gallery product brands taxonomy.
Author: Brand Gallery
Template: dinakala
Version: 1.0.0
Requires PHP: 8.1
Text Domain: dinakala-child-brandgallery
*/

/*
 * Add project-specific CSS below this line.
 * DinaKala parent styles are loaded first; this stylesheet is loaded afterwards.
 */
/* ================================
   Footer Trust / Payment Logos
================================ */
.dina-namad-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 0 !important;
}
.dina-namad-con {
    flex: 0 0 120px;
    width: 120px;
    height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
    margin: 0 !important;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.dina-namad-con > img,
.dina-namad-con .namad-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
    object-position: center;
    margin: 0 !important;
}
.dina-namad-con > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.dina-namad-con > a img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
    object-position: center;
    margin: 0 !important;
}
/* =========================================
   DINA BRANDS GRID - FINAL UNIFIED STYLE
========================================= */
/* ستون */
.dina-cats-grid .dina-term-cat-con {
    padding: 6px !important;
    margin: 0 !important;
    box-sizing: border-box;
}
/* کارت اصلی هر برند */
.dina-cats-grid .dina-term-cat {
    width: 100% !important;
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #292929 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
/* قاب سفید ثابت */
.dina-cats-grid .dina-term-cat > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 90px !important;
    max-width: 190px !important;
    padding: 10px !important;
    margin: 0 auto !important;
    background: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
/* خود لوگو */
.dina-cats-grid .dina-term-cat > a > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 70px !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: auto !important;
    padding: 0 !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}
/* جلوگیری از بزرگ شدن عکس در hover قالب */
.dina-cats-grid .dina-term-cat:hover img,
.dina-cats-grid .dina-zoomin:hover img {
    transform: none !important;
}
/* موبایل */
@media (max-width: 767px) {
    .dina-cats-grid .dina-term-cat-con {
        padding: 4px !important;
    }
    .dina-cats-grid .dina-term-cat {
        height: 100px !important;
        padding: 7px !important;
    }
    .dina-cats-grid .dina-term-cat > a {
        height: 76px !important;
        padding: 8px !important;
    }
    .dina-cats-grid .dina-term-cat > a > img {
        max-height: 58px !important;
    }
}

/* Checkout Main */
#checkout{--bg:#f8f9fb;--field:#f5f6f8;--border:#d9dde3;--border-hover:#c5cad2;--accent:#f39a23;--text:#222;--shadow:0 6px 24px rgba(20,30,50,.08);--shadow-hover:0 10px 30px rgba(20,30,50,.11);}

/* Main checkout columns */
#checkout .dina-customer-details,#checkout .dina-checkout-order-review{background:#fff;border:1px solid #e2e5e9;border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:box-shadow .25s ease,border-color .25s ease;}
#checkout .dina-customer-details:hover,#checkout .dina-checkout-order-review:hover{border-color:#d5d9df;box-shadow:var(--shadow-hover);}

/* Section headings */
#checkout .woocommerce-billing-fields>h3,#checkout .woocommerce-additional-fields>h3,#checkout #order_review_heading{font-weight:700;color:#202124;margin-bottom:22px;}

/* Form labels */
#checkout .form-row label{display:block;color:#4a4d52;font-weight:600;margin-bottom:7px;line-height:1.6;}
#checkout .form-row label .required{color:#e53935;}

/* Inputs */
#checkout input.input-text,#checkout input[type="text"],#checkout input[type="email"],#checkout input[type="tel"],#checkout textarea,#checkout select{width:100%;background:var(--field);border:1px solid var(--border);border-radius:9px;box-shadow:inset 0 1px 2px rgba(20,30,50,.025),0 2px 7px rgba(20,30,50,.04);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}

/* Input height */
#checkout input.input-text,#checkout input[type="text"],#checkout input[type="email"],#checkout input[type="tel"],#checkout select{min-height:44px;padding:9px 13px;}

/* Textarea */
#checkout textarea{min-height:110px;padding:12px 14px;resize:vertical;}

/* Hover */
#checkout input.input-text:hover,#checkout input[type="text"]:hover,#checkout input[type="email"]:hover,#checkout input[type="tel"]:hover,#checkout textarea:hover,#checkout select:hover{background:#fff;border-color:var(--border-hover);box-shadow:0 3px 10px rgba(20,30,50,.07);}

/* Focus */
#checkout input.input-text:focus,#checkout input[type="text"]:focus,#checkout input[type="email"]:focus,#checkout input[type="tel"]:focus,#checkout textarea:focus,#checkout select:focus{outline:0;background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(243,154,35,.13),0 4px 12px rgba(20,30,50,.07);}

/* Select2 - province */
#checkout .select2-container{width:100%!important;}
#checkout .select2-container .select2-selection--single{height:44px!important;background:var(--field)!important;border:1px solid var(--border)!important;border-radius:9px!important;box-shadow:inset 0 1px 2px rgba(20,30,50,.025),0 2px 7px rgba(20,30,50,.04)!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
#checkout .select2-container .select2-selection--single:hover{background:#fff!important;border-color:var(--border-hover)!important;box-shadow:0 3px 10px rgba(20,30,50,.07)!important;}
#checkout .select2-container--focus .select2-selection--single,#checkout .select2-container--open .select2-selection--single{background:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(243,154,35,.13),0 4px 12px rgba(20,30,50,.07)!important;}
#checkout .select2-container .select2-selection__rendered{height:42px!important;line-height:42px!important;padding-right:13px!important;padding-left:35px!important;color:#333!important;}
#checkout .select2-container .select2-selection__arrow{height:42px!important;}

/* WooCommerce row spacing */
#checkout .woocommerce-billing-fields__field-wrapper .form-row,#checkout .woocommerce-additional-fields__field-wrapper .form-row{margin-bottom:17px;}

/* Invalid fields */
#checkout .woocommerce-invalid input.input-text,#checkout .woocommerce-invalid .select2-selection{border-color:#e35d5d!important;background:#fffafa!important;box-shadow:0 0 0 3px rgba(227,93,93,.08)!important;}

/* Valid fields */
#checkout .woocommerce-validated input.input-text:focus{border-color:var(--accent);}

/* Order delivery section */
#checkout .dina-delivery-tabs{background:#f8f9fb;border:1px solid #e1e4e8;border-radius:10px;padding:14px;box-shadow:0 3px 12px rgba(20,30,50,.05);}

/* Delivery day tabs */
#checkout .dina-delivery-tab-nav li{background:#fff;border:1px solid #dfe2e6;border-radius:8px;box-shadow:0 2px 6px rgba(20,30,50,.04);transition:.2s ease;}
#checkout .dina-delivery-tab-nav li:hover{border-color:#cdd1d6;box-shadow:0 4px 10px rgba(20,30,50,.07);transform:translateY(-1px);}
#checkout .dina-delivery-tab-nav li.active{background:#fffaf3;border-color:var(--accent);box-shadow:0 0 0 2px rgba(243,154,35,.1),0 4px 12px rgba(243,154,35,.12);}

/* Time slots */
#checkout .dina-delivery-tab-content{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:12px;margin-top:10px;}

/* Order table */
#checkout .woocommerce-checkout-review-order-table{background:#fff;border:1px solid #e1e4e8;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(20,30,50,.05);}

/* Shipping options */
#checkout #shipping_method li{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:10px 12px;margin-bottom:7px;transition:.2s ease;}
#checkout #shipping_method li:hover{border-color:#d0d4da;background:#fafafa;box-shadow:0 3px 9px rgba(20,30,50,.05);}
#checkout #shipping_method li:has(input:checked){background:#fffaf4;border-color:#f3aa4e;box-shadow:0 0 0 2px rgba(243,154,35,.08);}

/* Payment area */
#checkout #payment{background:#f8f9fb;border:1px solid #e1e4e8;border-radius:10px;padding:14px;box-shadow:0 3px 12px rgba(20,30,50,.05);}
#checkout #payment .wc_payment_method{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:11px 12px;margin-bottom:8px;transition:.2s ease;}
#checkout #payment .wc_payment_method:hover{border-color:#d0d4da;box-shadow:0 3px 10px rgba(20,30,50,.06);}
#checkout #payment .wc_payment_method:has(input:checked){border-color:#f2ad51;background:#fffaf4;box-shadow:0 0 0 2px rgba(243,154,35,.08);}

/* Payment description */
#checkout #payment .payment_box{background:#f7f8fa;border:1px solid #e4e6ea;border-radius:7px;margin-top:9px;padding:10px 12px;}

/* Place order button */
#checkout #place_order{border:0;border-radius:9px;box-shadow:0 5px 14px rgba(243,154,35,.25);transition:transform .2s ease,box-shadow .2s ease;}
#checkout #place_order:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(243,154,35,.32);}

/* Coupon notice */
.woocommerce-form-coupon-toggle .woocommerce-info{background:#f8fbff;border:1px solid #cfe4f5;border-radius:9px;box-shadow:0 3px 10px rgba(30,100,160,.06);}

/* Outer checkout container */
.dina-page-con:has(#checkout){background:#fff;border:1px solid #e5e7eb;border-radius:13px;box-shadow:0 5px 22px rgba(20,30,50,.065);}
/* Mobile */
@media(max-width:767px){#checkout .dina-customer-details,#checkout .dina-checkout-order-review{padding:16px;border-radius:10px;box-shadow:0 4px 16px rgba(20,30,50,.08);}#checkout input.input-text,#checkout input[type="text"],#checkout input[type="email"],#checkout input[type="tel"],#checkout select,#checkout .select2-container .select2-selection--single{min-height:46px;}#checkout .woocommerce-billing-fields__field-wrapper .form-row{margin-bottom:14px;}}