.icon-svg svg{
    width: 40px;
    height: 40px;
    stroke: #fff;
}

.navbar-logo{
    filter: brightness(0) invert(1);
}

.sticky .navbar-logo{
    filter: none;
}

.sticky {
    background-color: rgba(28, 18, 8, 0.92) !important;
    backdrop-filter: blur(12px);
}

.bg-primary {
    background-color: #d97706!important;
}
.bg-info {
    background-color: #b45309!important;
}
.bg-dark {
    background-color: #18191B!important;
}
.bg-secondary {
    background-color: #74D6BE!important;
}
.bg-success {
    background-color: #E4FEB3!important;
}

/* Glass cards for dark-background sections */
.glass {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.glass-darker {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* ===== Golden theme Tailwind arbitrary-value utilities ===== */
/* (These classes are used in Blade templates but missing from the pre-compiled landing.css) */

/* --- Backgrounds --- */
.bg-\[\#1c1208\]{ background-color: #1c1208; }
.bg-\[\#d97706\]{ background-color: #d97706; }
.bg-\[\#f59e0b\]{ background-color: #f59e0b; }
.bg-\[\#ca8a04\]{ background-color: #ca8a04; }
.bg-\[\#b45309\]{ background-color: #b45309; }
.bg-\[\#fef3c7\]{ background-color: #fef3c7; }
.bg-\[\#fffbeb\]{ background-color: #fffbeb; }
.bg-\[\#d97706\]\/10{ background-color: rgba(217,119,6,0.1); }
.bg-\[\#d97706\]\/20{ background-color: rgba(217,119,6,0.2); }

/* --- Text --- */
.text-\[\#d97706\]{ color: #d97706; }
.text-\[\#f59e0b\]{ color: #f59e0b; }
.text-\[\#ca8a04\]{ color: #ca8a04; }
.text-\[\#b45309\]{ color: #b45309; }
.text-\[\#d97706\]\/20{ color: rgba(217,119,6,0.2); }
.text-\[\#d97706\]\/60{ color: rgba(217,119,6,0.6); }

/* --- Gradient from --- */
.from-\[\#fffbeb\]{ --tw-gradient-from: #fffbeb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,251,235,0)); }
.from-\[\#d97706\]{ --tw-gradient-from: #d97706; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217,119,6,0)); }
.from-\[\#d97706\]\/5{ --tw-gradient-from: rgba(217,119,6,0.05); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217,119,6,0)); }
.from-\[\#d97706\]\/10{ --tw-gradient-from: rgba(217,119,6,0.1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217,119,6,0)); }
.from-\[\#d97706\]\/20{ --tw-gradient-from: rgba(217,119,6,0.2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217,119,6,0)); }

/* --- Gradient via --- */
.via-\[\#fff7ed\]{ --tw-gradient-stops: var(--tw-gradient-from), #fff7ed, var(--tw-gradient-to, rgba(255,247,237,0)); }

/* --- Gradient to --- */
.to-\[\#fef3c7\]{ --tw-gradient-to: #fef3c7; }
.to-\[\#f59e0b\]{ --tw-gradient-to: #f59e0b; }
.to-\[\#f59e0b\]\/5{ --tw-gradient-to: rgba(245,158,11,0.05); }
.to-\[\#f59e0b\]\/10{ --tw-gradient-to: rgba(245,158,11,0.1); }
.to-\[\#f59e0b\]\/20{ --tw-gradient-to: rgba(245,158,11,0.2); }

/* --- Border --- */
.border-\[\#fde68a\]{ border-color: #fde68a; }
.border-\[\#d97706\]\/40{ border-color: rgba(217,119,6,0.4); }

/* --- Shadow (colored) --- */
.shadow-\[\#d97706\]\/5{ --tw-shadow-color: rgba(217,119,6,0.05); --tw-shadow: var(--tw-shadow-colored); }
.shadow-\[\#d97706\]\/10{ --tw-shadow-color: rgba(217,119,6,0.1); --tw-shadow: var(--tw-shadow-colored); }
.shadow-\[\#d97706\]\/20{ --tw-shadow-color: rgba(217,119,6,0.2); --tw-shadow: var(--tw-shadow-colored); }

/* --- Hover --- */
.hover\:bg-\[\#d97706\]\/20:hover{ background-color: rgba(217,119,6,0.2); }
.hover\:bg-\[\#fffbeb\]:hover{ background-color: #fffbeb; }
.hover\:bg-\[\#b45309\]:hover{ background-color: #b45309; }
.hover\:text-\[\#b45309\]:hover{ color: #b45309; }
.hover\:text-\[\#d97706\]:hover{ color: #d97706; }
.hover\:shadow-\[\#d97706\]\/10:hover{ --tw-shadow-color: rgba(217,119,6,0.1); --tw-shadow: var(--tw-shadow-colored); }
.hover\:shadow-\[\#d97706\]\/30:hover{ --tw-shadow-color: rgba(217,119,6,0.3); --tw-shadow: var(--tw-shadow-colored); }

/* --- Focus --- */
.focus\:ring-\[\#d97706\]\/50:focus{ --tw-ring-color: rgba(217,119,6,0.5); }

/* ===== Landing footer: guaranteed dark + white text (do not rely on Tailwind compile) ===== */
.landing-footer{
  position: relative;
  background: linear-gradient(180deg, #1c1208 0%, #120a05 42%, #1c1208 100%) !important;
  color: #ffffff !important;
}
.landing-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(1200px 520px at 35% 30%, rgba(217,119,6,0.22), transparent 60%),
              radial-gradient(900px 480px at 80% 70%, rgba(245,158,11,0.18), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.75) 100%);
  pointer-events:none;
}
.landing-footer > *{ position: relative; z-index: 1; }
.landing-footer h3{ color:#fff !important; }
.landing-footer p,
.landing-footer a{ color: rgba(255,255,255,0.72) !important; }
.landing-footer a:hover{ color:#fff !important; }
.landing-footer .border-b{ border-bottom-color: rgba(255,255,255,0.10) !important; }
.landing-footer .landing-footer-icon{
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.86) !important;
}
.landing-footer .landing-footer-icon:hover{
  background: rgba(217,119,6,0.22) !important;
  border-color: rgba(217,119,6,0.28) !important;
  color: #ffffff !important;
}

/* ===== Amber color palette (missing from compiled Tailwind) ===== */
.text-amber-200{ color: #fde68a; }
.text-amber-300{ color: #fcd34d; }
.text-amber-400{ color: #fbbf24; }
.text-amber-500{ color: #f59e0b; }
.text-amber-600{ color: #d97706; }
.bg-amber-500{ background-color: #f59e0b; }
.bg-amber-500\/20{ background-color: rgba(245,158,11,0.2); }
.bg-amber-600{ background-color: #d97706; }
.bg-amber-700{ background-color: #b45309; }
.ring-amber-500{ --tw-ring-color: #f59e0b; }
.hover\:bg-amber-700:hover{ background-color: #b45309; }
.hover\:text-amber-200:hover{ color: #fde68a; }
.focus\:ring-amber-600:focus{ --tw-ring-color: #d97706; }

/* ===== Sky color palette ===== */
.text-sky-400{ color: #38bdf8; }
.bg-sky-500{ background-color: #0ea5e9; }
.bg-sky-500\/20{ background-color: rgba(14,165,233,0.2); }