.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1001216 .elementor-element.elementor-element-db26cbd{--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-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}/* Start custom CSS for html, class: .elementor-element-ea2e62b *//*
═══════════════════════════════════════════════════════════════
   نهلا بوتيك - CSS صفحة تواصل معنا
   
   📌 طريقة الإضافة:
   Appearance → Customize → Additional CSS
   أو
   Elementor → Site Settings → Custom CSS
═══════════════════════════════════════════════════════════════
*/

/* ============ استيراد الخط ============ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

/* ============ الكونتينر الرئيسي ============ */
.nahla-contact-container {
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 55px 50px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .nahla-contact-container {
        padding: 40px 25px !important;
        border-radius: 20px !important;
        margin: 0 15px !important;
    }
}

/* ============ العنوان الفرعي ============ */
.nahla-subtitle {
    color: #c9a87c !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* ============ العنوان الرئيسي ============ */
.nahla-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

.nahla-title span {
    color: #c9a87c !important;
}

@media (max-width: 768px) {
    .nahla-title {
        font-size: 32px !important;
    }
}

/* ============ الزخرفة ============ */
.nahla-decoration {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin: 20px auto 35px !important;
}

.nahla-deco-line {
    width: 50px !important;
    height: 1px !important;
    background: #c9a87c !important;
}

.nahla-deco-diamond {
    width: 8px !important;
    height: 8px !important;
    background: #c9a87c !important;
    transform: rotate(45deg) !important;
}

/* ============ حقول الفورم ============ */
.nahla-contact-container input[type="text"],
.nahla-contact-container input[type="email"],
.nahla-contact-container input[type="tel"],
.nahla-contact-container textarea,
.nahla-contact-container .wpcf7-form-control,
.nahla-contact-container .elementor-field-textual {
    width: 100% !important;
    padding: 16px 20px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    font-size: 15px !important;
    border: 2px solid #e8e4df !important;
    border-radius: 12px !important;
    background: #f9f7f4 !important;
    color: #2d2d2d !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    box-shadow: none !important;
}

.nahla-contact-container input:focus,
.nahla-contact-container textarea:focus {
    border-color: #c9a87c !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(201, 168, 124, 0.1) !important;
}

.nahla-contact-container input::placeholder,
.nahla-contact-container textarea::placeholder {
    color: #b5b5b5 !important;
}

.nahla-contact-container textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

.nahla-contact-container label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2d2d2d !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}

/* ============ زر الإرسال ============ */
.nahla-contact-container button[type="submit"],
.nahla-contact-container input[type="submit"],
.nahla-contact-container .wpcf7-submit,
.nahla-contact-container .elementor-button {
    width: 100% !important;
    padding: 18px 40px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #1a1a1a !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    margin-top: 10px !important;
}

.nahla-contact-container button[type="submit"]:hover,
.nahla-contact-container input[type="submit"]:hover,
.nahla-contact-container .wpcf7-submit:hover,
.nahla-contact-container .elementor-button:hover {
    background: linear-gradient(135deg, #d4af37 0%, #c9a87c 50%, #d4af37 100%) !important;
    color: #1a1a1a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

/* ============ زر الواتساب مع الأنيميشن ============ */
.nahla-whatsapp-section {
    margin-top: 30px !important;
    padding-top: 25px !important;
    border-top: 1px solid #eee !important;
    text-align: center !important;
}

.nahla-whatsapp-wrapper {
    position: relative !important;
    display: inline-block !important;
}

/* Pulse Animation Rings */
.nahla-pulse-ring {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100% + 20px) !important;
    height: calc(100% + 20px) !important;
    border-radius: 50px !important;
    background: rgba(37, 211, 102, 0.25) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.nahla-pulse-ring:nth-child(1) { animation: nahlaPulse 2s ease-out infinite !important; }
.nahla-pulse-ring:nth-child(2) { animation: nahlaPulse 2s ease-out infinite 0.6s !important; }
.nahla-pulse-ring:nth-child(3) { animation: nahlaPulse 2s ease-out infinite 1.2s !important; }

@keyframes nahlaPulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

/* WhatsApp Button */
.nahla-whatsapp-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 32px !important;
    background: linear-gradient(135deg, #25D366 0%, #20BD5A 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3) !important;
}

.nahla-whatsapp-btn:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4) !important;
    background: linear-gradient(135deg, #20BD5A 0%, #128C7E 100%) !important;
    color: #ffffff !important;
}

.nahla-whatsapp-btn svg,
.nahla-whatsapp-btn i {
    width: 24px !important;
    height: 24px !important;
    animation: nahlaBounce 1.5s ease-in-out infinite !important;
}

@keyframes nahlaBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

.nahla-whatsapp-btn .phone-number {
    direction: ltr !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* Shine Effect */
.nahla-whatsapp-btn::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.3) 50%,
        rgba(255,255,255,0) 100%
    ) !important;
    transform: rotate(30deg) !important;
    transition: 0.6s !important;
    opacity: 0 !important;
}

.nahla-whatsapp-btn:hover::after {
    animation: nahlaShine 0.6s ease forwards !important;
}

@keyframes nahlaShine {
    0% { left: -50%; opacity: 1; }
    100% { left: 150%; opacity: 0; }
}

/* ============ خلفية الصفحة (اختياري) ============ */
.nahla-contact-page {
    background: #faf8f5 !important;
    min-height: 100vh !important;
    padding: 60px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db26cbd *//*
===========================================
نهلا بوتيك - ستايل صفحة تواصل معنا
===========================================

📌 طريقة الاستخدام:
1. انسخي هذا الكود
2. روحي لـ: Elementor → Site Settings → Custom CSS
   أو: Appearance → Customize → Additional CSS
3. الصقي الكود

📌 بناء الصفحة في Elementor:
- أضيفي Section بخلفية: #faf8f5
- أضيفي Container بخلفية بيضاء مع class: nahla-form-container
- استخدمي Elementor Form widget أو WPForms/Contact Form 7
- أضيفي الـ classes حسب التعليمات تحت
===========================================
*/

/* ============ الخلفية والكونتينر ============ */

/* خلفية الصفحة */
.nahla-contact-page {
    background: #faf8f5 !important;
    min-height: 100vh;
    padding: 60px 20px;
}

/* الكونتينر الأبيض للفورم */
.nahla-form-container {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 55px 50px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .nahla-form-container {
        padding: 40px 25px !important;
        border-radius: 20px !important;
    }
}

/* ============ العنوان ============ */

/* عنوان فرعي - نهلا بوتيك */
.nahla-subtitle {
    color: #c9a87c !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}

/* العنوان الرئيسي - تواصلي معنا */
.nahla-title {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}

.nahla-title span,
.nahla-title .gold-text {
    color: #c9a87c !important;
}

/* الزخرفة تحت العنوان */
.nahla-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px auto 35px;
}

.nahla-decoration::before,
.nahla-decoration::after {
    content: '';
    width: 50px;
    height: 1px;
    background: #c9a87c;
}

.nahla-decoration .diamond {
    width: 8px;
    height: 8px;
    background: #c9a87c;
    transform: rotate(45deg);
}

/* ============ حقول الفورم ============ */

/* ستايل الـ Labels */
.nahla-form-container .elementor-field-label,
.nahla-form-container label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2d2d2d !important;
    margin-bottom: 10px !important;
}

/* ستايل الـ Inputs */
.nahla-form-container input[type="text"],
.nahla-form-container input[type="email"],
.nahla-form-container input[type="tel"],
.nahla-form-container input[type="url"],
.nahla-form-container textarea,
.nahla-form-container .elementor-field-textual {
    width: 100% !important;
    padding: 16px 20px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    font-size: 15px !important;
    border: 2px solid #e8e4df !important;
    border-radius: 12px !important;
    background: #f9f7f4 !important;
    color: #2d2d2d !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

/* عند التركيز على الحقل */
.nahla-form-container input:focus,
.nahla-form-container textarea:focus,
.nahla-form-container .elementor-field-textual:focus {
    border-color: #c9a87c !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(201, 168, 124, 0.1) !important;
}

/* Placeholder */
.nahla-form-container input::placeholder,
.nahla-form-container textarea::placeholder {
    color: #b5b5b5 !important;
}

/* Textarea */
.nahla-form-container textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* ============ زر الإرسال ============ */

.nahla-form-container button[type="submit"],
.nahla-form-container .elementor-button,
.nahla-submit-btn {
    width: 100% !important;
    padding: 18px 40px !important;
    font-family: 'IBM Plex Sans Arabic', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #1a1a1a !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    margin-top: 10px !important;
}

.nahla-form-container button[type="submit"]:hover,
.nahla-form-container .elementor-button:hover,
.nahla-submit-btn:hover {
    background: linear-gradient(135deg, #d4af37 0%, #c9a87c 50%, #d4af37 100%) !important;
    color: #1a1a1a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

/* ============ معلومات التواصل ============ */

.nahla-contact-info {
    margin-top: 30px !important;
    padding-top: 25px !important;
    border-top: 1px solid #eee !important;
    text-align: center !important;
}

.nahla-contact-info a {
    color: #6b6b6b !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin: 0 15px !important;
    transition: color 0.3s ease !important;
}

.nahla-contact-info a:hover {
    color: #c9a87c !important;
}

.nahla-contact-info svg,
.nahla-contact-info i {
    color: #c9a87c !important;
    margin-left: 8px !important;
    width: 16px !important;
    height: 16px !important;
}

/* ============ Responsive ============ */

@media (max-width: 600px) {
    .nahla-title {
        font-size: 32px !important;
    }
    
    .nahla-form-container {
        padding: 35px 20px !important;
    }
    
    .nahla-contact-info a {
        display: block !important;
        margin: 10px 0 !important;
    }
}

/* ============ أنيميشن بسيط ============ */

@keyframes nahlaFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nahla-form-container {
    animation: nahlaFadeIn 0.8s ease forwards;
}/* End custom CSS */