/*
Theme Name: Glozin Child
Theme URI: https://staging.arcadiaqa.com
Description: Clean child theme for Arcadia Boutique (Glozin)
Author: Arcadia Boutique
Author URI: https://arcadiaqa.com
Template: glozin
Version: 1.0.4
Text Domain: glozin-child
*/

/* ==========================================================================
   1. Arcadia 1-Click Language Switcher (Desktop)
   ========================================================================== */
.site-header__desktop .arcadia-lang-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #ffffff;
    border: 1px solid #e2ddd5;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    line-height: 1;
}

.site-header__desktop .arcadia-lang-toggle.no-flag {
    padding: 6px 16px !important;
    gap: 0 !important;
}

.site-header__desktop .arcadia-lang-toggle:hover {
    border-color: #b08d57;
    background: #faf7f2;
    color: #b08d57 !important;
    box-shadow: 0 2px 8px rgba(176, 141, 87, 0.18);
}

.arcadia-lang-toggle .arcadia-lang-flag {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.arcadia-lang-toggle .arcadia-flag-svg {
    display: block;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.site-header__desktop .arcadia-lang-toggle .arcadia-lang-text {
    font-family: inherit;
    letter-spacing: 0.3px;
    font-size: 13px;
    line-height: 1;
}

/* ==========================================================================
   1.1 Desktop Logo Size Normalization
   ========================================================================== */
.site-header__desktop .header-logo img {
    max-height: 48px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* ==========================================================================
   2. Mobile Header: Centered Logo with Original Size & Micro Language Icon
   ========================================================================== */
.site-header__mobile .header-mobile-main .site-header__container {
    position: relative !important;
}

/* 100% Center for Mobile Logo */
.site-header__mobile .header-center-items {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

.site-header__mobile .header-center-items .header-logo {
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-header__mobile .header-logo img {
    width: 92px !important;
    max-height: 22px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Ultra-compact language icon on mobile (discreet, tiny flag only) */
.site-header__mobile .header-left-items {
    gap: 6px !important;
}

/* Optical symmetry: balance search & cart gap with left side */
.site-header__mobile .header-right-items {
    gap: 15px !important;
}

.site-header__mobile .arcadia-lang-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 22px !important;
    width: auto !important;
    min-width: 24px !important;
    padding: 0 5px !important;
    background: #ffffff !important;
    border: 1px solid #dcd6cb !important;
    border-radius: 11px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    text-decoration: none !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    gap: 4px !important;
}

.site-header__mobile .arcadia-lang-toggle.no-flag {
    padding: 0 9px !important;
    gap: 0 !important;
}

.site-header__mobile .arcadia-lang-toggle .arcadia-flag-svg {
    width: 14px !important;
    height: 9px !important;
    border-radius: 1px !important;
}

.site-header__mobile .arcadia-lang-toggle .arcadia-lang-text {
    display: none !important;
}

.site-header__mobile .arcadia-lang-toggle.no-flag .arcadia-lang-text {
    display: inline-block !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    font-family: inherit !important;
    line-height: 1 !important;
}

/* ==========================================================================
   3. Desktop Navigation Menu: "Fit the Screen" Full Width Distribution
   ========================================================================== */
.header-bottom {
    overflow: visible !important;
    width: 100% !important;
}

.header-bottom .site-header__container {
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 25px !important;
    overflow: visible !important;
}

.header-bottom .header-center-items {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

.primary-navigation {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    overflow: visible !important;
}

.primary-navigation .nav-menu {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.primary-navigation .nav-menu > li {
    padding: 0 2px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    flex: 0 1 auto !important;
}

.primary-navigation .nav-menu > li > a {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px !important;
    display: flex !important;
    align-items: center !important;
    line-height: 25px !important;
}

/* Wide screens (1441px+) */
@media (min-width: 1441px) {
    .header-bottom .site-header__container {
        max-width: 1540px !important;
        padding: 0 35px !important;
    }
    .primary-navigation .nav-menu > li > a {
        font-size: 15px !important;
    }
}

/* Laptop screens (1200px - 1366px) */
@media (min-width: 1200px) and (max-width: 1366px) {
    .header-bottom .site-header__container {
        padding: 0 15px !important;
    }
    .primary-navigation .nav-menu > li > a {
        font-size: 13.5px !important;
    }
}

/* ==========================================================================
   4. Customer Specific Overrides (Restored from Customizer Post 1000564)
   ========================================================================== */
/* تطبيق Segoe UI - 400 على كل الموقع بدون تغيير أي شيء تاني */
*, 
body, 
p, 
h1, h2, h3, h4, h5, h6, 
input, textarea, button, 
select, 
.wp-block-paragraph, 
.wp-block-heading, 
.entry-content,
.site-title, 
.site-description,
.widget-title,
.comment-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.single-product div.product .woocommerce-tabs--dropdown:first-child {
    border-top: 1px solid #000000;
}
.single-product div.product .woocommerce-tabs--dropdown {
    border-bottom: 1px solid #000000;
}
/* تبويبات المنتج: نص أسود + بولد فقط */
.single-product div.product .woocommerce-tabs--dropdown .woocommerce-tabs-title {
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    color: #000000 !important;        /* نص أسود */
    font-weight: 500 !important;      /* بولد قوي (700 أقوى من 600) */
    line-height: normal;
    padding: calc(17 / 16 * 1rem) 0;
    cursor: pointer;
    /* لا نضيف background هنا → يبقى زي القالب الأصلي */
}

/* إخفاء تبويبة "Additional information" كاملة */
#tab-additional_information,
.woocommerce-tabs--additional_information,
.single-product .woocommerce-tabs .woocommerce-tabs--additional_information {
    display: none !important;
}

.catalog-top-categories {
    --gz-ratio-percent: 131%;
    --gz-swiper-pagination-spacing: 20px;
    display: none !important;
}

.page-header--shop .page-header__title {
    font-family: Noto Sans Arabic;
    font-size: 28px;
    font-weight: 400;
    display: none !importan;
}


.glozin-mobile-navigation-bar {
    z-index: 10;
    display: none !important;
}

.catalog-toolbar__center.catalog-toolbar__item {
    display: none !important;
}

.catalog-toolbar__toolbar {
    display: none !important;
}

.catalog-toolbar__active-filters {
    display: none !important;
}
.page-header__title {
    display: none !important;
}



.page-header__description {
    margin-top: 10px;
    background: #fff7e6;          /* خلفية بيج جميلة */
    padding: 12px 18px;           /* مسافة داخلية */
    border: 1px solid #e0c9a8;    /* بوردر ذهبي فاتح */
    border-radius: 8px;           /* زوايا ناعمة */
    font-size: 16px;
    font-weight: 400;
    color: #5a4632;               /* لون نص رايق */
    display: inline-block;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    letter-spacing: 0.3px;
}
.page-header__description p {
    margin: 0; /* إزالة المسافة بين الفقرة والبوكس */
}




input[type=radio]+label {
    color: #000000;
}

.hamburger-panel ul.menu>li>a {
    font-weight: 400;
}



ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 25px;
    font-size: .9375rem;
    line-height: 19.2px;
    margin: 0;
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    margin-top: -60px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
}



.gz-button-outline-dark {
    --gz-button-color: #000000;
    --gz-button-border-color: #7f6f50;
}


.single-product div.product form.cart .product-featured-icons .gz-button-outline.gz-button-icon {
    --gz-button-color: #000000 !important;
    --gz-button-border-color: #7f6f50 !important;
}

.single-product div.product .product-featured-icons--mobile .gz-button-icon {
    --gz-button-bg-color: #7f6f50;
    --gz-button-color: var(--gz-color-dark);
    --gz-button-color-hover: var(--gz-color-light);
    --gz-button-bg-color-hover: var(--gz-color-dark);
    --gz-button-border-color-hover: var(--gz-color-dark);
    --gz-button-width: 50px;
    --gz-button-height: 50px;
    --gz-button-font-size: 14px;
    margin: 0;
}
.gz-buy-now-button.gz-button {
    background: #000 !important;   /* يخليه أسود */
    color: #fff !important;        /* كتابة بيضاء */
    padding: 12px 16px !important;  /* تصغير الزر */
    font-size: 16px !important;    /* تصغير الخط */
    border-radius: 5px !important; /* شكل أنعم */
}

.gz-buy-now-button.gz-button:hover {
    opacity: 0.85;
}




.site-breadcrumb {
    --gz-site-breadcrumb-color: var(--gz-color-dark);
    --gz-site-breadcrumb-link-color: var(--gz-color-grey);
    color: var(--gz-site-breadcrumb-color);
    display: none;
}

.campaign-bar__text {
    letter-spacing: 1.5px; /* عدل الرقم حسب المسافة اللي تحبها */
}



table.shop_table .order-total strong {
    font-weight: 600;
    font-size: 14px;
}

.main-navigation.primary-navigation ul.nav-menu li a {
    position: relative;
    z-index: 9999;
    pointer-events: auto;
}

input[type=radio]+label {
    color: #000000 !important;
    font-weight: 500!important;
    font-size: 14px;
}

form.checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper p {
    margin-bottom: 16px;
    font-weight: 500;
}


.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    background-color: #F0F0F1;
    border: 1px solid #0a0000;
    padding: 31px 31px 0;
    border-bottom: 0;
    border-radius: var(--gz-rounded-md) var(--gz-rounded-md) 0 0;
}

form.checkout .col-2 {
    padding: 0 31px 25px;
    border: 1px solid #000000;
    padding-top: 20px;
	    background-color: #F0F0F1;

    border-top: 0;
    border-radius: 0 0 var(--gz-rounded-md) var(--gz-rounded-md);
}
form.checkout .woocommerce-checkout-review-order {
    padding: 18px 30px 30px;
    color: var(--gz-color-dark);
    border: 1px solid var(--gz-border-color);
    background-color: #f0f0f1;
}

.nav-menu li>ul.sub-menu li a:not(:hover):not(.gz-button) {
    color: var(--gz-color-base);
    font-weight: 400;
}








ul.products li.product-category .woocommerce-loop-category__title {
    font-size: 25px;
    font-size: .9375rem;
    line-height: 19.2px;
    margin: 0;
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    margin-top: -60px;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-align: center;
}




/* الكمبيوتر */
.glozin-product-pbt .product-buttons {
    width: 45%;
	padding: 10px 30px;
	background-color: #ffffff
}

/* الموبايل */
@media (max-width: 767px) {
    .glozin-product-pbt .product-buttons {
        width: 100%;
			padding: 10px 30px;
				background-color: #ffffff
    }
}
div#glozin-product-pbt.glozin-product-pbt {
    background: #ededed !important;
    
}

/* تغيير لون زر إضافة الكل للسلة */
.glozin-pbt-add-to-cart.gz-button {
    background-color: #2D4A3E !important;
    color: #ffffff !important;
    border: 1px solid #2D4A3E !important;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* تأثير عند مرور الماوس (Hover) */
.glozin-pbt-add-to-cart.gz-button:hover {
    background-color: #1f332b !important; /* درجة أغمق قليلاً */
    border-color: #1f332b !important;
    opacity: 0.9;
}


.fast-shipping-text {
    color: red;
    font-weight: 600;
}
/* نص Fast Shipping */
tr.fast-shipping-option label {
    color: red !important;
}

/* النص الوصفي اللي تحت */
tr.fast-shipping-option > th > div > div {
    color: #000 !important;
}




/* تحديد الحقول غير المكتملة باللون الأحمر */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text, 
.woocommerce-checkout .form-row.woocommerce-invalid select {
    border-color: #e2401c !important; /* لون أحمر واضح للحدود */
    background-color: #fff9f9 !important; /* خلفية حمراء باهتة جداً */
    box-shadow: 0 0 5px rgba(226, 64, 28, 0.3); /* توهج بسيط */
}

/* تمييز كلمة "مطلوب" أو النجمة باللون الأحمر */
.woocommerce-checkout .form-row.woocommerce-invalid label {
    color: #e2401c !important;
}

/* تحسين ظهور رسالة الخطأ الأصلية فوق الحقل */
.woocommerce-error {
    border-top: 3px solid #e2401c !important;
    background-color: #fcf2f2;
}



/* كود التلوين عند وجود كلاس الخطأ من ووردبريس */
.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--single {
    border: 2px solid #ff0000 !important;
    background-color: #fff2f2 !important;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.3) !important;
}

/* تلوين النص الداخلي والسهم بالأحمر */
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection__placeholder,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection__rendered {
    color: #ff0000 !important;
}

.woocommerce-checkout .form-row.woocommerce-invalid .select2-selection__arrow b {
    border-top-color: #ff0000 !important;
}

/* لجعل النجمة الحمراء تظهر بوضوح بجانب اسم الخانة */
#billing_state_field label .required {
    color: #ff0000 !important;
    visibility: visible !important;
    display: inline-block !important;
}

#arcadia-voucher-section {
    background: #c42b14 !important;

}
#arcadia-voucher-section h3 {
    color: #f7f7f7 !important;
   
}


.short-description__more {
    display: none !important;
}