/* ==========================================================================
   MEKANGEZ THEME 2: TOKİ INSTITUTIONAL CORPORATE ARCHITECTURE
   Inspired by TOKİ Design System (Clean, Official, High-End Corporate Light)
   Eliminates the "AI dark neon template" aesthetic with authentic, prestigious corporate UI.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

[data-theme="toki"], body.theme-toki {
  /* TOKİ COLOR SYSTEM */
  --toki-bg-light: #F4F6F9;
  --toki-card-bg: #FFFFFF;
  --toki-text-dark: #111827;
  --toki-text-muted: #4B5563;
  --toki-text-dim: #6B7280;
  --toki-border: #E5E7EB;
  --toki-border-hover: #CBD5E1;
  
  --toki-blue: #006CB7;
  --toki-blue-dark: #004D84;
  --toki-blue-light: #EBF4FA;
  
  --toki-darkblue: #0F2E52;
  --toki-darkblue-hover: #1A467B;
  
  --toki-gold: #C59B27;
  --toki-gold-light: #FEF9E7;
  
  --toki-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --toki-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --toki-shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.12);
  --toki-shadow-hover: 0 14px 34px rgba(0, 0, 0, 0.15);
  
  /* MEKANGEZ CORE VARIABLE OVERRIDES */
  --bg-main: #F4F6F9;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8FAFC;
  --border-glass: #E5E7EB;
  --border-gold: #006CB7;
  --text-main: #111827;
  --text-muted: #4B5563;
  --text-dim: #6B7280;
  --accent-gold: #006CB7;
  --accent-gold-bright: #008BE3;
  --accent-gold-glow: rgba(0, 108, 183, 0.25);
  --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ================= PORTAL HEADER (TOKİ CORPORATE WHITE) ================= */
body.theme-toki .portal-header {
  background: #FFFFFF !important;
  border-bottom: 2px solid #E5E7EB !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body.theme-toki .brand-logo-txt {
  color: #0F2E52 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
}

body.theme-toki .brand-logo-txt span {
  color: #006CB7 !important;
}

body.theme-toki .brand-badge {
  background: #EBF4FA !important;
  color: #006CB7 !important;
  border: 1px solid rgba(0, 108, 183, 0.2) !important;
  font-weight: 700 !important;
}

body.theme-toki .header-search-wrap {
  background: #F4F6F9 !important;
  border: 1.5px solid #E5E7EB !important;
  box-shadow: none !important;
}

body.theme-toki .header-search-wrap:focus-within {
  border-color: #006CB7 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(0, 108, 183, 0.15) !important;
}

body.theme-toki .header-search-wrap input {
  color: #111827 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
}

body.theme-toki .header-search-wrap i {
  color: #6B7280 !important;
}

body.theme-toki .btn-header-tool {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  color: #0F2E52 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.theme-toki .btn-header-tool:hover {
  background: #EBF4FA !important;
  border-color: #006CB7 !important;
  color: #006CB7 !important;
}

body.theme-toki .btn-cta-add-venue {
  background: linear-gradient(135deg, #0F2E52 0%, #004D84 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(15, 46, 82, 0.25) !important;
}

body.theme-toki .btn-owner-portal {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  color: #1F2937 !important;
}

body.theme-toki .btn-owner-portal:hover {
  background: #F4F6F9 !important;
  border-color: #006CB7 !important;
  color: #006CB7 !important;
}

/* ================= VENUES SIDEBAR & CARDS ================= */
body.theme-toki .venues-sidebar {
  background: #F4F6F9 !important;
  border-right: 1.5px solid #E5E7EB !important;
}

body.theme-toki .category-tabs-wrapper {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E5E7EB !important;
}

body.theme-toki .cat-pill {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  color: #4B5563 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
}

body.theme-toki .cat-pill:hover {
  background: #EBF4FA !important;
  color: #006CB7 !important;
  border-color: #006CB7 !important;
}

body.theme-toki .cat-pill.active {
  background: #006CB7 !important;
  color: #FFFFFF !important;
  border-color: #006CB7 !important;
  box-shadow: 0 4px 12px rgba(0, 108, 183, 0.3) !important;
}

body.theme-toki .sidebar-sub-bar {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E5E7EB !important;
}

body.theme-toki .city-select {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  color: #111827 !important;
  font-weight: 600 !important;
}

body.theme-toki .venue-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.25s ease !important;
}

body.theme-toki .venue-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1) !important;
  border-color: #006CB7 !important;
}

body.theme-toki .venue-card.active-marker {
  border: 2px solid #006CB7 !important;
  box-shadow: 0 0 0 3px rgba(0, 108, 183, 0.2) !important;
}

body.theme-toki .venue-name {
  color: #0F2E52 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}

body.theme-toki .venue-location {
  color: #6B7280 !important;
  font-size: 12px !important;
}

body.theme-toki .btn-card-tour {
  background: #EBF4FA !important;
  color: #006CB7 !important;
  border: 1px solid rgba(0, 108, 183, 0.25) !important;
  font-weight: 700 !important;
}

body.theme-toki .btn-card-tour:hover {
  background: #006CB7 !important;
  color: #FFFFFF !important;
}

body.theme-toki .venue-badge-pill {
  background: rgba(15, 46, 82, 0.85) !important;
  color: #FFFFFF !important;
}

/* ================= VENUE DETAIL OFFCANVAS / BOTTOM SHEET ================= */
body.theme-toki .venue-detail-sheet {
  background: #FFFFFF !important;
  border-left: 2px solid #E5E7EB !important;
  box-shadow: -10px 0 35px rgba(0, 0, 0, 0.1) !important;
}

body.theme-toki .sheet-profile-header {
  margin-top: 18px !important;
}

body.theme-toki .sheet-logo-overlap-wrap {
  background: #FFFFFF !important;
  border: 2px solid #E5E7EB !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}

body.theme-toki .sheet-venue-single-line {
  color: #0F2E52 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
}

body.theme-toki .sheet-location-row {
  color: #6B7280 !important;
}

body.theme-toki .sheet-location-row i {
  color: #006CB7 !important;
}

body.theme-toki .sheet-description {
  color: #4B5563 !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

body.theme-toki .btn-launch-tour-hero {
  background: linear-gradient(135deg, #0F2E52 0%, #004D84 100%) !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 20px rgba(15, 46, 82, 0.25) !important;
}

body.theme-toki .tour-title {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

body.theme-toki .tour-subtitle {
  color: #CBD5E1 !important;
}

body.theme-toki .tour-icon-box {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
}

body.theme-toki .sheet-action-item {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  color: #1F2937 !important;
  border-radius: 10px !important;
}

body.theme-toki .sheet-action-item:hover {
  background: #EBF4FA !important;
  border-color: #006CB7 !important;
  color: #006CB7 !important;
}

body.theme-toki .sheet-social-strip-wrap {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
}

body.theme-toki .sheet-social-strip-title {
  color: #0F2E52 !important;
  font-weight: 700 !important;
}

body.theme-toki .sheet-soc-btn {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  color: #1F2937 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

body.theme-toki .sheet-soc-btn:hover {
  background: #006CB7 !important;
  color: #FFFFFF !important;
  border-color: #006CB7 !important;
}

/* ================= REVIEWS MODAL IN TOKİ THEME ================= */
body.theme-toki .reviews-list-card,
body.theme-toki .review-card {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  box-shadow: 0 20px 60px rgba(15, 46, 82, 0.18) !important;
  border-radius: 16px !important;
}

body.theme-toki .reviews-list-header,
body.theme-toki .review-header {
  border-bottom: 1px solid #E5E7EB !important;
}

body.theme-toki .reviews-list-header h3,
body.theme-toki .review-header h3 {
  color: #0F2E52 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
}

body.theme-toki .user-review-item {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 10px !important;
}

body.theme-toki .user-author-name {
  color: #111827 !important;
  font-weight: 700 !important;
}

body.theme-toki .btn-write-review-cta,
body.theme-toki .btn-submit-review {
  background: linear-gradient(135deg, #006CB7 0%, #004D84 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(0, 108, 183, 0.3) !important;
}

body.theme-toki .gate-title {
  color: #0F2E52 !important;
}

body.theme-toki .gate-hero-icon {
  background: #EBF4FA !important;
  border-color: #006CB7 !important;
  color: #006CB7 !important;
}

body.theme-toki .gate-seo-trust {
  background: #EBF4FA !important;
  border-color: rgba(0, 108, 183, 0.25) !important;
  color: #004D84 !important;
}

body.theme-toki .gate-seo-trust i {
  color: #006CB7 !important;
}

body.theme-toki .review-form .form-control {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
  color: #111827 !important;
}

body.theme-toki .review-form .form-control:focus {
  border-color: #006CB7 !important;
  background: #FFFFFF !important;
}

/* ================= TOKİ THEME APPLIED TO DIGITAL CARD / KART ================= */
[data-theme="toki"] .bio-wrapper,
body.theme-toki .bio-wrapper {
  background: #F4F6F9 !important;
}

[data-theme="toki"] .bio-card,
body.theme-toki .bio-card {
  background: #FFFFFF !important;
  border: 1.5px solid #E5E7EB !important;
  box-shadow: 0 16px 48px rgba(15, 46, 82, 0.12) !important;
  border-radius: 20px !important;
}

[data-theme="toki"] .card-venue-title,
body.theme-toki .card-venue-title {
  color: #0F2E52 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
}

[data-theme="toki"] .card-location-row,
body.theme-toki .card-location-row {
  color: #6B7280 !important;
}

[data-theme="toki"] .venue-desc,
body.theme-toki .venue-desc {
  color: #4B5563 !important;
}

[data-theme="toki"] .btn-hero-vr,
body.theme-toki .btn-hero-vr {
  background: linear-gradient(135deg, #0F2E52 0%, #004D84 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 20px rgba(15, 46, 82, 0.25) !important;
}

[data-theme="toki"] .btn-action-card,
body.theme-toki .btn-action-card {
  background: #F4F6F9 !important;
  border: 1.5px solid #E5E7EB !important;
  color: #1F2937 !important;
}

[data-theme="toki"] .btn-action-card:hover,
body.theme-toki .btn-action-card:hover {
  background: #EBF4FA !important;
  border-color: #006CB7 !important;
  color: #006CB7 !important;
}

[data-theme="toki"] .features-card,
body.theme-toki .features-card {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
}

[data-theme="toki"] .features-title,
body.theme-toki .features-title {
  color: #0F2E52 !important;
}

[data-theme="toki"] .feature-tag,
body.theme-toki .feature-tag {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  color: #1F2937 !important;
}

[data-theme="toki"] .info-block,
body.theme-toki .info-block {
  background: #F4F6F9 !important;
  border: 1px solid #E5E7EB !important;
}

[data-theme="toki"] .info-icon,
body.theme-toki .info-icon {
  background: #EBF4FA !important;
  border-color: rgba(0, 108, 183, 0.3) !important;
  color: #006CB7 !important;
}

[data-theme="toki"] .info-val,
body.theme-toki .info-val {
  color: #1F2937 !important;
}

[data-theme="toki"] .map-embed-label,
body.theme-toki .map-embed-label {
  color: #0F2E52 !important;
}

[data-theme="toki"] .map-embed-label i,
body.theme-toki .map-embed-label i {
  color: #006CB7 !important;
}

[data-theme="toki"] .map-embed-container,
body.theme-toki .map-embed-container {
  border-color: #E5E7EB !important;
  background: #E2E8F0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="toki"] .bio-footer,
body.theme-toki .bio-footer {
  border-top: 1px solid #E5E7EB !important;
  color: #6B7280 !important;
}

[data-theme="toki"] .card-powered-by a,
body.theme-toki .card-powered-by a {
  color: #0F2E52 !important;
}

/* ================= THEME: RUBY-WHITE (AL-BEYAZ) ================= */
/* Saf Beyaz Gövde & Asil Kırmızı Butonlar */
[data-theme="ruby-white"], body.theme-ruby-white {
  --bg-main: #F8FAFC;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FFF5F5;
  --border-glass: #E2E8F0;
  --border-gold: #DC2626;
  --text-main: #0F172A;
  --text-muted: #475569;
  --text-dim: #64748B;
  --accent-gold: #DC2626;
  --accent-gold-bright: #EF4444;
  --accent-gold-glow: rgba(220, 38, 38, 0.28);
  --font-heading: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
}

body.theme-ruby-white .portal-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body.theme-ruby-white .logo-clean-text {
  color: #0F172A !important;
}

body.theme-ruby-white .logo-clean-text .logo-accent {
  color: #DC2626 !important;
}

body.theme-ruby-white .btn-cta-add-venue {
  background: linear-gradient(135deg, #DC2626, #B91C1C) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35) !important;
}

body.theme-ruby-white .btn-hero-vr,
body.theme-ruby-white .btn-launch-tour-hero {
  background: linear-gradient(135deg, #DC2626, #991B1B) !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 25px rgba(220, 38, 38, 0.35) !important;
}

body.theme-ruby-white .cat-pill.active {
  background: #DC2626 !important;
  color: #FFFFFF !important;
  border-color: #DC2626 !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25) !important;
}

body.theme-ruby-white .venue-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

body.theme-ruby-white .venue-card:hover {
  border-color: #DC2626 !important;
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.12) !important;
}

body.theme-ruby-white .btn-card-tour {
  background: linear-gradient(135deg, #DC2626, #B91C1C) !important;
  color: #FFFFFF !important;
}

body.theme-ruby-white .sheet-body-info,
body.theme-ruby-white .venue-detail-sheet,
[data-theme="ruby-white"] .sheet-body-info,
[data-theme="ruby-white"] .venue-detail-sheet,
body.theme-ruby-white .bio-card,
[data-theme="ruby-white"] .bio-card {
  background: #FFFFFF !important;
  color: #0F172A !important;
}

body.theme-ruby-white .sheet-venue-single-line,
[data-theme="ruby-white"] .sheet-venue-single-line,
body.theme-ruby-white .card-venue-title,
[data-theme="ruby-white"] .card-venue-title {
  color: #0F172A !important;
}

body.theme-ruby-white .sheet-location-row,
[data-theme="ruby-white"] .sheet-location-row,
body.theme-ruby-white .card-location-row,
[data-theme="ruby-white"] .card-location-row {
  color: #475569 !important;
}

body.theme-ruby-white .venue-desc,
[data-theme="ruby-white"] .venue-desc,
body.theme-ruby-white .sheet-description,
[data-theme="ruby-white"] .sheet-description {
  color: #334155 !important;
}

body.theme-ruby-white .sheet-logo-overlap-wrap,
[data-theme="ruby-white"] .sheet-logo-overlap-wrap,
body.theme-ruby-white .card-logo-overlap-wrap,
[data-theme="ruby-white"] .card-logo-overlap-wrap {
  background: #FFFFFF !important;
  border-color: #DC2626 !important;
}

body.theme-ruby-white .action-card,
body.theme-ruby-white .btn-luxury-vcard {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

body.theme-ruby-white .action-card:hover,
body.theme-ruby-white .btn-luxury-vcard:hover {
  background: #FFF1F2 !important;
  border-color: #DC2626 !important;
}

/* ================= THEME: OBSIDIAN-CRIMSON ================= */
[data-theme="obsidian-crimson"], body.theme-obsidian-crimson {
  --bg-main: #000000;
  --bg-sidebar: #09090b;
  --bg-card: #121216;
  --bg-card-hover: #1c1c24;
  --border-glass: rgba(255, 255, 255, 0.1);
  --border-gold: #EF4444;
  --text-main: #FFFFFF;
  --text-muted: #A1A1AA;
  --text-dim: #71717A;
  --accent-gold: #EF4444;
  --accent-gold-bright: #F87171;
  --accent-gold-glow: rgba(239, 68, 68, 0.35);
}

body.theme-obsidian-crimson .btn-cta-add-venue,
body.theme-obsidian-crimson .btn-hero-vr,
body.theme-obsidian-crimson .btn-launch-tour-hero,
body.theme-obsidian-crimson .cat-pill.active {
  background: linear-gradient(135deg, #DC2626, #991B1B) !important;
  color: #FFFFFF !important;
  border-color: #EF4444 !important;
  box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4) !important;
}

/* ================= THEME: NAVY-GOLD ================= */
[data-theme="navy-gold"], body.theme-navy-gold {
  --bg-main: #060e1a;
  --bg-sidebar: #0a1728;
  --bg-card: #0e2038;
  --bg-card-hover: #132b4a;
  --border-glass: rgba(245, 158, 11, 0.15);
  --border-gold: #F59E0B;
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --accent-gold: #F59E0B;
  --accent-gold-bright: #FBBF24;
  --accent-gold-glow: rgba(245, 158, 11, 0.35);
}

body.theme-navy-gold .btn-cta-add-venue,
body.theme-navy-gold .btn-hero-vr,
body.theme-navy-gold .btn-launch-tour-hero,
body.theme-navy-gold .cat-pill.active {
  background: linear-gradient(135deg, #F59E0B, #D97706) !important;
  color: #060E1A !important;
  border-color: #FBBF24 !important;
  font-weight: 800 !important;
}

/* ================= THEME: EMERALD-WHITE ================= */
[data-theme="emerald-white"], body.theme-emerald-white {
  --bg-main: #F0FDF4;
  --bg-sidebar: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F0FDF4;
  --border-glass: #DCFCE7;
  --border-gold: #059669;
  --text-main: #064E3B;
  --text-muted: #047857;
  --text-dim: #059669;
  --accent-gold: #059669;
  --accent-gold-bright: #10B981;
  --accent-gold-glow: rgba(5, 150, 105, 0.25);
}

body.theme-emerald-white .btn-cta-add-venue,
body.theme-emerald-white .btn-hero-vr,
body.theme-emerald-white .btn-launch-tour-hero,
body.theme-emerald-white .cat-pill.active {
  background: linear-gradient(135deg, #059669, #047857) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important;
}