/* ============================================
   TUTUME — Website themes
   Colours, fonts, corner shapes and button shapes come from the theme's
   settings (see includes/themes.php). The rules below add each theme's
   layout personality: photo overlays, section backgrounds, cards, headings.
   "Tutume Original" (body.theme-original) uses style.css unchanged.
   ============================================ */

/* ---------- Shared: one overlay variable for every photo banner ---------- */
body:not(.theme-original) .hero-overlay,
body:not(.theme-original) .page-hero-overlay,
body:not(.theme-original) .cta-overlay,
body:not(.theme-original) .vision-overlay,
body:not(.theme-original) .meaning-bg::after { background: var(--overlay); }
body:not(.theme-original) .footer { background: var(--dark); }
body:not(.theme-original) .stats-overlay { background: rgba(var(--dark-rgb, 26,26,26), 0.88); }

/* ---------- Admin preview bar ---------- */
.theme-preview-bar {
    position: fixed; left: 50%; top: 84px; transform: translateX(-50%); z-index: 3000;
    background: #111827; color: #fff; padding: 10px 14px 10px 18px; border-radius: 10px;
    font: 500 0.85rem/1.4 'Inter', 'Segoe UI', sans-serif; display: flex; gap: 14px; align-items: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35); max-width: calc(100% - 32px); flex-wrap: wrap;
}
.theme-preview-bar a { color: #111827; background: #fbbf24; padding: 6px 12px; border-radius: 6px; font-weight: 600; }
.theme-preview-bar a + a { background: rgba(255,255,255,0.12); color: #fff; }

/* ---------- Corporate Blue: solid white menu bar, navy overlays ---------- */
.theme-corporate { --overlay: linear-gradient(120deg, rgba(11,31,58,0.92) 0%, rgba(11,31,58,0.78) 45%, rgba(30,90,168,0.55) 100%); --dark-rgb: 11,31,58; }
.theme-corporate .navbar { background: #fff; box-shadow: 0 1px 0 rgba(11,31,58,0.08); padding: 12px 0; }
.theme-corporate .nav-logo .logo-default { display: block; }
.theme-corporate .nav-logo .logo-white { display: none; }
.theme-corporate .nav-menu a { color: #1f2937; }
.theme-corporate .nav-menu a:hover, .theme-corporate .nav-menu a.active { color: var(--orange); }
.theme-corporate .nav-toggle span { background: #1f2937; }
.theme-corporate .section-label { padding-left: 14px; border-left: 3px solid var(--orange); letter-spacing: 2px; }
.theme-corporate .section-header .section-label { padding-left: 0; border-left: 0; }
.theme-corporate .hero-title { letter-spacing: -1px; }

/* ---------- Forest Green: soft and friendly ---------- */
.theme-forest { --overlay: linear-gradient(160deg, rgba(19,38,27,0.88) 0%, rgba(45,139,78,0.72) 100%); --dark-rgb: 19,38,27; }
.theme-forest .section-title::after { content: ''; display: block; width: 56px; height: 4px; border-radius: 4px; background: var(--orange); margin: 14px 0 0; }
.theme-forest .section-header .section-title::after { margin: 14px auto 0; }
.theme-forest .section-title.light::after { background: rgba(255,255,255,0.7); }

/* ---------- Crimson Bold: sharp, uppercase, high energy ---------- */
.theme-crimson { --overlay: linear-gradient(135deg, rgba(27,27,27,0.9) 0%, rgba(27,27,27,0.7) 50%, rgba(198,40,40,0.75) 100%); --dark-rgb: 27,27,27; }
.theme-crimson .hero-title, .theme-crimson .section-title, .theme-crimson .page-hero-content h1, .theme-crimson .cta-banner h2 { text-transform: uppercase; letter-spacing: 1px; }
.theme-crimson .section-label { background: var(--orange); color: #fff; padding: 4px 10px; letter-spacing: 2px; }
.theme-crimson .section-label.light { background: rgba(255,255,255,0.15); }
.theme-crimson .btn { text-transform: uppercase; letter-spacing: 1px; }

/* ---------- Royal Purple: gradients, tech feel ---------- */
.theme-royal { --overlay: linear-gradient(135deg, rgba(29,20,51,0.9) 0%, rgba(106,63,181,0.78) 60%, rgba(56,111,224,0.6) 100%); --dark-rgb: 29,20,51; }
.theme-royal .btn-primary, .theme-royal .nav-cta { background: linear-gradient(135deg, #6A3FB5 0%, #3E6FE0 100%) !important; border-color: transparent !important; }
.theme-royal .section-title { background: linear-gradient(90deg, #1D1433, #6A3FB5); -webkit-background-clip: text; background-clip: text; color: transparent; }
.theme-royal .section-title.light { background: none; color: #fff; }

/* ---------- Ocean Teal: clean lines, outlined cards ---------- */
.theme-ocean { --overlay: linear-gradient(180deg, rgba(11,43,46,0.82) 0%, rgba(14,140,140,0.7) 100%); --dark-rgb: 11,43,46; }
.theme-ocean .combining-card-img, .theme-ocean .solution-card-img, .theme-ocean .timeline-content { box-shadow: none; border: 1px solid rgba(14,140,140,0.22); }

/* ---------- Sunset Glow: orange-to-rose ---------- */
.theme-sunset { --overlay: linear-gradient(135deg, rgba(242,107,58,0.88) 0%, rgba(224,69,123,0.8) 100%); --dark-rgb: 43,26,18; }
.theme-sunset .btn-primary, .theme-sunset .nav-cta { background: linear-gradient(135deg, #F26B3A 0%, #E0457B 100%) !important; border-color: transparent !important; }
.theme-sunset .stat-number, .theme-sunset .timeline-year { background: linear-gradient(90deg, #F26B3A, #E0457B); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Elegant Gold: editorial, no heavy shadows ---------- */
.theme-elegant { --overlay: linear-gradient(180deg, rgba(20,20,20,0.55) 0%, rgba(20,20,20,0.8) 100%); --dark-rgb: 28,28,28; --shadow-sm: none; --shadow-md: none; --shadow-lg: 0 6px 24px rgba(0,0,0,0.08); }
.theme-elegant .section-title, .theme-elegant .hero-title, .theme-elegant .page-hero-content h1 { font-weight: 600; letter-spacing: 0; }
.theme-elegant .section-label { letter-spacing: 5px; font-weight: 500; }
.theme-elegant .combining-card-img, .theme-elegant .solution-card-img, .theme-elegant .timeline-content, .theme-elegant .contact-form-card { border: 1px solid #e6dcc8; }
.theme-elegant .btn-primary { background: transparent; color: var(--orange); }
.theme-elegant .hero .btn-primary, .theme-elegant .cta-banner .btn-primary { color: #fff; border-color: #fff; }
.theme-elegant .btn-primary:hover { background: var(--orange); color: #fff; }

/* ---------- Midnight: deep navy sections, glowing accents ---------- */
.theme-midnight { --overlay: linear-gradient(135deg, rgba(11,18,32,0.9) 0%, rgba(11,18,32,0.72) 60%, rgba(247,148,29,0.45) 100%); --dark-rgb: 11,18,32; }
.theme-midnight .navbar.scrolled { background: #0b1220; box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
.theme-midnight .navbar.scrolled .nav-logo .logo-default { display: none; }
.theme-midnight .navbar.scrolled .nav-logo .logo-white { display: block; }
.theme-midnight .navbar.scrolled .nav-menu a { color: #e5e7eb; }
.theme-midnight .navbar.scrolled .nav-menu a:hover, .theme-midnight .navbar.scrolled .nav-menu a.active { color: var(--orange); }
.theme-midnight .navbar.scrolled .nav-toggle span { background: #e5e7eb; }
.theme-midnight .section-gray { background: #0f172a; color: #e5e7eb; }
.theme-midnight .section-gray .section-title,
.theme-midnight .section-gray h2,
.theme-midnight .section-gray h3,
.theme-midnight .section-gray h4 { color: #fff; }
.theme-midnight .section-gray p,
.theme-midnight .section-gray li,
.theme-midnight .section-gray .lead,
.theme-midnight .section-gray .section-subtitle,
.theme-midnight .section-gray > .container > p { color: #cbd5e1; }
.theme-midnight .section-gray .timeline-content,
.theme-midnight .section-gray .combining-card-img,
.theme-midnight .section-gray .solution-card-img { background: #162036; color: #e5e7eb; box-shadow: 0 0 0 1px rgba(255,255,255,0.06); }
.theme-midnight .section-gray .timeline-content h3,
.theme-midnight .section-gray .combining-card-img h3,
.theme-midnight .section-gray .solution-card-img h3 { color: #fff; }
.theme-midnight .section-gray .timeline-content p,
.theme-midnight .section-gray .combining-card-img p,
.theme-midnight .section-gray .solution-card-img p { color: #cbd5e1; }
.theme-midnight .section-gray .timeline-dot { border-color: #0f172a; }
.theme-midnight .btn-primary { box-shadow: 0 0 24px rgba(247,148,29,0.35); }

/* ---------- Minimal Mono: black & white, flat ---------- */
.theme-mono { --overlay: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.72) 100%); --dark-rgb: 0,0,0; --shadow-sm: none; --shadow-md: 0 1px 0 #e5e5e5; --shadow-lg: 0 8px 24px rgba(0,0,0,0.08); }
.theme-mono .section-label { color: #6b7280; }
.theme-mono .stat-number, .theme-mono .footer-tagline, .theme-mono .footer-website,
.theme-mono .footer-contact a, .theme-mono .footer a:hover, .theme-mono .section-label.light { color: #fff; }
.theme-mono .hero .btn-primary, .theme-mono .cta-banner .btn-primary { background: #fff; color: #111; border-color: #fff; }
.theme-mono .combining-card-img, .theme-mono .solution-card-img, .theme-mono .timeline-content { border: 1px solid #e5e5e5; }
.theme-mono .photo-strip img { filter: grayscale(100%); transition: filter 0.4s; }
.theme-mono .photo-strip img:hover { filter: none; }
.theme-mono .value-card:hover { border-color: #fff; }
.theme-mono .footer-social a:hover { background: #fff; color: #111; }

/* ---------- Emerald & Gold: classic serif ---------- */
.theme-emerald { --overlay: linear-gradient(135deg, rgba(10,31,24,0.9) 0%, rgba(15,107,79,0.75) 100%); --dark-rgb: 10,31,24; }
.theme-emerald .section-label, .theme-emerald .stat-number, .theme-emerald .timeline-year, .theme-emerald .footer-tagline { color: #C9A227; }
.theme-emerald .section-label.light { color: #E7C963; }
.theme-emerald .nav-menu a::after { background: #C9A227; }

/* ---------- Sky Fresh: bright and airy ---------- */
.theme-sky { --overlay: linear-gradient(160deg, rgba(18,50,74,0.78) 0%, rgba(43,168,224,0.62) 100%); --dark-rgb: 18,50,74; }
.theme-sky .section-white { background: #fbfdff; }
.theme-sky .combining-card-img, .theme-sky .solution-card-img { box-shadow: 0 10px 30px rgba(43,168,224,0.14); }

/* ---------- Terracotta Earth: clay on sand ---------- */
.theme-terracotta { --overlay: linear-gradient(135deg, rgba(42,29,23,0.86) 0%, rgba(192,96,44,0.72) 100%); --dark-rgb: 42,29,23; }
.theme-terracotta .section-white { background: #fffaf4; }
.theme-terracotta .section-title { font-weight: 700; }
.theme-terracotta .combining-card-img, .theme-terracotta .solution-card-img, .theme-terracotta .timeline-content { border-bottom: 4px solid var(--orange); }

/* ---------- Charcoal Lime: bold and sporty ---------- */
.theme-lime { --overlay: linear-gradient(135deg, rgba(31,36,33,0.92) 0%, rgba(31,36,33,0.75) 55%, rgba(111,163,18,0.55) 100%); --dark-rgb: 31,36,33; }
.theme-lime .hero-title, .theme-lime .section-title { font-weight: 800; letter-spacing: -0.5px; }
.theme-lime .section-label { font-weight: 800; }
.theme-lime .stat-number { color: #A6E22E; }
@media (max-width: 768px) {
    .theme-preview-bar { top: auto; bottom: 10px; font-size: 0.72rem; padding: 8px 10px; gap: 8px; }
    .theme-preview-bar a { padding: 4px 8px; }
}