/* ========================================
   AMANAH CAPITAL OMAN - FINAL WORKING CODE
   Colors: #0A3D2F (Dark Green) | #D4AF37 (Gold)
   ======================================== */

/* Override the template's color variables */
:root {
    --base-h: 158;
    --base-s: 71%;
    --base-l: 14%;
    --base: var(--base-h), var(--base-s), var(--base-l);
    
    --secondary-h: 45;
    --secondary-s: 74%;
    --secondary-l: 52%;
    --secondary: var(--secondary-h), var(--secondary-s), var(--secondary-l);
}

/* Hero Section - Force dark green background */
.hero {
    background: #0A3D2F !important;
    position: relative;
}

/* Gold top line on hero */
.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #D4AF37;
    z-index: 10;
}

/* Hero text colors */
.hero__title,
.hero h2 {
    color: white !important;
}

.hero p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Footer background */
footer,
.footer {
    background: #0A3D2F !important;
}

/* Footer links */
footer a,
.footer a {
    color: rgba(255, 255, 255, 0.7) !important;
}

footer a:hover,
.footer a:hover {
    color: #D4AF37 !important;
}

/* Section headers */
.section-title {
    color: #0A3D2F !important;
}

/* Gold accent text */
.text--base {
    color: #D4AF37 !important;
}

/* Form focus effect */
.form--control:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}

/* Active menu item */
.navbar-nav .nav-link.active,
.header .main-menu li a.active {
    color: #D4AF37 !important;
}

/* Pagination active */
.pagination .page-item.active .page-link {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #0A3D2F !important;
}

/* Table headers */
.custom--table thead th {
    background-color: #0A3D2F !important;
    color: white !important;
}

/* Plan card headers */
.plan-card__header {
    background-color: #0A3D2F !important;
}

/* How it works step */
.how-work-card__step {
    background-color: #0A3D2F !important;
}

.how-work-card__step::before {
    background-color: #D4AF37 !important;
}

/* Testimonial section */
.testimonial-item {
    background-color: #D4AF37 !important;
}

.testimonial-item::before {
    background-color: #0A3D2F !important;
}

/* Subscribe section */
.subscribe-section {
    background-color: #0A3D2F !important;
}

/* Login/Register page */
.account-section::before {
    background-color: #0A3D2F !important;
    opacity: 0.9 !important;
}

.account-section-right {
    background-color: #0A3D2F !important;
}

/* Dashboard widget button */
.d-widget__btn {
    background-color: #D4AF37 !important;
    color: #0A3D2F !important;
}

/* Modal header */
.modal-header {
    border-bottom: 2px solid #D4AF37 !important;
}

/* Badge */
.badge--base {
    background-color: rgba(212, 175, 55, 0.15) !important;
    border: 1px solid #D4AF37 !important;
    color: #D4AF37 !important;
}

/* Select2 focus */
.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
    border-color: #D4AF37 !important;
}

/* Date range picker */
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #D4AF37 !important;
}