/* ================================================
   Tathbeet Hifz – Color & Branding Overrides
   Maps the Bootsland template palette to the app's
   warm brown + Islamic green + gold design system.

   App palette (from app_theme.dart):
     primary:       #1B6B4A  (Islamic green)
     primaryLight:  #2D8F66
     accent:        #D4A857  (Islamic gold)
     accentLight:   #F0DCA8
     background:    #F5F0E8  (warm cream – main bg)
     surface:       #EDE6D6  (darker warm cream – cards)
     surfaceWhite:  #FAF8F5  (lighter cream)
     textPrimary:   #2C2417  (warm dark brown)
     textSecondary: #8E8679  (warm gray)
     error:         #E53935
     success:       #43A047
   ================================================ */

/* ── Global text & page background ───────────────── */
body {
  color: #2C2417;
  font-family: 'Inter', 'Poppins', sans-serif;
  background-color: #F5F0E8 !important;
}
.page-wrapper {
  background-color: #F5F0E8;
}
p { color: #8E8679; }
.lead { color: #8E8679; }
.text-dark { color: #2C2417 !important; }
.text-primary { color: #1B6B4A !important; }
.text-muted { color: #8E8679 !important; }

/* ── Backgrounds ─────────────────────────────────── */
.bg-primary { background-color: #1B6B4A !important; }
.bg-light { background-color: #F5F0E8 !important; }
.bg-dark { background-color: #2C2417 !important; }
.bg-orange { background-color: #D4A857 !important; }
.bg-primary-soft { background-color: rgba(27, 107, 74, .10); }
.bg-dark .bg-primary-soft { background-color: rgba(27, 107, 74, .05); }
.bg-warning-soft { background-color: rgba(212, 168, 87, .10); }

/* ── Badges ──────────────────────────────────────── */
.badge-dark { background-color: #2C2417 !important; }
.badge-primary-soft { background-color: rgba(27, 107, 74, .10); color: #1B6B4A; }

/* ── Buttons ─────────────────────────────────────── */
.btn-primary {
  color: #fff;
  background-color: #1B6B4A;
  border-color: #1B6B4A;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #D4A857;
  border-color: #D4A857;
}
.btn-outline-primary {
  color: #1B6B4A;
  border-color: #1B6B4A;
}
.btn-outline-primary:hover {
  background-color: #D4A857;
  border-color: #D4A857;
  color: #fff;
}
.btn-dark {
  background-color: #2C2417;
  border-color: #2C2417;
}
.btn-dark:hover {
  background-color: #D4A857;
  border-color: #D4A857;
}

/* ── Shadows (warm green tint instead of blue) ──── */
.shadow-primary {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
}
.shadow {
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10) !important;
}

/* ── Header / Navbar ─────────────────────────────── */
#header-wrap.fixed-header {
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10) !important;
}
.navbar-dark #header-wrap.fixed-header {
  background: #1B6B4A !important;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link {
  color: #1B6B4A;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background: #1B6B4A;
  color: #ffffff;
}
.site-header.navbar-dark .navbar-nav .nav-link:focus,
.site-header.navbar-dark .navbar-nav .nav-link:hover {
  color: #D4A857;
}
@media (max-width:991.98px) {
  .navbar-collapse {
    box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10);
  }
  .site-header.navbar-dark .navbar-nav .nav-link.active,
  .site-header.navbar-dark .navbar-nav .nav-link:focus,
  .site-header.navbar-dark .navbar-nav .nav-link:hover {
    color: #1B6B4A;
  }
}

/* ── Navbar dropdown ─────────────────────────────── */
.navbar-nav .nav-item.dropdown .dropdown-menu {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
}

/* ── Preloader ───────────────────────────────────── */
.loader span { background-color: #D4A857; }
.loader p { color: #1B6B4A; }

/* ── Video / Play Button ─────────────────────────── */
.play-btn { color: #1B6B4A; }
.spinner-eff .circle-1 { background-color: #1B6B4A; }
.spinner-eff .circle-2 { background-color: #1B6B4A; }

/* ── Form ────────────────────────────────────────── */
.form-control:focus { border-color: #1B6B4A; }
.form-check-input:checked { background-color: #1B6B4A; border-color: #1B6B4A; }

/* ── Tabs ────────────────────────────────────────── */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  background: #1B6B4A;
  color: #ffffff;
}

/* ── Portfolio ───────────────────────────────────── */
.portfolio-filter button.is-checked,
.portfolio-filter button:hover {
  background: #1B6B4A;
  color: #ffffff;
}
.portfolio-title { background: #1B6B4A; }
.portfolio-meta li i { color: #1B6B4A; }

/* ── Product / Shop ──────────────────────────────── */
.product-link a:hover { background: #1B6B4A; color: #ffffff; }
.widget-color .form-check-input[type="radio"]:checked + label::after { background-color: #1B6B4A; }
.widget-size input[type="radio"]:checked + label { background: #1B6B4A; color: #fff; }

/* ── Countdown ───────────────────────────────────── */
.countdown > li span { color: #1B6B4A; }

/* ── Pagination ──────────────────────────────────── */
.page-item.active .page-link { background-color: #1B6B4A; border-color: #1B6B4A; }
.page-item a.page-link:hover { background-color: #1B6B4A; border-color: #1B6B4A; color: #ffffff !important; }

/* ── List / Links ────────────────────────────────── */
.list-group-item-action:focus,
.list-group-item-action:hover { color: #1B6B4A; }
.link-title { color: #2C2417; }
.link-title:hover { color: #1B6B4A; }

/* ── Scroll to Top ───────────────────────────────── */
.scroll-top a,
.scroll-top a:visited {
  background: #1B6B4A;
  color: #ffffff;
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .15);
}
.scroll-top a:hover,
.scroll-top a:focus {
  color: #1B6B4A;
  background: #ffffff;
}

/* ── Overlay ─────────────────────────────────────── */
[data-overlay].theme-overlay:before { background-color: #1B6B4A; }

/* ── Responsive fix ──────────────────────────────── */
@media (max-width:767.98px) {
  .transform-md-rotate { background: #1B6B4A; }
}

/* ── Progress bar default (primary) ──────────────── */
.progress-bar { background-color: #1B6B4A; }

/* ── Footer newsletter ───────────────────────────── */
footer .subscribe-form.bg-primary-soft {
  background-color: rgba(27, 107, 74, .15);
}

/* ── Hover-translate card shadow ─────────────────── */
.hover-translate:hover {
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10);
}

/* ── Gold accent highlight utilities ─────────────── */
.text-accent { color: #D4A857 !important; }
.bg-accent { background-color: #D4A857 !important; }
.bg-accent-light { background-color: #F0DCA8 !important; }
.border-accent { border-color: #D4A857 !important; }

/* ── SVG wave shapes → warm cream fill (match bg) ── */
.shape-1 svg path {
  fill: #F5F0E8;
}

/* ── Tab nav shadows ─────────────────────────────── */
.nav-tabs .nav-item.nav-link {
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10) !important;
}

/* ── Input styles ────────────────────────────────── */
.input-2 {
  box-shadow: 0 10px 55px 5px rgba(27, 107, 74, .10) !important;
}

/* ── Blog date badge shadow ──────────────────────── */
.position-absolute.bg-white.shadow-primary {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
  box-shadow: 0 0.5rem 1rem rgba(27, 107, 74, .15) !important;
}

/* ── Google Font override (Inter for body) ───────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');