/* ============================================================
GurAmar Decor & Interiors — Modern Enhancement CSS
Add this AFTER style.css on ALL pages:
Also add these fonts to :
============================================================ */
:root {
--ga-gold: #C9A84C;
--ga-gold-light: #e8c97e;
--ga-dark: #141414;
--ga-charcoal: #1e1e1e;
--ga-mid: #2c2c2c;
--ga-white: #ffffff;
--ga-offwhite: #f7f5f1;
--ga-text: #444444;
--ga-muted: #888888;
--ga-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
/* ── Global ── */
body {
font-family: 'DM Sans', 'Roboto', sans-serif;
color: var(--ga-text);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: 'Playfair Display', 'Abril Fatface', serif; }
/* ── Navbar ── */
#ftco-navbar {
background: rgba(14,14,14,0.97) !important;
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(201,168,76,0.15);
padding: 16px 0;
transition: padding var(--ga-transition);
}
/* ══════════════════════════════════════════
GurAmar — Monogram Badge + Wordmark
Replaces old .navbar-brand block entirely
══════════════════════════════════════════ */
.navbar-brand {
display: inline-flex;
align-items: center;
gap: 14px;
text-decoration: none;
outline: none;
}
/* ── Monogram box ── */
.ga-monogram {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1.5px solid var(--ga-gold);
position: relative;
flex-shrink: 0;
overflow: hidden;
transition: background 0.38s cubic-bezier(0.4,0,0.2,1);
}
/* inset decorative frame */
.ga-monogram::before {
content: '';
position: absolute;
inset: 4px;
border: 1px solid rgba(201,168,76,0.22);
transition: border-color 0.38s ease;
}
/* corner tick marks — visible on hover */
.ga-monogram::after {
content: '';
position: absolute;
inset: 0;
background:
linear-gradient(to right, var(--ga-gold) 6px, transparent 6px) top left / 16px 1.5px no-repeat,
linear-gradient(to bottom, var(--ga-gold) 6px, transparent 6px) top left / 1.5px 16px no-repeat,
linear-gradient(to left, var(--ga-gold) 6px, transparent 6px) bottom right / 16px 1.5px no-repeat,
linear-gradient(to top, var(--ga-gold) 6px, transparent 6px) bottom right / 1.5px 16px no-repeat;
opacity: 0;
transition: opacity 0.38s ease;
}
.navbar-brand:hover .ga-monogram::after { opacity: 1; }
.ga-monogram-letters {
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.06em;
line-height: 1;
background: linear-gradient(135deg, #f0d98a 0%, #C9A84C 60%, #a8842f 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
position: relative;
z-index: 1;
}
/* hover: fill gold, flip letters dark */
.navbar-brand:hover .ga-monogram { background: var(--ga-gold); }
.navbar-brand:hover .ga-monogram::before { border-color: rgba(14,14,14,0.2); }
.navbar-brand:hover .ga-monogram-letters {
background: var(--ga-dark);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--ga-dark);
}
/* ── Wordmark group ── */
.ga-wordmark {
display: flex;
flex-direction: column;
gap: 4px;
}
.ga-wordmark-main {
/*font-family: 'Playfair Display', serif;*/
font-size: 1.6rem;
letter-spacing: 0.1em;
line-height: 1;
display: flex;
align-items: baseline;
}
/* "Gur" — gold gradient, bold */
.ga-w-gur {
background: linear-gradient(135deg, #f0d98a 0%, #C9A84C 65%, #9a7428 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700;
transition: filter 0.38s ease;
}
/* "Amar" — light italic (white on dark, dark on light) */
.ga-w-amar {
color: rgba(255,255,255,0.88);
-webkit-text-fill-color: rgba(255,255,255,0.88);
font-weight: 400;
transition: color 0.38s ease, -webkit-text-fill-color 0.38s ease;
}
/* tagline */
.ga-wordmark-sub {
font-family: 'DM Sans', sans-serif;
font-size: 0.5rem;
font-weight: 600;
letter-spacing: 0.34em;
text-transform: uppercase;
/*color: rgba(201,168,76,0.55);*/
padding-left: 1px;
white-space: nowrap;
transition: color 0.38s ease, letter-spacing 0.38s ease;
}
/* hover wordmark */
.navbar-brand:hover .ga-w-gur { filter: drop-shadow(0 0 10px rgba(201,168,76,0.4)); }
.navbar-brand:hover .ga-w-amar { color: #fff; -webkit-text-fill-color: #fff; }
.navbar-brand:hover .ga-wordmark-sub {
color: rgba(201,168,76,0.85);
letter-spacing: 0.40em;
}
/* ── Light background modifier
Add class "on-light" to .navbar-brand when navbar sits on a light bg ── */
.navbar-brand.on-light .ga-w-amar { color: rgba(20,20,20,0.72); -webkit-text-fill-color: rgba(20,20,20,0.72); }
.navbar-brand.on-light .ga-wordmark-sub { color: rgba(150,110,30,0.65); }
.navbar-brand.on-light:hover .ga-w-amar { color: rgba(14,14,14,0.95); -webkit-text-fill-color: rgba(14,14,14,0.95); }
.navbar-brand.on-light:hover .ga-wordmark-sub { color: rgba(150,110,30,0.9); }
.nav-link {
font-family: 'DM Sans', sans-serif !important;
font-weight: 500 !important;
font-size: 0.78rem !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,0.75) !important;
padding: 6px 16px !important;
position: relative;
transition: color var(--ga-transition) !important;
}
.nav-link::after {
content: '';
position: absolute;
bottom: -2px; left: 16px; right: 16px;
height: 1px;
background: var(--ga-gold);
transform: scaleX(0);
transition: transform var(--ga-transition);
}
.nav-link:hover,
.nav-item.active .nav-link { color: var(--ga-gold) !important; }
.nav-link:hover::after,
.nav-item.active .nav-link::after { transform: scaleX(1); }
/* ── Hero ── */
.home-slider .slider-item { position: relative; }
.home-slider .overlay { background: linear-gradient(135deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.28) 100%) !important; }
.home-slider h1 {
font-size: clamp(2.2rem, 5vw, 3.8rem);
line-height: 1.15;
color: #fff;
}
.home-slider p { font-size: 1.05rem; color: rgba(255,255,255,0.82); }
.btn-white {
border: 1.5px solid var(--ga-gold) !important;
color: var(--ga-gold) !important;
background: transparent !important;
font-family: 'DM Sans', sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: 0.78rem;
transition: all var(--ga-transition) !important;
border-radius: 0 !important;
}
.btn-white:hover {
background: var(--ga-gold) !important;
color: var(--ga-dark) !important;
}
/* ── Subheading / Section Labels ── */
.subheading {
display: inline-flex;
align-items: center;
gap: 12px;
font-family: 'DM Sans', sans-serif;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--ga-gold);
margin-bottom: 12px;
}
.subheading::before {
content: '';
display: inline-block;
width: 28px; height: 1.5px;
background: var(--ga-gold);
flex-shrink: 0;
}
.heading-section h2 {
font-size: clamp(1.8rem, 3.5vw, 2.5rem);
color: var(--ga-dark);
line-height: 1.2;
}
/* ── Top 3 Service Cards ── */
.ftco-services { background: var(--ga-offwhite) !important; }
.ftco-services .services {
background: #fff;
padding: 38px 30px !important;
border-radius: 0;
border: 1px solid rgba(0,0,0,0.06);
box-shadow: 0 2px 20px rgba(0,0,0,0.04);
transition: transform var(--ga-transition), box-shadow var(--ga-transition);
}
.ftco-services .services:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(0,0,0,0.10);
}
.ftco-services .icon {
width: 64px; height: 64px;
background: var(--ga-gold);
border-radius: 0;
}
.ftco-services .icon span { color: #fff; font-size: 1.8rem; }
.ftco-services .heading {
font-family: 'DM Sans', sans-serif;
font-size: 1.1rem;
font-weight: 600;
color: var(--ga-dark);
}
/* ============================================================
USP / Budget Banner — SIGNATURE SECTION
============================================================ */
.ga-usp-banner {
background: var(--ga-dark);
padding: 100px 0;
position: relative;
overflow: hidden;
}
.ga-usp-banner::before {
content: '';
position: absolute;
top: -80px; right: -40px;
width: 500px; height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(201,168,76,0.1) 0%, transparent 68%);
pointer-events: none;
}
.ga-usp-banner::after {
content: '';
position: absolute;
bottom: -100px; left: 8%;
width: 360px; height: 360px;
border-radius: 50%;
background: radial-gradient(circle, rgba(201,168,76,0.07) 0%, transparent 70%);
pointer-events: none;
}
.ga-usp-eyebrow {
display: inline-block;
font-family: 'DM Sans', sans-serif;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--ga-gold);
border: 1px solid rgba(201,168,76,0.35);
padding: 7px 20px;
margin-bottom: 28px;
}
.ga-usp-banner h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3.4rem);
color: #fff;
line-height: 1.15;
margin-bottom: 22px;
}
.ga-usp-banner h2 em {
font-style: normal;
color: var(--ga-gold);
position: relative;
}
.ga-usp-banner h2 em::after {
content: '';
position: absolute;
left: 0; bottom: 2px; right: 0;
height: 2px;
background: var(--ga-gold);
opacity: 0.35;
}
.ga-usp-banner > .container > .row > .col-md-7 p {
font-size: 1.05rem;
color: rgba(255,255,255,0.6);
line-height: 1.85;
max-width: 520px;
}
.ga-usp-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 34px;
}
.ga-usp-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(201,168,76,0.08);
border: 1px solid rgba(201,168,76,0.28);
color: rgba(255,255,255,0.82);
font-family: 'DM Sans', sans-serif;
font-size: 0.8rem;
font-weight: 500;
padding: 9px 18px;
letter-spacing: 0.03em;
}
.ga-usp-pill::before {
content: '✓';
color: var(--ga-gold);
font-weight: 700;
font-size: 0.85rem;
}
.ga-usp-cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(--ga-gold);
color: var(--ga-dark);
font-family: 'DM Sans', sans-serif;
font-weight: 700;
font-size: 0.8rem;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 17px 38px;
text-decoration: none;
margin-top: 40px;
transition: all var(--ga-transition);
position: relative;
z-index: 1;
}
.ga-usp-cta:hover {
background: var(--ga-gold-light);
color: var(--ga-dark);
text-decoration: none;
letter-spacing: 0.18em;
}
.ga-usp-divider {
height: 1px;
background: rgba(201,168,76,0.15);
margin: 0 0 60px;
}
.ga-stats-row {
display: flex;
gap: 0;
border-top: 1px solid rgba(201,168,76,0.15);
padding-top: 50px;
margin-top: 0;
}
.ga-stat {
flex: 1;
padding-right: 40px;
border-right: 1px solid rgba(255,255,255,0.06);
}
.ga-stat:last-child { border-right: none; padding-right: 0; padding-left: 40px; }
.ga-stat:not(:first-child) { padding-left: 40px; }
.ga-stat-num {
font-family: 'Playfair Display', serif;
font-size: 2.8rem;
color: var(--ga-gold);
line-height: 1;
display: block;
}
.ga-stat-label {
font-family: 'DM Sans', sans-serif;
font-size: 0.8rem;
color: rgba(255,255,255,0.45);
letter-spacing: 0.06em;
margin-top: 6px;
display: block;
}
/* ============================================================
Services Zigzag Section
============================================================ */
.ga-services-section {
padding: 100px 0;
background: var(--ga-offwhite);
}
.ga-services-intro {
text-align: center;
max-width: 660px;
margin: 0 auto 72px;
}
.ga-services-intro h2 {
font-size: clamp(1.9rem, 3vw, 2.6rem);
color: var(--ga-dark);
margin-bottom: 14px;
}
.ga-services-intro p {
font-size: 1rem;
color: var(--ga-muted);
line-height: 1.78;
}
.ga-service-row {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 460px;
margin-bottom: 6px;
overflow: hidden;
}
.ga-service-row.ga-rev { direction: rtl; }
.ga-service-row.ga-rev > * { direction: ltr; }
.ga-svc-img {
position: relative;
overflow: hidden;
min-height: 380px;
}
.ga-svc-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.75s cubic-bezier(0.4,0,0.2,1);
display: block;
}
.ga-service-row:hover .ga-svc-img img { transform: scale(1.06); }
.ga-svc-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(14,14,14,0.55) 0%, transparent 55%);
}
.ga-svc-view {
position: absolute;
bottom: 24px; left: 24px;
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--ga-gold);
color: var(--ga-dark);
font-family: 'DM Sans', sans-serif;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
padding: 10px 20px;
text-decoration: none;
transition: all var(--ga-transition);
z-index: 2;
}
.ga-svc-view:hover {
background: #fff;
color: var(--ga-dark);
text-decoration: none;
}
.ga-svc-body {
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
padding: 60px 64px;
}
.ga-svc-num {
font-family: 'Playfair Display', serif;
font-size: 5rem;
color: rgba(201,168,76,0.1);
line-height: 1;
display: block;
margin-bottom: -14px;
}
.ga-svc-tag {
font-family: 'DM Sans', sans-serif;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--ga-gold);
display: block;
margin-bottom: 16px;
}
.ga-svc-body h3 {
font-size: 1.7rem;
color: var(--ga-dark);
line-height: 1.18;
margin-bottom: 16px;
}
.ga-svc-body p {
font-size: 0.93rem;
color: var(--ga-text);
line-height: 1.82;
margin: 0;
}
.ga-svc-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ga-gold);
text-decoration: none;
margin-top: 28px;
border-bottom: 1px solid rgba(201,168,76,0.35);
padding-bottom: 4px;
width: fit-content;
transition: all var(--ga-transition);
}
.ga-svc-link:hover {
color: var(--ga-dark);
border-color: var(--ga-dark);
text-decoration: none;
gap: 14px;
}
/* ── Project cards ── */
.project .text h3 { font-family: 'DM Sans', sans-serif; font-size: 0.95rem; }
.project:hover .text { background: var(--ga-gold); }
/* ── Blog ── */
.blog-entry .heading a {
font-family: 'Playfair Display', serif;
font-size: 1rem;
color: var(--ga-dark);
line-height: 1.35;
}
.blog-entry .heading a:hover { color: var(--ga-gold); text-decoration: none; }
.blog-entry .meta a { color: var(--ga-gold); font-size: 0.8rem; }
/* ── Footer ── */
.ftco-footer { background: #0d0d0d !important; }
.ftco-heading-1 {
font-family: 'Playfair Display', serif;
color: var(--ga-gold) !important;
font-size: 1.8rem;
}
.ftco-heading-2 {
font-family: 'DM Sans', sans-serif !important;
font-size: 0.72rem !important;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(255,255,255,0.35) !important;
margin-bottom: 22px !important;
}
.ftco-footer .list-unstyled li { margin-bottom: 10px; }
.ftco-footer .list-unstyled li a {
color: rgba(255,255,255,0.6);
font-size: 0.88rem;
transition: color var(--ga-transition);
text-decoration: none;
}
.ftco-footer .list-unstyled li a:hover { color: var(--ga-gold); padding-left: 4px; }
.ftco-footer .block-23 ul li,
.ftco-footer .block-23 ul li a { color: rgba(255,255,255,0.55); font-size: 0.86rem; }
.ftco-footer .icon { color: var(--ga-gold) !important; }
.ftco-footer .col-md-12.text-center p {
color: rgba(255,255,255,0.28);
font-size: 0.78rem;
border-top: 1px solid rgba(255,255,255,0.06);
padding-top: 30px;
}
.ftco-footer .col-md-12.text-center a { color: var(--ga-gold); }
/* ── btn-custom ── */
.btn-custom {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: 'DM Sans', sans-serif;
font-weight: 700;
font-size: 0.76rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ga-gold);
border-bottom: 1.5px solid var(--ga-gold);
padding-bottom: 4px;
text-decoration: none;
transition: all var(--ga-transition);
}
.btn-custom:hover { color: var(--ga-dark); border-color: var(--ga-dark); text-decoration: none; }
/* ── Wrap about ── */
.wrap-about h4 {
font-family: 'DM Sans', sans-serif;
font-size: 1.05rem;
font-weight: 600;
color: var(--ga-dark);
}
/* ── Fade-up animation utility ── */
.ga-fade-up {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.65s ease, transform 0.65s ease;
}
.ga-fade-up.ga-visible { opacity: 1; transform: translateY(0); }
/* ── Responsive ── */
@media (max-width: 991px) {
.ga-svc-body { padding: 44px 40px; }
}
@media (max-width: 767px) {
.ga-service-row,
.ga-service-row.ga-rev { grid-template-columns: 1fr; direction: ltr; }
.ga-svc-body { padding: 36px 28px; }
.ga-svc-img { min-height: 260px; }
.ga-stats-row { flex-direction: column; gap: 30px; }
.ga-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); padding: 0 0 28px !important; }
.ga-stat:last-child { border-bottom: none; padding-bottom: 0 !important; }
.ga-usp-banner { padding: 60px 0; }
.ga-usp-pills { flex-direction: column; }
}
/* ============================================================
SERVICE DETAIL PAGE — shared styles for all 7 pages
============================================================ */
.ga-hero-slider-wrap {
position: relative;
height: 78vh;
min-height: 480px;
overflow: hidden;
}
.ga-hero-slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1s ease;
}
.ga-hero-slide.ga-active { opacity: 1; }
.ga-hero-slide::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(14,14,14,0.78) 0%, rgba(14,14,14,0.25) 100%);
}
.ga-hero-caption {
position: absolute;
bottom: 80px; left: 0; right: 0;
z-index: 3;
}
.ga-hero-caption h1 {
font-size: clamp(2.4rem, 5vw, 4rem);
color: #fff;
margin-bottom: 16px;
}
.ga-hero-caption p {
font-size: 1.1rem;
color: rgba(255,255,255,0.72);
max-width: 520px;
}
.ga-slider-dots {
position: absolute;
bottom: 28px; right: 40px;
display: flex;
gap: 8px;
z-index: 4;
}
.ga-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.35);
border: none;
cursor: pointer;
transition: all var(--ga-transition);
padding: 0;
}
.ga-dot.ga-active { background: var(--ga-gold); width: 24px; border-radius: 4px; }
.ga-detail-body { padding: 90px 0; }
.ga-detail-body.alt-bg { background: var(--ga-offwhite); }
.ga-process-list { margin: 0; padding: 0; list-style: none; }
.ga-process-item {
display: flex;
gap: 24px;
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(0,0,0,0.06);
}
.ga-process-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.ga-process-badge {
flex-shrink: 0;
width: 46px; height: 46px;
background: var(--ga-gold);
color: var(--ga-dark);
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 1.1rem;
display: flex; align-items: center; justify-content: center;
}
.ga-process-text h4 {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 600;
color: var(--ga-dark);
margin-bottom: 6px;
}
.ga-process-text p {
font-size: 0.88rem;
color: var(--ga-muted);
line-height: 1.72;
margin: 0;
}
.ga-why-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 20px;
}
.ga-why-card {
background: #fff;
border: 1px solid rgba(0,0,0,0.07);
padding: 28px 24px;
transition: transform var(--ga-transition), box-shadow var(--ga-transition);
}
.ga-why-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 36px rgba(0,0,0,0.08);
}
.ga-why-icon { font-size: 1.8rem; margin-bottom: 12px; display: block; }
.ga-why-card h4 {
font-family: 'DM Sans', sans-serif;
font-size: 0.95rem;
font-weight: 600;
color: var(--ga-dark);
margin-bottom: 8px;
}
.ga-why-card p {
font-size: 0.85rem;
color: var(--ga-muted);
line-height: 1.68;
margin: 0;
}
@media (max-width: 575px) {
.ga-why-grid { grid-template-columns: 1fr; }
}
/* ── Navbar Scrolled State Override ── */
#ftco-navbar.scrolled {
background: rgba(14,14,14,0.98) !important;
margin-top: 0 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000;
box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}
#ftco-navbar.scrolled .navbar-brand {
color: var(--ga-gold) !important;
}
#ftco-navbar.scrolled .nav-link {
color: rgba(255,255,255,0.75) !important;
}
#ftco-navbar.scrolled .nav-link:hover,
#ftco-navbar.scrolled .nav-item.active .nav-link {
color: var(--ga-gold) !important;
}
#ftco-navbar.scrolled .navbar-toggler {
border-color: rgba(201,168,76,0.5) !important;
color: rgba(255,255,255,0.75) !important;
}
#ftco-navbar.scrolled .navbar-toggler:hover {
color: var(--ga-gold) !important;
}
/* Dropdown menu styling */
.nav-item.dropdown .nav-link::after {
content: '';
position: static;
display: inline-block;
margin-left: 6px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255,255,255,0.75);
transition: transform var(--ga-transition);
}
.nav-item.dropdown .nav-link[aria-expanded="true"]::after {
transform: rotateZ(180deg);
border-top-color: var(--ga-gold);
}
.nav-item.dropdown .dropdown-menu {
background: rgba(14,14,14,0.98) !important;
border: 1px solid rgba(201,168,76,0.15) !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
min-width: 220px;
margin-top: 8px;
padding: 6px 0;
}
.dropdown-menu .dropdown-item {
color: rgba(255,255,255,0.75) !important;
font-size: 0.75rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 500;
padding: 10px 16px;
transition: all var(--ga-transition) !important;
}
.dropdown-menu .dropdown-item:hover {
background: rgba(201,168,76,0.1) !important;
color: var(--ga-gold) !important;
padding-left: 22px;
}
.dropdown-menu .dropdown-item.active {
background: rgba(201,168,76,0.15) !important;
color: var(--ga-gold) !important;
}