/* ==========================================================================
   🪔 ROHAAN CONSTRUCTIONS - DIWALI FESTIVE THEME (PRODUCTION READY) 🪔
   ==========================================================================
   How to activate:
     Add this 1 line right AFTER `rohaan-style.css` in `header.php`:
     <link rel="stylesheet" href="/css/diwali-theme.css">
     
   How to revert back after 3 days:
     Simply remove or comment out that 1 line in `header.php`!
     <!-- <link rel="stylesheet" href="/css/diwali-theme.css"> -->
     100% clean rollback. No original files, HTML or content modified.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DIWALI COLOR SYSTEM & ACCENTS
   -------------------------------------------------------------------------- */
:root {
  --diwali-gold: #d4af37;
  --diwali-gold-light: #fef08a;
  --diwali-gold-deep: #b45309;
  --diwali-amber: #f59e0b;
  --diwali-amber-bright: #fbbf24;
  --diwali-orange: #ea580c;
  --diwali-flame: #ff7700;
  --diwali-night: #071328;
  --diwali-royal: #0c1a33;
  --diwali-card-border: rgba(212, 175, 55, 0.42);
  --diwali-gold-glow: 0 0 20px rgba(245, 158, 11, 0.35);
  --diwali-gold-gradient: linear-gradient(135deg, #d4af37 0%, #f59e0b 50%, #b45309 100%);
  --diwali-btn-gradient: linear-gradient(135deg, #f59e0b 0%, #d4af37 100%);
  --diwali-royal-gradient: linear-gradient(180deg, #071328 0%, #0c1a33 100%);
}

/* --------------------------------------------------------------------------
   2. HEADER & NAVBAR FESTIVE TOUCHES
   -------------------------------------------------------------------------- */
.rohaan-theme #main-header {
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
  transition: all 0.4s ease;
}

.rohaan-theme #main-header.scrolled,
.rohaan-theme:not(.is-index) #main-header {
  background: rgba(7, 19, 40, 0.96) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(245, 158, 11, 0.2) !important;
}

.rohaan-theme .nav-item::after {
  background: var(--diwali-btn-gradient) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

.rohaan-theme .nav-item:hover {
  color: var(--diwali-amber-bright) !important;
  text-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}

.rohaan-theme .btn-header-cta {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4) !important;
  transition: all 0.3s ease !important;
}

.rohaan-theme .btn-header-cta:hover {
  background: linear-gradient(135deg, #d4af37 0%, #f59e0b 100%) !important;
  color: #000000 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.6) !important;
}

/* --------------------------------------------------------------------------
   3. HERO SECTION - AMBIENT GLOW, HANGING LAMPS & "HAPPY DIWALI" DIYA
   -------------------------------------------------------------------------- */
.rohaan-theme .hero-section {
  position: relative;
}

.rohaan-theme .hero-overlay {
  background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.28) 0%, transparent 45%),
              radial-gradient(circle at 15% 85%, rgba(212, 175, 55, 0.22) 0%, transparent 40%),
              linear-gradient(180deg, rgba(7, 19, 40, 0.65) 0%, rgba(15, 23, 42, 0.75) 100%) !important;
}

/* Hanging Golden Diya/Lantern on Top-Left */
.rohaan-theme .hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 4%;
  width: 70px;
  height: 220px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 240'%3E%3Cline x1='40' y1='0' x2='40' y2='130' stroke='%23d4af37' stroke-width='2' stroke-dasharray='3 3'/%3E%3Ccircle cx='40' y='60' r='4' fill='%23f59e0b'/%3E%3Ccircle cx='40' y='100' r='5' fill='%23f59e0b'/%3E%3Cpolygon points='40,130 65,150 40,190 15,150' fill='url(%23goldGrad)' stroke='%23d4af37' stroke-width='1.5'/%3E%3Cpolygon points='40,140 55,150 40,175 25,150' fill='%23fef08a' opacity='0.75'/%3E%3Ccircle cx='40' y='155' r='12' fill='%23ff9800' opacity='0.5' filter='blur(3px)'/%3E%3Cline x1='40' y1='190' x2='40' y2='225' stroke='%23d4af37' stroke-width='2'/%3E%3Ccircle cx='40' y='225' r='3' fill='%23f59e0b'/%3E%3Cline x1='28' y1='170' x2='22' y2='205' stroke='%23d4af37' stroke-width='1.5'/%3E%3Cline x1='52' y1='170' x2='58' y2='205' stroke='%23d4af37' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='goldGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23d4af37'/%3E%3Cstop offset='50%25' stop-color='%23f59e0b'/%3E%3Cstop offset='100%25' stop-color='%23b45309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 15;
  pointer-events: none;
  transform-origin: top center;
  animation: diwaliSwing 5s ease-in-out infinite;
}

/* Hanging Golden Diya/Lantern on Top-Right */
.rohaan-theme .hero-section::after {
  content: '';
  position: absolute;
  top: 0;
  right: 5%;
  width: 80px;
  height: 250px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 260'%3E%3Cline x1='40' y1='0' x2='40' y2='140' stroke='%23d4af37' stroke-width='2' stroke-dasharray='4 3'/%3E%3Ccircle cx='40' y='50' r='4' fill='%23f59e0b'/%3E%3Ccircle cx='40' y='95' r='6' fill='%23d4af37'/%3E%3Cpath d='M15 170 Q40 215 65 170 Q40 185 15 170 Z' fill='url(%23goldGrad2)' stroke='%23f59e0b' stroke-width='1.5'/%3E%3Cpath d='M20 170 Q40 162 60 170 Q40 176 20 170 Z' fill='%23b45309'/%3E%3Cpath d='M40 142 Q46 156 40 166 Q34 156 40 142 Z' fill='%23fef08a'/%3E%3Cpath d='M40 146 Q44 157 40 164 Q36 157 40 146 Z' fill='%23ff9800'/%3E%3Ccircle cx='40' y='156' r='10' fill='%23f59e0b' opacity='0.6' filter='blur(4px)'/%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 15;
  pointer-events: none;
  transform-origin: top center;
  animation: diwaliSwing 6s ease-in-out infinite 0.7s;
}

@keyframes diwaliSwing {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(2.5deg); }
}

/* Elegant "Happy Diwali" Glowing Diya Emblem on Hero */
.rohaan-theme .hero-section .hero-content-wrapper::before {
  content: '';
  position: absolute;
  top: 15px;
  right: 25px;
  width: 250px;
  height: 145px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20280%20160%27%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%27goldText%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%27100%25%27%20y2%3D%27100%25%27%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23fff8d6%27/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2750%25%27%20stop-color%3D%27%23f59e0b%27/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23d4af37%27/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%27flameGrad%27%20x1%3D%270%25%27%20y1%3D%27100%25%27%20x2%3D%270%25%27%20y2%3D%270%25%27%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23ea580c%27/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2740%25%27%20stop-color%3D%27%23f59e0b%27/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23fef08a%27/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%27glow%27%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%272.5%27%20result%3D%27blur%27/%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%0A%20%20%20%20%20%20%20%20%3CfeMergeNode%20in%3D%27blur%27/%3E%0A%20%20%20%20%20%20%20%20%3CfeMergeNode%20in%3D%27SourceGraphic%27/%3E%0A%20%20%20%20%20%20%3C/feMerge%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%20%20%3Cpath%20d%3D%27M40%2C25%20L43%2C33%20L51%2C36%20L43%2C39%20L40%2C47%20L37%2C39%20L29%2C36%20L37%2C33%20Z%27%20fill%3D%27%2523ffd700%27%20opacity%3D%270.9%27/%3E%0A%20%20%3Cpath%20d%3D%27M240%2C30%20L242%2C36%20L248%2C38%20L242%2C40%20L240%2C46%20L238%2C40%20L232%2C38%20L238%2C36%20Z%27%20fill%3D%27%2523ffd700%27%20opacity%3D%270.8%27/%3E%0A%20%20%3Cpath%20d%3D%27M210%2C15%20L211%2C19%20L215%2C20%20L211%2C21%20L210%2C25%20L209%2C21%20L205%2C20%20L209%2C19%20Z%27%20fill%3D%27%2523ffd700%27%20opacity%3D%270.7%27/%3E%0A%20%20%3Ctext%20x%3D%27140%27%20y%3D%2738%27%20font-family%3D%27Playfair%20Display%2C%20serif%2C%20cursive%27%20font-size%3D%2716%27%20font-style%3D%27italic%27%20fill%3D%27url%28%2523goldText%29%27%20text-anchor%3D%27middle%27%20font-weight%3D%27600%27%20letter-spacing%3D%273%27%3EFESTIVE%20GREETINGS%3C/text%3E%0A%20%20%3Ctext%20x%3D%27140%27%20y%3D%2782%27%20font-family%3D%27Playfair%20Display%2C%20Georgia%2C%20serif%27%20font-size%3D%2742%27%20font-style%3D%27italic%27%20font-weight%3D%27800%27%20fill%3D%27url%28%2523goldText%29%27%20text-anchor%3D%27middle%27%20filter%3D%27url%28%2523glow%29%27%3EHappy%20Diwali%3C/text%3E%0A%20%20%3Cellipse%20cx%3D%27140%27%20cy%3D%27130%27%20rx%3D%2740%27%20ry%3D%2710%27%20fill%3D%27%252378350f%27%20opacity%3D%270.4%27/%3E%0A%20%20%3Cpath%20d%3D%27M96%2C122%20C100%2C142%20180%2C142%20184%2C122%20C158%2C131%20122%2C131%2096%2C122%20Z%27%20fill%3D%27url%28%2523goldText%29%27%20stroke%3D%27%2523b45309%27%20stroke-width%3D%271.5%27/%3E%0A%20%20%3Cellipse%20cx%3D%27140%27%20cy%3D%27122%27%20rx%3D%2744%27%20ry%3D%276%27%20fill%3D%27%252392400e%27/%3E%0A%20%20%3Cellipse%20cx%3D%27140%27%20cy%3D%27121%27%20rx%3D%2738%27%20ry%3D%274%27%20fill%3D%27%2523f59e0b%27%20opacity%3D%270.6%27/%3E%0A%20%20%3Cpath%20d%3D%27M140%2C92%20C148%2C110%20146%2C120%20140%2C122%20C134%2C120%20132%2C110%20140%2C92%20Z%27%20fill%3D%27url%28%2523flameGrad%29%27%20filter%3D%27url%28%2523glow%29%27/%3E%0A%20%20%3Ccircle%20cx%3D%27140%27%20cy%3D%27114%27%20r%3D%273.5%27%20fill%3D%27%2523ffffff%27%20opacity%3D%270.9%27/%3E%0A%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 12;
  pointer-events: none;
  filter: drop-shadow(0 0 16px rgba(245, 158, 11, 0.65));
  animation: diyaGlowPulse 3.5s ease-in-out infinite;
}

@keyframes diyaGlowPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 14px rgba(245, 158, 11, 0.6));
  }
  50% {
    transform: scale(1.04);
    filter: drop-shadow(0 0 24px rgba(255, 152, 0, 0.85));
  }
}

/* Bottom Golden Arch / Ribbon Wave for Hero */
.rohaan-theme .hero-content-wrapper::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, rgba(212, 175, 55, 0.2) 20%, #f59e0b 50%, rgba(212, 175, 55, 0.2) 80%, transparent 100%);
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.7);
  pointer-events: none;
}

/* --------------------------------------------------------------------------
   4. SECTION ORNAMENTS - GOLDEN LOTUS HEADERS & UNDERLINES
   -------------------------------------------------------------------------- */
.rohaan-theme .section-tag {
  color: var(--diwali-amber) !important;
  letter-spacing: 0.2em !important;
  font-weight: 800 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rohaan-theme .section-tag::before {
  content: '✦ 🪔 ';
  font-size: 13px;
  color: var(--diwali-amber-bright);
}

.rohaan-theme .section-tag::after {
  content: ' 🪔 ✦';
  font-size: 13px;
  color: var(--diwali-amber-bright);
}

/* Golden Glowing Header Underline with Center Diya */
.rohaan-theme .header-line {
  background: linear-gradient(90deg, transparent 0%, #d4af37 25%, #f59e0b 50%, #d4af37 75%, transparent 100%) !important;
  height: 4px !important;
  width: 90px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.6) !important;
  position: relative;
}

.rohaan-theme .header-line::after {
  content: '🪔';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 1;
}

/* --------------------------------------------------------------------------
   5. MANDALA WATERMARKS ON WHITE SECTIONS (#projects, #about)
   -------------------------------------------------------------------------- */
.rohaan-theme #projects,
.rohaan-theme #about {
  position: relative;
  overflow: hidden;
  background-color: #fffdf9;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.2' opacity='0.22'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='150' stroke-dasharray='4 4'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='90'/%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Ccircle cx='200' cy='200' r='30' fill='%23fef08a' opacity='0.15'/%3E%3Cpath d='M200 20 C240 100 240 100 200 180 C160 100 160 100 200 20 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M200 220 C240 300 240 300 200 380 C160 300 160 300 200 220 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M20 200 C100 240 100 240 180 200 C100 160 100 160 20 200 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M220 200 C300 240 300 240 380 200 C300 160 300 160 220 200 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M73 73 C140 115 140 115 186 186 C115 140 115 140 73 73 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M327 73 C260 115 260 115 214 186 C285 140 285 140 327 73 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M73 327 C140 285 140 285 186 214 C115 260 115 260 73 327 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M327 327 C260 285 260 285 214 214 C285 260 285 260 327 327 Z' fill='%23d4af37' opacity='0.1'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.2' opacity='0.22'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='150' stroke-dasharray='4 4'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='90'/%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Ccircle cx='200' cy='200' r='30' fill='%23fef08a' opacity='0.15'/%3E%3Cpath d='M200 20 C240 100 240 100 200 180 C160 100 160 100 200 20 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M200 220 C240 300 240 300 200 380 C160 300 160 300 200 220 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M20 200 C100 240 100 240 180 200 C100 160 100 160 20 200 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M220 200 C300 240 300 240 380 200 C300 160 300 160 220 200 Z' fill='%23f59e0b' opacity='0.1'/%3E%3Cpath d='M73 73 C140 115 140 115 186 186 C115 140 115 140 73 73 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M327 73 C260 115 260 115 214 186 C285 140 285 140 327 73 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M73 327 C140 285 140 285 186 214 C115 260 115 260 73 327 Z' fill='%23d4af37' opacity='0.1'/%3E%3Cpath d='M327 327 C260 285 260 285 214 214 C285 260 285 260 327 327 Z' fill='%23d4af37' opacity='0.1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: left -140px top 30px, right -140px top 40px;
  background-repeat: no-repeat;
  background-size: 380px 380px, 380px 380px;
}

/* --------------------------------------------------------------------------
   6. PROJECT FILTERS & CARDS (FESTIVE GOLD ELEVATION)
   -------------------------------------------------------------------------- */
.rohaan-theme .filter-tab {
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  background: #ffffff !important;
  color: #334155 !important;
  transition: all 0.3s ease !important;
}

.rohaan-theme .filter-tab:hover,
.rohaan-theme .filter-tab.active {
  background: var(--diwali-btn-gradient) !important;
  border-color: #d4af37 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 18px rgba(245, 158, 11, 0.45) !important;
}

/* Project Cards */
.rohaan-theme .project-card {
  border: 1px solid var(--diwali-card-border) !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.12), 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  background: #ffffff !important;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
}

.rohaan-theme .project-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--diwali-gold-gradient);
  z-index: 5;
}

.rohaan-theme .project-card:hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 20px 45px rgba(245, 158, 11, 0.22), 0 0 20px rgba(212, 175, 55, 0.18) !important;
}

/* Status Badges */
.rohaan-theme .status-badge {
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 0.35rem 0.9rem !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.rohaan-theme .badge-ready {
  background: linear-gradient(135deg, #10b981, #059669) !important;
}

.rohaan-theme .badge-sold {
  background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
}

.rohaan-theme .badge-ongoing {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #ffffff !important;
}

/* Card Specs */
.rohaan-theme .project-specs {
  border-color: rgba(212, 175, 55, 0.25) !important;
  background: #fffdf8;
  border-radius: 8px;
  padding: 0.9rem 0 !important;
}

.rohaan-theme .spec-val {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.rohaan-theme .spec-col {
  border-color: rgba(212, 175, 55, 0.2) !important;
}

/* Action Buttons (Enquire & Know More) */
.rohaan-theme .project-footer .btn-outline {
  border: 1px solid var(--diwali-gold) !important;
  color: #b45309 !important;
  background: #fffdfa !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.rohaan-theme .project-footer .btn-outline:hover {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4) !important;
  transform: translateY(-2px);
}

.rohaan-theme .btn-know-more {
  border-color: var(--diwali-gold) !important;
  color: #b45309 !important;
  background: #fffdfa !important;
}

.rohaan-theme .btn-know-more:hover {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.4) !important;
}

/* Carousel Controls */
.rohaan-theme .carousel-control {
  border: 1px solid var(--diwali-gold) !important;
  color: #b45309 !important;
  background: #ffffff !important;
}

.rohaan-theme .carousel-control:hover {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5) !important;
}

/* --------------------------------------------------------------------------
   7. FESTIVE DIVIDER BANNER (MOCKUP STYLE)
   -------------------------------------------------------------------------- */
.rohaan-theme .project-all-btn-wrapper .btn-primary {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  padding: 0.95rem 2.4rem !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 0 6px 25px rgba(245, 158, 11, 0.45) !important;
  transition: all 0.3s ease !important;
}

.rohaan-theme .project-all-btn-wrapper .btn-primary:hover {
  background: linear-gradient(135deg, #d4af37, #f59e0b) !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 30px rgba(245, 158, 11, 0.6) !important;
}

/* Optional Middle Festive Banner Component */
.diwali-festive-strip {
  background: radial-gradient(circle at center, #0f2444 0%, #071328 100%);
  border-top: 2px solid var(--diwali-gold);
  border-bottom: 2px solid var(--diwali-gold);
  padding: 24px 20px;
  margin: 35px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25), inset 0 0 40px rgba(245, 158, 11, 0.15);
  position: relative;
  overflow: hidden;
  text-align: center;
  flex-wrap: wrap;
}

.diwali-festive-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(245, 158, 11, 0.25) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
}

.diwali-strip-text {
  color: #ffffff;
  font-size: clamp(17px, 2.2vw, 24px);
  font-weight: 700;
  font-family: var(--font-heading);
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 2;
}

.diwali-strip-text span {
  color: var(--diwali-amber-bright);
  text-shadow: 0 0 12px rgba(245, 158, 11, 0.6);
}

.diwali-strip-diya {
  font-size: 26px;
  animation: diyaFlame 2s ease-in-out infinite;
  display: inline-block;
}

@keyframes diyaFlame {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 8px #f59e0b);
  }
  50% {
    transform: scale(1.15) rotate(2deg);
    filter: drop-shadow(0 0 15px #ff7700);
  }
}

.diwali-strip-btn {
  background: var(--diwali-btn-gradient);
  color: #0f172a;
  padding: 10px 24px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

.diwali-strip-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.6);
  color: #000000;
}

/* --------------------------------------------------------------------------
   8. SERVICES SLIDER
   -------------------------------------------------------------------------- */
.rohaan-theme .service-item {
  border: 1px solid var(--diwali-card-border) !important;
  box-shadow: 0 12px 35px rgba(212, 175, 55, 0.12) !important;
}

.rohaan-theme .service-item:hover {
  transform: translateY(-8px) !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 25px 50px rgba(245, 158, 11, 0.25) !important;
}

.rohaan-theme .service-btn {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.rohaan-theme .service-btn:hover {
  background: #ffffff !important;
  color: #b45309 !important;
  box-shadow: 0 8px 22px rgba(245, 158, 11, 0.45) !important;
}

/* --------------------------------------------------------------------------
   9. ABOUT SECTION
   -------------------------------------------------------------------------- */
.rohaan-theme .feature-icon-wrapper {
  background: #fff8e8 !important;
  border-color: rgba(212, 175, 55, 0.5) !important;
  color: #d97706 !important;
}

.rohaan-theme .feature-item:hover .feature-icon-wrapper {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  border-color: #d4af37 !important;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.5) !important;
}

.rohaan-theme .about-floating-card {
  border: 1px solid var(--diwali-card-border) !important;
  box-shadow: 0 20px 45px rgba(212, 175, 55, 0.18) !important;
  background: rgba(255, 253, 248, 0.92) !important;
}

.rohaan-theme .floating-number {
  color: #b45309 !important;
}

/* --------------------------------------------------------------------------
   10. MISSION & VISION (DARK SECTIONS)
   -------------------------------------------------------------------------- */
.rohaan-theme .om-section {
  background: radial-gradient(circle at 10% 20%, rgba(245, 158, 11, 0.12) 0%, transparent 40%),
              linear-gradient(180deg, #071328 0%, #0a192f 100%) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.3);
  border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

.rohaan-theme .om-eyebrow {
  color: var(--diwali-amber-bright) !important;
}

.rohaan-theme .om-diamond {
  background: var(--diwali-gold-gradient) !important;
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4) !important;
}

/* Vision Section with Corner Mandala Artwork */
.rohaan-theme .ov-section {
  position: relative;
  background: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.2' opacity='0.25'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='150' stroke-dasharray='4 4'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='90'/%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Ccircle cx='200' cy='200' r='30' fill='%23fef08a' opacity='0.15'/%3E%3Cpath d='M200 20 C240 100 240 100 200 180 C160 100 160 100 200 20 Z' fill='%23f59e0b' opacity='0.12'/%3E%3Cpath d='M200 220 C240 300 240 300 200 380 C160 300 160 300 200 220 Z' fill='%23f59e0b' opacity='0.12'/%3E%3Cpath d='M20 200 C100 240 100 240 180 200 C100 160 100 160 20 200 Z' fill='%23f59e0b' opacity='0.12'/%3E%3Cpath d='M220 200 C300 240 300 240 380 200 C300 160 300 160 220 200 Z' fill='%23f59e0b' opacity='0.12'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right -120px bottom -120px;
  background-repeat: no-repeat;
  background-size: 380px 380px;
}

.rohaan-theme .ov-eyebrow {
  color: var(--diwali-amber) !important;
}

.rohaan-theme .ov-logo {
  background: var(--diwali-btn-gradient) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.5) !important;
}

.rohaan-theme .ov-icon {
  background: #fff8e8 !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
}

.rohaan-theme .ov-icon svg {
  stroke: #d97706 !important;
}

/* --------------------------------------------------------------------------
   11. TESTIMONIALS & REVIEWS
   -------------------------------------------------------------------------- */
.rohaan-theme .testimonials-section {
  background: #fffdf8 !important;
}

.rohaan-theme .testimonial-modern {
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.08) !important;
}

.rohaan-theme .testimonial-modern:hover {
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 20px 45px rgba(245, 158, 11, 0.18) !important;
}

.rohaan-theme .client-avatar {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
}

.rohaan-theme .google-rating-badge {
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 8px 25px rgba(245, 158, 11, 0.15) !important;
}

.rohaan-theme .review-btn {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.rohaan-theme .review-btn:hover {
  background: linear-gradient(135deg, #d4af37, #f59e0b) !important;
  color: #000000 !important;
}

/* --------------------------------------------------------------------------
   12. DIRECTOR & ALLIED SECTIONS
   -------------------------------------------------------------------------- */
.rohaan-theme .allied-section {
  background: linear-gradient(rgba(7, 19, 40, 0.94), rgba(7, 19, 40, 0.94)),
              radial-gradient(circle at top right, rgba(245, 158, 11, 0.15), transparent 50%) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.25);
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.rohaan-theme .allied-card {
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

.rohaan-theme .allied-card:hover {
  border-color: var(--diwali-amber-bright) !important;
  box-shadow: 0 10px 30px rgba(245, 158, 11, 0.35) !important;
}

.rohaan-theme .quote-card {
  border-left-color: var(--diwali-amber) !important;
  background: #fffdf8 !important;
}

.rohaan-theme .ceo-badge {
  background: rgba(7, 19, 40, 0.94) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
}

.rohaan-theme .director-title {
  color: #b45309 !important;
}

/* --------------------------------------------------------------------------
   13. CONTACT SECTION & LAUNCH POPUP
   -------------------------------------------------------------------------- */
.rohaan-theme .contact-tag {
  background: #fff8e8 !important;
  color: #b45309 !important;
  border: 1px solid rgba(212, 175, 55, 0.4);
}

.rohaan-theme .contact-form-block {
  border: 1px solid var(--diwali-card-border) !important;
  box-shadow: 0 20px 45px rgba(212, 175, 55, 0.12) !important;
  position: relative;
}

.rohaan-theme .contact-btn {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4) !important;
}

.rohaan-theme .contact-btn:hover {
  background: linear-gradient(135deg, #d4af37, #f59e0b) !important;
  color: #000000 !important;
  box-shadow: 0 10px 30px rgba(245, 158, 11, 0.6) !important;
}

.rohaan-badge {
  border-color: var(--diwali-amber-bright) !important;
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.6) !important;
  background: #071328 !important;
}

.stat-box {
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  background: #fffdf8 !important;
}

.rohaan-form button {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

.rohaan-form button:hover {
  background: linear-gradient(135deg, #d4af37, #f59e0b) !important;
  color: #000000 !important;
}

/* --------------------------------------------------------------------------
   14. FOOTER SECTION - REGAL MIDNIGHT BLUE WITH GOLDEN MANDALA
   -------------------------------------------------------------------------- */
.rohaan-theme .footer-section {
  background: #060e1d !important;
  border-top: 2px solid var(--diwali-gold);
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='1.2' opacity='0.2'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='150' stroke-dasharray='4 4'/%3E%3Ccircle cx='200' cy='200' r='120'/%3E%3Ccircle cx='200' cy='200' r='90'/%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Ccircle cx='200' cy='200' r='30' fill='%23fef08a' opacity='0.2'/%3E%3Cpath d='M200 20 C240 100 240 100 200 180 C160 100 160 100 200 20 Z' fill='%23f59e0b' opacity='0.15'/%3E%3Cpath d='M200 220 C240 300 240 300 200 380 C160 300 160 300 200 220 Z' fill='%23f59e0b' opacity='0.15'/%3E%3Cpath d='M20 200 C100 240 100 240 180 200 C100 160 100 160 20 200 Z' fill='%23f59e0b' opacity='0.15'/%3E%3Cpath d='M220 200 C300 240 300 240 380 200 C300 160 300 160 220 200 Z' fill='%23f59e0b' opacity='0.15'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right -100px bottom -100px;
  background-repeat: no-repeat;
  background-size: 380px 380px;
}

.rohaan-theme .footer-col h3 {
  color: var(--diwali-amber-bright) !important;
}

.rohaan-theme .footer-col h3::after {
  background: var(--diwali-gold-gradient) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}

.rohaan-theme .footer-group h4 {
  color: var(--diwali-amber-bright) !important;
}

.rohaan-theme .footer-projects-section {
  background: #040914 !important;
  border-top-color: rgba(212, 175, 55, 0.25) !important;
  border-bottom-color: rgba(212, 175, 55, 0.25) !important;
}

.rohaan-theme .footer-accordion-btn:hover {
  color: var(--diwali-amber-bright) !important;
}

.rohaan-theme .social-icon:hover {
  background: var(--diwali-btn-gradient) !important;
  color: #0f172a !important;
  border-color: var(--diwali-amber) !important;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.5) !important;
}

/* --------------------------------------------------------------------------
   15. FLOATING CONTACT ACTIONS (GOLDEN PULSE GLOW)
   -------------------------------------------------------------------------- */
.call-btn {
  background: linear-gradient(135deg, #f59e0b, #d4af37) !important;
  color: #0f172a !important;
}

.call-btn::before {
  border-color: rgba(245, 158, 11, 0.7) !important;
}

/* --------------------------------------------------------------------------
   16. RESPONSIVE OPTIMIZATIONS (TABLET & MOBILE)
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .rohaan-theme .hero-section::before,
  .rohaan-theme .hero-section::after {
    width: 55px;
    height: 180px;
  }
  
  .rohaan-theme .hero-section .hero-content-wrapper::before {
    top: 5px;
    right: 10px;
    width: 200px;
    height: 120px;
  }

  .rohaan-theme #projects,
  .rohaan-theme #about {
    background-size: 260px 260px, 260px 260px;
    background-position: left -130px top 20px, right -130px top 20px;
  }
}

@media (max-width: 768px) {
  .rohaan-theme .hero-section .hero-content-wrapper::before {
    top: -15px;
    right: 50%;
    transform: translateX(50%);
    width: 210px;
    height: 125px;
  }
}

@media (max-width: 576px) {
  .rohaan-theme .hero-section::before {
    left: 2%;
    width: 40px;
    height: 130px;
    opacity: 0.85;
  }
  
  .rohaan-theme .hero-section::after {
    right: 2%;
    width: 44px;
    height: 140px;
    opacity: 0.85;
  }

  .rohaan-theme .hero-section .hero-content-wrapper::before {
    top: -25px;
    width: 180px;
    height: 105px;
  }

  .rohaan-theme #projects,
  .rohaan-theme #about {
    background-size: 180px 180px, 180px 180px;
    background-position: left -100px top 10px, right -100px top 10px;
  }

  .rohaan-theme .section-tag::before,
  .rohaan-theme .section-tag::after {
    display: none;
  }
  
  .diwali-festive-strip {
    padding: 18px 14px;
    gap: 14px;
  }
  
  .diwali-strip-text {
    font-size: 15px;
  }
  
  .diwali-strip-diya {
    font-size: 20px;
  }
}

/* --------------------------------------------------------------------------
   17. REDUCED MOTION (ACCESSIBILITY)
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .rohaan-theme .hero-section::before,
  .rohaan-theme .hero-section::after,
  .rohaan-theme .hero-section .hero-content-wrapper::before,
  .diwali-strip-diya {
    animation: none !important;
  }
}