/* ============================================
   HANDY ROYAL BRAND COLORS
   Gilt für alle Seiten AUSSER vertraege.astro
   (vertraege.astro nutzt 1&1 Blau wegen Partnerschaft)
   ============================================ */

/* Handy Royal Farbpalette */
:root {
  --handyroyal-primary: #F4A21E;      /* Gold/Orange */
  --handyroyal-primary-dark: #D88F1A; /* Dunkleres Gold */
  --handyroyal-primary-darker: #B87715; /* Noch dunkler */
  --handyroyal-primary-light: #FFB84D; /* Helleres Gold */
  --handyroyal-accent: #8A5600;       /* Dunkles Bronze */
}

/* ============================================
   NAVBAR COLORS - NUR FÜR NICHT-VERTRAEGE SEITEN
   ============================================ */

/* Hover-Farben */
body:not(.showroom-page) .nav-link:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

body:not(.showroom-page) .nav-link {
  --navbar-hover: var(--handyroyal-primary);
}

body:not(.showroom-page) .nav-link.nav-link--highlight:hover {
  background: linear-gradient(135deg, rgba(244, 162, 30, 0.15) 0%, rgba(244, 162, 30, 0.1) 100%);
  border-color: rgba(244, 162, 30, 0.3);
}

/* ============================================
   DROPDOWN & MEGA MENU
   ============================================ */

/* View All Link */
body:not(.showroom-page) .view-all {
  color: var(--handyroyal-primary);
}

/* Brand Cards */
body:not(.showroom-page) .brand-card:hover {
  border-color: rgba(244, 162, 30, 0.2);
}

/* Model List Links */
body:not(.showroom-page) .model-list a:hover {
  color: var(--handyroyal-primary);
}

/* Brand Links */
body:not(.showroom-page) .brand-link {
  color: var(--handyroyal-primary);
}

/* Districts Hover */
body:not(.showroom-page) .district-col a:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

/* ============================================
   CTA BUTTON - HANDY ROYAL GRADIENT
   ============================================ */

body:not(.showroom-page) .cta-button {
  background: linear-gradient(135deg, #F4A21E 0%, #D88F1A 100%);
  box-shadow: 0 4px 16px rgba(244, 162, 30, 0.3);
}

body:not(.showroom-page) .cta-button:hover {
  box-shadow: 0 6px 24px rgba(244, 162, 30, 0.4);
}

/* ============================================
   MOBILE MENU
   ============================================ */

body:not(.showroom-page) .mobile-item:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

body:not(.showroom-page) .accordion-content a:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

body:not(.showroom-page) .mobile-model-list a:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

body:not(.showroom-page) .mobile-brand-link {
  color: var(--handyroyal-primary);
}

body:not(.showroom-page) .mobile-all-brands {
  color: var(--handyroyal-primary);
  background: rgba(244, 162, 30, 0.08);
}

body:not(.showroom-page) .mobile-all-brands:hover {
  background: rgba(244, 162, 30, 0.15);
}

body:not(.showroom-page) .mobile-cta {
  background: linear-gradient(135deg, #F4A21E 0%, #D88F1A 100%);
  box-shadow: 0 4px 16px rgba(244, 162, 30, 0.3);
}

body:not(.showroom-page) .mobile-cta:hover {
  box-shadow: 0 6px 24px rgba(244, 162, 30, 0.4);
}

body:not(.showroom-page) .mobile-districts-scroll a:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

/* ============================================
   PARTNER BADGE (für Handy Royal Seiten)
   ============================================ */

body:not(.showroom-page) .partner-badge {
  background: linear-gradient(135deg, #fff9f0 0%, #fff 100%);
  border: 1px solid rgba(244, 162, 30, 0.15);
}

body:not(.showroom-page) .partner-badge:hover {
  background: linear-gradient(135deg, #fff4e6 0%, #fff9f0 100%);
  border-color: rgba(244, 162, 30, 0.25);
}

body:not(.showroom-page) .partner-label {
  color: var(--handyroyal-primary);
}

/* ============================================
   ACCESSIBILITY - FOCUS STATES
   ============================================ */

body:not(.showroom-page) .nav-link:focus-visible,
body:not(.showroom-page) .cta-button:focus-visible,
body:not(.showroom-page) .mobile-toggle:focus-visible {
  outline: 3px solid var(--handyroyal-primary);
  outline-offset: 2px;
}

/* ============================================
   OPTIONAL: WEITERE ELEMENTE MIT HANDY ROYAL FARBEN
   ============================================ */

/* Falls du weitere Elemente mit Handy Royal Farben versehen möchtest */
body:not(.showroom-page) .btn--primary {
  background: linear-gradient(135deg, #F4A21E 0%, #D88F1A 100%);
  border-color: var(--handyroyal-accent);
}

body:not(.showroom-page) .btn--ghost {
  border-color: var(--handyroyal-accent);
  color: var(--handyroyal-accent);
}

body:not(.showroom-page) .btn--ghost:hover {
  background: rgba(244, 162, 30, 0.08);
  color: var(--handyroyal-primary);
}

/* Section Eyebrow (falls verwendet) */
body:not(.showroom-page) .section-eyebrow {
  color: var(--handyroyal-primary);
}

/* Links im Content */
body:not(.showroom-page) a:not(.btn):not(.nav-link):hover {
  color: var(--handyroyal-primary);
}

.nav-link.nav-link--highlight{
  background: none;
  border:none;
}