/* ============================================
   HERO SECTION - Restore original layout with navy overlay
   ============================================ */

/* Overlay - light navy instead of old green */
.video-overlay {
    background-color: rgba(27, 42, 74, 0.55) !important;
}

/* Background image - RESTORE original centered layout */
.bgHome {
    border-radius: 1rem !important;
    display: block !important;
    width: 69% !important;
    margin: 7rem auto !important;
}

/* Banner - restore original */
.main-banner {
    background-color: #c4c6b4 !important;
}

/* Caption text - just improve colors, keep original layout */
.main-banner .caption h6 {
    color: #D4AF37 !important;
}
.main-banner .caption h2 {
    color: #FFFFFF !important;
}
.main-banner .caption p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Form styling - clean glassmorphism */
section.contact-us #contact {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 20px !important;
    padding: 35px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
section.contact-us #contact h2 {
    color: #FFFFFF !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Form inputs */
section.contact-us #contact input,
section.contact-us #contact select {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 20px !important;
    color: #FFFFFF !important;
    height: 40px !important;
    padding: 0px 15px !important;
}
section.contact-us #contact input:focus,
section.contact-us #contact select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}
section.contact-us #contact input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}
section.contact-us #contact select option {
    background: #1B2A4A;
    color: white;
}

/* Form button */
section.contact-us #contact button {
    background: linear-gradient(135deg, #D4AF37 0%, #C5A028 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
}
section.contact-us #contact button:hover {
    opacity: 1 !important;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.45) !important;
}

/* ============================================
   NAVBAR BUTTONS - Fix padding
   ============================================ */
.loginbtn {
    background: linear-gradient(135deg, #D4AF37 0%, #C5A028 100%) !important;
    color: #FFFFFF !important;
    border-radius: 10rem !important;
    padding: 6px 16px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-align: center !important;
    display: inline-block !important;
    line-height: 1.5 !important;
}
.loginbtn:hover {
    color: #FFFFFF !important;
    opacity: 0.9;
}

/* "دخول" button - outlined */
a[href="/Login"].loginbtn {
    background: transparent !important;
    border: 2px solid #D4AF37 !important;
    color: #D4AF37 !important;
}
a[href="/Login"].loginbtn:hover {
    background: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Nav links */
.header-area .main-nav .nav li a {
    color: #FFFFFF !important;
}
.header-area .main-nav .nav li a:hover {
    color: #D4AF37 !important;
}

/* ============================================
   ALL BUTTONS - Fix padding globally
   ============================================ */
.btn, button[type="submit"], input[type="submit"], a.btn {
    color: #FFFFFF !important;
    padding: 10px 24px !important;
    line-height: 1.5 !important;
}
.btn-primary, a.btn-primary {
    background: linear-gradient(135deg, #D4AF37, #C5A028) !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}
.btn-success, a.btn-success {
    background: linear-gradient(135deg, #1B2A4A, #2C3E6B) !important;
    border-color: #1B2A4A !important;
    color: #FFFFFF !important;
}
.btn-danger, a.btn-danger {
    background: linear-gradient(135deg, #C0392B, #E74C3C) !important;
    border-color: #C0392B !important;
    color: #FFFFFF !important;
}

/* CTA buttons */
.main-button-red a {
    background: linear-gradient(135deg, #D4AF37, #C5A028) !important;
    color: #FFFFFF !important;
    padding: 12px 30px !important;
}
.main-button-red a:hover {
    opacity: 0.9 !important;
}

/* ============================================
   SERVICES SECTION
   ============================================ */
section.services .item .down-content h4 {
    color: #1B2A4A !important;
}

/* ============================================
   SECTION HEADINGS
   ============================================ */
.section-heading h2 {
    color: #1B2A4A !important;
}

/* Inline color helpers */
[style*="background-color: #F5E6B8"],
[style*="background-color:#F5E6B8"] {
    color: #1B2A4A !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media screen and (max-width: 767px) {
    .bgHome {
        width: 100% !important;
    }
}