.elementor-928 .elementor-element.elementor-element-231f3434 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-928 .elementor-element.elementor-element-231f3434:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-231f3434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AA2525;background-image:url("https://shajra.ma/wp-content/uploads/2025/10/nNADINECOURT628x314.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-928 .elementor-element.elementor-element-231f3434 > .elementor-background-overlay{background-color:#111111;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-928 .elementor-element.elementor-element-231f3434 > .elementor-container{min-height:410px;}.elementor-928 .elementor-element.elementor-element-231f3434{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-29px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-928 .elementor-element.elementor-element-3d9f9d83 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-928 .elementor-element.elementor-element-3d9f9d83 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-928 .elementor-element.elementor-element-167efa63{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-928 .elementor-element.elementor-element-167efa63 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"Source Serif Pro", Sans-serif;font-size:70px;font-weight:700;line-height:70px;}.elementor-928 .elementor-element.elementor-element-167efa63 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-928 .elementor-element.elementor-element-167efa63 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-928 .elementor-element.elementor-element-6757b985{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-928 .elementor-element.elementor-element-3a4cbfe0{--spacer-size:80px;}.elementor-928 .elementor-element.elementor-element-776698d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-928 .elementor-element.elementor-element-223c77e6{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#787978;}.elementor-928 .elementor-element.elementor-element-223c77e6 .elementor-headline{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-928 .elementor-element.elementor-element-223c77e6 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-secondary );}.elementor-928 .elementor-element.elementor-element-15ee684{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-928 .elementor-element.elementor-element-ba9de4c{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-928 .elementor-element.elementor-element-231f3434:not(.elementor-motion-effects-element-type-background), .elementor-928 .elementor-element.elementor-element-231f3434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-928 .elementor-element.elementor-element-3d9f9d83 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-928 .elementor-element.elementor-element-167efa63 .elementskit-section-title-wraper .elementskit-section-title{font-size:60px;line-height:65px;}}@media(max-width:767px){.elementor-928 .elementor-element.elementor-element-3d9f9d83 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-928 .elementor-element.elementor-element-167efa63 .elementskit-section-title-wraper .elementskit-section-title{font-size:55px;line-height:60px;letter-spacing:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6700f32f */.related.products {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15ee684 *//* ======================================= */
/* 1. تعريف الألوان الأساسية والمظهر العام */
/* ======================================= */
:root {
    --color-primary: #17361f; /* الأخضر الداكن */
    --color-secondary: #dbb376; /* الذهبي */
    --color-background-light: #f8f8f8; /* خلفية فاتحة خفيفة */
}

body {
    background-color: var(--color-background-light);
    color: var(--color-primary);
}

/* لون العناوين والروابط */
h1, h2, h3, h4, .price, .amount {
    color: var(--color-primary);
}

a {
    color: var(--color-secondary);
    transition: color 0.3s ease;
}

a:hover {
    color: #a88457; /* تظليل أغمق للذهبي */
}

/* ======================================= */
/* 2. تصميم المنتجات والحاويات (WPClever/Grouped) */
/* ======================================= */

/* إطار المنتج وحاويات الباقة (Smart Group) */
.product-type-smart-group .product-card, 
.product-type-variable .product-card,
.wpc-group-product-item, /* حاوية المنتج في باقة WPClever */
.wpc-composite-product-item /* حاوية المنتج في باقة WPClever */
{
    border: 2px solid var(--color-secondary); /* إطار ذهبي */
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(23, 54, 31, 0.15); /* ظل خفيف من لون الثيم */
    transition: all 0.3s ease;
}

/* تأثير التحوم (Hover) */
.wpc-group-product-item:hover,
.wpc-composite-product-item:hover {
    box-shadow: 0 8px 18px rgba(23, 54, 31, 0.25);
    transform: translateY(-2px);
}

/* ======================================= */
/* 3. تصميم مربع الاختيار (Checkbox) المُخصص */
/* ======================================= */

/* إخفاء الـ checkbox الأصلي وجعل الـ label قابلاً للنقر */
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* إنشاء مربع الاختيار المُخصص (العنصر الزائف) */
input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-primary); /* إطار أخضر داكن */
    border-radius: 4px;
    margin-inline-end: 10px; /* مسافة على اليسار للنصوص العربية */
    vertical-align: middle;
    background-color: var(--color-background-light);
    transition: all 0.2s ease;
}

/* لون الخلفية عند التحديد (Checked) */
input[type="checkbox"]:checked + label::before {
    background-color: var(--color-secondary); /* خلفية ذهبية عند التحديد */
    border-color: var(--color-primary); /* إطار أخضر داكن */
}

/* علامة "صح" عند التحديد */
input[type="checkbox"]:checked + label::after {
    content: '\2713'; /* رمز علامة الصح */
    position: absolute;
    color: var(--color-primary); /* لون علامة الصح (الأخضر الداكن) */
    font-size: 14px;
    font-weight: bold;
    /* يتطلب ضبط دقيق حسب تخطيط الـ label في صفحتك */
    top: 50%;
    right: 5px; 
    transform: translateY(-50%);
    line-height: 1;
}

/* تعديل الـ label ليناسب الـ checkbox المخصص في RTL */
.woocommerce-form__label-for-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 35px; /* مسافة للـ checkbox المخصص */
}

/* ======================================= */
/* 4. تصميم القائمة المنسدلة (Dropdown/Select) */
/* ======================================= */

/* حقل التحديد (Select Box) نفسه */
.wpc-group-product-item .variations_form .select-wrapper select,
.wpc-group-product-item .variations_form .variation_select,
.product-type-smart-group select,
.woocommerce-input-wrapper select {
    background-color: var(--color-background-light) !important; 
    border: 2px solid var(--color-primary) !important; 
    border-radius: 6px !important;
    color: var(--color-primary) !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    /* إخفاء السهم الافتراضي للمتصفح (اختياري) */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/* لون النص والخلفية للخيارات (Options) - يعتمد التخصيص على المتصفح */
/* يستهدف الخيار المختار/المظلل (Highlighted) في بعض المتصفحات */
select option:checked {
    background-color: var(--color-secondary) !important; /* خلفية ذهبية */
    color: var(--color-primary) !important; /* نص أخضر داكن */
}

/* ======================================= */
/* 5. تصميم الأزرار (إضافة إلى السلة) */
/* ======================================= */

/* زر "إضافة إلى السلة" و الأزرار الرئيسية */
.single_add_to_cart_button,
.woocommerce-checkout-payment .place-order button[type="submit"],
.button.alt,
.wc-backward {
    background-color: var(--color-primary) !important; /* خلفية خضراء داكنة */
    color: var(--color-secondary) !important; /* نص ذهبي */
    border: 2px solid var(--color-secondary) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

/* تأثير التحوم على الأزرار */
.single_add_to_cart_button:hover,
.button.alt:hover {
    background-color: var(--color-secondary) !important; /* عكس الألوان عند التحويم */
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* زر "Effacer" الظاهر في الصورة */
.wpc-group-product-item .button.wpcg-remove {
    background: none !important;
    color: var(--color-secondary) !important; /* لون ذهبي */
    border: none !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
}

/* ======================================= */
/* 6. التجاوب مع الهواتف (Responsive) */
/* ======================================= */
@media (max-width: 768px) {
    /* تقليل المسافات البادئة على الهواتف */
    .wpc-group-product-item,
    .wpc-composite-product-item {
        padding: 10px;
    }

    /* تكبير حجم الخطوط للأزرار لتسهيل النقر */
    .single_add_to_cart_button {
        font-size: 18px !important;
        padding: 12px 24px !important;
        width: 100%; /* جعل الزر بعرض كامل الشاشة */
    }
}/* End custom CSS */