.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3653 .elementor-element.elementor-element-bc8221e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3653 .elementor-element.elementor-element-3cc7f08{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-button{font-family:"DM Serif Text", Sans-serif;font-weight:500;}body.elementor-page-3653:not(.elementor-motion-effects-element-type-background), body.elementor-page-3653 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for button, class: .elementor-element-832d405 *//* ==================================================
   تحويل الزر إلى صندوق زجاجي فاخر (Luxury Glass)
   ================================================== */
.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-button {
    /* 1. إعدادات الزجاج (نفس كودك السابق) */
    background: rgba(255, 255, 255, 0.12) !important; /* شفافية خفيفة */
    backdrop-filter: blur(24px) saturate(120%);
    -webkit-backdrop-filter: blur(24px) saturate(120%);
    
    /* 2. الحدود والحواف */
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 25px !important;

    /* 3. الظلال */
    box-shadow: 
        0 18px 40px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);

    /* 4. تنسيق النص */
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 300;
    letter-spacing: 0.35px;
    padding: 15px 35px !important; /* مساحة مريحة للنقر */
    
    /* منع الالتفاف (سطر واحد) + حجم خط ذكي */
    white-space: nowrap !important;
    font-size: clamp(14px, 2.5vw, 18px); /* حجم متجاوب */
    
    /* 5. الحركة واللمعة */
    position: relative;
    overflow: hidden; /* لحصر اللمعة داخل الزر */
    transition: all 0.4s ease !important;
    
    /* توسيط العنصر */
    width: auto;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   طبقة اللمعة (Shine Effect)
   ================================================== */
.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* تدرج لوني للمعة */
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.4) 50%, transparent 70%);
    opacity: 0; /* مخفية في الوضع العادي */
    transition: opacity 0.4s ease;
    pointer-events: none; /* لضمان عدم حجب النقر */
}

/* ==================================================
   تأثير مرور الماوس (Hover)
   ================================================== */
.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-button:hover {
    /* يرتفع للأعلى */
    transform: translateY(-2px);
    
    /* تفتيح الحدود */
    border-color: rgba(255, 255, 255, 0.5) !important;
    
    /* زيادة الظل */
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.5);
        
    /* لون النص */
    color: #ffffff !important;
}

/* تشغيل اللمعة عند المرور */
.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-button:hover::after {
    opacity: 1;
}

/* ==================================================
   توسيط الزر في الصفحة
   ================================================== */
.elementor-3653 .elementor-element.elementor-element-832d405 .elementor-widget-container {
    text-align: center; /* يضمن توسط الزر */
}/* End custom CSS */