/* TIME NAHI PAGE - COMPLETE STYLING WITH MAXIMUM SPECIFICITY */

/* Main container with gradient background - DARKER VERSION */
html body .time-nahi-page {
  background-color: #000 !important;
  background-image: linear-gradient(to bottom, #8B0000 0%, #7A0000 15%, #6B0000 30%, #5A0000 50%, #4a0000 70%, #3a0000 85%, #1a0000 100%) !important;
  background-attachment: fixed !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  min-height: 100vh;
  color: #FCD34D !important;
}

/* CRITICAL: Override body default color for time-nahi page */
body:has(.time-nahi-page) {
  color: #FCD34D !important;
}

/* CRITICAL: Override globals.css mobile media queries with highest specificity */
html body .time-nahi-page section,
html body .time-nahi-page .py-20,
html body .time-nahi-page .py-16,
html body .time-nahi-page .py-12,
html body .time-nahi-page .py-24,
html body .time-nahi-page .py-32 {
  background-color: transparent !important;
  background-image: none !important;
}

html body .time-nahi-page .bg-gradient-to-br,
html body .time-nahi-page .bg-gradient-to-r {
  background: transparent !important;
}

html body .time-nahi-page .bg-white {
  background-color: transparent !important;
}

html body .time-nahi-page .rounded-2xl,
html body .time-nahi-page .rounded-xl {
  background-color: transparent !important;
}

/* Main content area */
html body .time-nahi-page main {
  background-color: transparent !important;
  position: relative;
  z-index: 1;
}

/* All sections transparent */
html body .time-nahi-page .smooth-blend-section,
html body .time-nahi-page .red-to-darker,
html body .time-nahi-page .darker-to-black,
html body .time-nahi-page .black-to-red,
html body .time-nahi-page .process-section,
html body .time-nahi-page .philosophy-section,
html body .time-nahi-page .contact-section {
  background-color: transparent !important;
  background-image: none !important;
}

/* CRITICAL: Override Tailwind's default text colors */
html body .time-nahi-page,
html body .time-nahi-page div,
html body .time-nahi-page span,
html body .time-nahi-page a,
html body .time-nahi-page button {
  color: #FCD34D !important;
}

/* Headings - white with highest specificity */
html body .time-nahi-page h1,
html body .time-nahi-page h2,
html body .time-nahi-page h3,
html body .time-nahi-page h4,
html body .time-nahi-page h5,
html body .time-nahi-page h6 {
  color: #ffffff !important;
}

/* Paragraphs - white with highest specificity */
html body .time-nahi-page p {
  color: #ffffff !important;
}

/* Labels - gold */
html body .time-nahi-page label {
  color: #FCD34D !important;
}

/* CRITICAL: Override Tailwind utility classes */
html body .time-nahi-page .text-white,
html body .time-nahi-page p.text-white,
html body .time-nahi-page span.text-white,
html body .time-nahi-page div.text-white {
  color: #ffffff !important;
}

html body .time-nahi-page .text-yellow-400,
html body .time-nahi-page .text-yellow-400 * {
  color: #FCD34D !important;
}

html body .time-nahi-page .text-yellow-300 {
  color: #FDE047 !important;
}

html body .time-nahi-page .text-yellow-100 {
  color: #FEF3C7 !important;
}

html body .time-nahi-page .text-red-900 {
  color: #7f1d1d !important;
}

/* Override Tailwind's text-light and subtext-light */
html body .time-nahi-page .text-light,
html body .time-nahi-page .text-subtext-light {
  color: #FCD34D !important;
}

/* Border colors - all golden */
html body .time-nahi-page .border-yellow-400,
html body .time-nahi-page .border-2,
html body .time-nahi-page [class*="border"] {
  border-color: #FCD34D !important;
}

/* Card backgrounds - semi-transparent dark */
html body .time-nahi-page .bg-white\/5 {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-color: #FCD34D !important;
}

/* Time Nahi Card Styling with maximum specificity */
html body .time-nahi-page .time-nahi-card {
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-color: #FCD34D !important;
  border-width: 2px !important;
  border-style: solid !important;
}

html body .time-nahi-page .time-nahi-card div,
html body .time-nahi-page .time-nahi-card span {
  color: #FCD34D !important;
}

html body .time-nahi-page .time-nahi-card h3,
html body .time-nahi-page .time-nahi-card h3.text-yellow-400 {
  color: #FCD34D !important;
}

html body .time-nahi-page .time-nahi-card p,
html body .time-nahi-page .time-nahi-card p.text-white {
  color: #ffffff !important;
}

html body .time-nahi-page .time-nahi-card .text-yellow-400 {
  color: #FCD34D !important;
}

html body .time-nahi-page .time-nahi-card .text-white {
  color: #ffffff !important;
}

html body .time-nahi-page .time-nahi-card .text-red-900 {
  color: #7f1d1d !important;
}

html body .time-nahi-page .time-nahi-card .bg-yellow-400 {
  background-color: #FCD34D !important;
}

/* Input and textarea styling */
html body .time-nahi-page input,
html body .time-nahi-page textarea {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #FCD34D !important;
  color: #ffffff !important;
}

html body .time-nahi-page input::-moz-placeholder, html body .time-nahi-page textarea::-moz-placeholder {
  color: #FEF3C7 !important;
}

html body .time-nahi-page input::placeholder,
html body .time-nahi-page textarea::placeholder {
  color: #FEF3C7 !important;
}

html body .time-nahi-page input:focus,
html body .time-nahi-page textarea:focus {
  border-color: #FCD34D !important;
  outline: none !important;
}

/* Navbar styling */
html body .time-nahi-page header {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

html body .time-nahi-page header a,
html body .time-nahi-page header button,
html body .time-nahi-page header span {
  color: #FCD34D !important;
}

/* Mobile menu */
html body .time-nahi-page .mobile-menu-container {
  background-color: rgba(0, 0, 0, 0.95) !important;
}

html body .time-nahi-page .mobile-menu-container a,
html body .time-nahi-page .mobile-menu-container button,
html body .time-nahi-page .mobile-menu-container span {
  color: #FCD34D !important;
}

/* Mobile responsive - ensure all text is gold */
@media (max-width: 768px) {
  /* CRITICAL: Override ALL globals.css mobile rules for time-nahi page with maximum specificity */
  html body .time-nahi-page {
    background-color: #000 !important;
    background-image: linear-gradient(to bottom, #8B0000 0%, #7A0000 15%, #6B0000 30%, #5A0000 50%, #4a0000 70%, #3a0000 85%, #1a0000 100%) !important;
    background-attachment: fixed !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    color: #FCD34D !important;
  }

  /* Override body color on mobile */
  body:has(.time-nahi-page) {
    color: #FCD34D !important;
  }

  html body .time-nahi-page,
  html body .time-nahi-page div,
  html body .time-nahi-page span,
  html body .time-nahi-page a,
  html body .time-nahi-page button {
    color: #FCD34D !important;
  }

  /* Override globals.css section backgrounds */
  html body .time-nahi-page section,
  html body .time-nahi-page .py-20,
  html body .time-nahi-page .py-16,
  html body .time-nahi-page .py-12,
  html body .time-nahi-page .py-24,
  html body .time-nahi-page .py-32 {
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Override globals.css gradient rules */
  html body .time-nahi-page .bg-gradient-to-br,
  html body .time-nahi-page .bg-gradient-to-r {
    background: transparent !important;
  }

  /* Override globals.css white backgrounds */
  html body .time-nahi-page .bg-white {
    background-color: transparent !important;
  }

  /* Override globals.css card backgrounds */
  html body .time-nahi-page .rounded-2xl,
  html body .time-nahi-page .rounded-xl,
  html body .time-nahi-page .shadow-lg {
    background-color: transparent !important;
  }

  /* Time Nahi Card on Mobile with maximum specificity */
  html body .time-nahi-page .time-nahi-card {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-color: #FCD34D !important;
    border-width: 2px !important;
    border-style: solid !important;
  }

  html body .time-nahi-page .time-nahi-card div,
  html body .time-nahi-page .time-nahi-card span {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .time-nahi-card h3,
  html body .time-nahi-page .time-nahi-card h3.text-yellow-400 {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .time-nahi-card p,
  html body .time-nahi-page .time-nahi-card p.text-white {
    color: #ffffff !important;
  }

  html body .time-nahi-page .time-nahi-card .text-yellow-400 {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .time-nahi-card .text-white {
    color: #ffffff !important;
  }

  html body .time-nahi-page .time-nahi-card .text-red-900 {
    color: #7f1d1d !important;
  }

  html body .time-nahi-page .time-nahi-card .bg-yellow-400 {
    background-color: #FCD34D !important;
  }

  /* Force card backgrounds to be dark */
  html body .time-nahi-page .bg-white\/5 {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: #FCD34D !important;
  }

  html body .time-nahi-page h1,
  html body .time-nahi-page h2,
  html body .time-nahi-page h3,
  html body .time-nahi-page h4,
  html body .time-nahi-page h5,
  html body .time-nahi-page h6 {
    color: #ffffff !important;
  }

  html body .time-nahi-page p,
  html body .time-nahi-page p.text-white {
    color: #ffffff !important;
  }

  html body .time-nahi-page label {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .text-white,
  html body .time-nahi-page p.text-white,
  html body .time-nahi-page span.text-white {
    color: #ffffff !important;
  }

  html body .time-nahi-page .text-yellow-400 {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .text-yellow-300 {
    color: #FDE047 !important;
  }

  html body .time-nahi-page .text-yellow-100 {
    color: #FEF3C7 !important;
  }

  html body .time-nahi-page .text-light,
  html body .time-nahi-page .text-subtext-light {
    color: #FCD34D !important;
  }

  html body .time-nahi-page [class*="border"] {
    border-color: #FCD34D !important;
  }

  html body .time-nahi-page input,
  html body .time-nahi-page textarea {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #FCD34D !important;
    color: #ffffff !important;
  }

  html body .time-nahi-page header {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  html body .time-nahi-page header a,
  html body .time-nahi-page header button,
  html body .time-nahi-page header span {
    color: #FCD34D !important;
  }

  html body .time-nahi-page .mobile-menu-container {
    background-color: rgba(0, 0, 0, 0.95) !important;
  }

  html body .time-nahi-page .mobile-menu-container a,
  html body .time-nahi-page .mobile-menu-container button,
  html body .time-nahi-page .mobile-menu-container span {
    color: #FCD34D !important;
  }
}


/* Process Section - Golden Circles Enhancement */
.time-nahi-page .bg-yellow-400 {
  background-color: #FCD34D !important;
}

/* CRITICAL: Force golden borders on Process section cards */
html body .time-nahi-page .border-2.border-yellow-400 {
  border-color: #FCD34D !important;
  border-width: 2px !important;
  border-style: solid !important;
}

/* Add golden glow to numbered circles on mobile */
@media (max-width: 768px) {
  /* Force golden borders on all process cards */
  html body .time-nahi-page .border-2.border-yellow-400,
  html body .time-nahi-page .border-yellow-400 {
    border-color: #FCD34D !important;
    border-width: 2px !important;
    border-style: solid !important;
  }

  /* Add golden glow to the entire card border */
  html body .time-nahi-page .border-2.border-yellow-400 {
    box-shadow: 0 0 15px rgba(252, 211, 77, 0.4), inset 0 0 10px rgba(252, 211, 77, 0.1) !important;
  }

  html body .time-nahi-page .bg-yellow-400 {
    background-color: #FCD34D !important;
    box-shadow: 0 0 20px rgba(252, 211, 77, 0.6), 0 0 40px rgba(252, 211, 77, 0.4) !important;
  }

  /* Make sure the numbered circles stand out */
  html body .time-nahi-page .rounded-full {
    background-color: #FCD34D !important;
  }

  html body .time-nahi-page .rounded-full span {
    color: #7f1d1d !important;
    font-weight: 900 !important;
  }

  /* Override any border color changes from globals.css */
  html body .time-nahi-page [class*="border"] {
    border-color: #FCD34D !important;
  }
}

/* Desktop view - ensure golden circles and borders are visible */
@media (min-width: 769px) {
  html body .time-nahi-page .border-2.border-yellow-400 {
    border-color: #FCD34D !important;
    border-width: 2px !important;
    border-style: solid !important;
  }

  html body .time-nahi-page .bg-yellow-400 {
    background-color: #FCD34D !important;
    box-shadow: 0 0 15px rgba(252, 211, 77, 0.5) !important;
  }
}


/* ============================================
   HAMBURGER MENU ICON - TIME NAHI PAGE STYLING
   ============================================ */

/* Force hamburger button to be transparent with golden border on time-nahi page */
html body .time-nahi-page header button.lg\:hidden {
  background-color: transparent !important;
  border: 1px solid rgba(252, 211, 77, 0.5) !important;
}

html body .time-nahi-page header button.lg\:hidden:hover {
  background-color: rgba(252, 211, 77, 0.1) !important;
}

html body .time-nahi-page header button.lg\:hidden i,
html body .time-nahi-page header button.lg\:hidden svg {
  color: #FCD34D !important;
  stroke: #FCD34D !important;
}

/* Mobile specific */
@media (max-width: 1024px) {
  html body .time-nahi-page header button {
    background-color: transparent !important;
    border: 1px solid rgba(252, 211, 77, 0.5) !important;
  }
  
  html body .time-nahi-page header button:hover {
    background-color: rgba(252, 211, 77, 0.1) !important;
  }
  
  html body .time-nahi-page header button i,
  html body .time-nahi-page header button svg {
    color: #FCD34D !important;
    stroke: #FCD34D !important;
  }
}


/* ============================================
   FOOTER - DARK STYLING FOR TIME NAHI PAGE
   ============================================ */

/* Force footer to be dark on time-nahi page */
html body .time-nahi-page footer {
  background-color: #111827 !important;
  background: #111827 !important;
}

/* Headings - White */
html body .time-nahi-page footer h1,
html body .time-nahi-page footer h2,
html body .time-nahi-page footer h3,
html body .time-nahi-page footer h4,
html body .time-nahi-page footer h5,
html body .time-nahi-page footer h6 {
  color: #ffffff !important;
}

/* Paragraphs and general text - White */
html body .time-nahi-page footer p,
html body .time-nahi-page footer span,
html body .time-nahi-page footer div {
  color: #ffffff !important;
}

/* Links - Golden */
html body .time-nahi-page footer a {
  color: #FCD34D !important;
}

html body .time-nahi-page footer a:hover {
  color: #FDE047 !important;
}

/* List items - White */
html body .time-nahi-page footer li {
  color: #ffffff !important;
}

/* Mobile specific */
@media (max-width: 768px) {
  html body .time-nahi-page footer {
    background-color: #111827 !important;
    background: #111827 !important;
  }
  
  /* Headings - White */
  html body .time-nahi-page footer h1,
  html body .time-nahi-page footer h2,
  html body .time-nahi-page footer h3,
  html body .time-nahi-page footer h4,
  html body .time-nahi-page footer h5,
  html body .time-nahi-page footer h6 {
    color: #ffffff !important;
  }
  
  /* Paragraphs and general text - White */
  html body .time-nahi-page footer p,
  html body .time-nahi-page footer span,
  html body .time-nahi-page footer div {
    color: #ffffff !important;
  }
  
  /* Links - Golden */
  html body .time-nahi-page footer a {
    color: #FCD34D !important;
  }
  
  html body .time-nahi-page footer a:hover {
    color: #FDE047 !important;
  }
  
  /* List items - White */
  html body .time-nahi-page footer li {
    color: #ffffff !important;
  }
  
  /* Override any white backgrounds */
  html body .time-nahi-page footer .bg-white {
    background-color: transparent !important;
  }
  
  /* Keep the blue accent bar golden */
  html body .time-nahi-page footer .bg-blue-600 {
    background-color: #FCD34D !important;
  }
  
  /* Override gray text classes */
  html body .time-nahi-page footer .text-gray-400,
  html body .time-nahi-page footer .text-gray-500,
  html body .time-nahi-page footer .text-gray-600,
  html body .time-nahi-page footer .text-gray-300 {
    color: #ffffff !important;
  }
}