/* Scotland Theme (Saltire) */
.theme-scotland {
  --primary:   #0A1A3A; /* dunkles Navy */
  --secondary: #2E6CFF; /* kräftiges Blau für Hover/Highlights */
  --accent:    #567dff; /* helleres Blau als Akzent */
  --light:     #FFFFFF; /* Text auf dunklem Grund */
  --muted:     #d9deea; /* neutrale Linie / Borders */

  /* Footer */
  --footer-bg: var(--primary);    /* Navy-Hintergrund */
  --footer-fg: var(--light);
  --footer-title: #ffffff;
  --footer-link: #dbe3ff;
  --footer-link-hover: #ffffff;
  --footer-topline: var(--secondary); /* Blaue Linie */
  --footer-border: rgba(255,255,255,.08);
}

/* Navbar – navy Hintergrund, weiße Schrift */
.theme-scotland .header-sticky .navbar,
.theme-scotland .navbar {
  background: var(--primary) !important;
  color: var(--light) !important;

  --bs-navbar-color: var(--light);
  --bs-navbar-hover-color: var(--light);
  --bs-navbar-active-color: #fff;
}
.theme-scotland .navbar .navbar-brand,
.theme-scotland .navbar .nav-link { color: var(--light) !important; }
.theme-scotland .navbar .nav-link:hover,
.theme-scotland .navbar .nav-link.active { color: var(--secondary) !important; }

/* Footer – navy mit blauer Linie */
.theme-scotland .footer {
  background: var(--footer-bg) !important;
  color: var(--footer-fg) !important;
  position: relative;
}
.theme-scotland .footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--footer-topline);
}
.theme-scotland .footer a { color: var(--footer-link) !important; }
.theme-scotland .footer a:hover { color: var(--footer-link-hover) !important; text-decoration: underline; }
.theme-scotland .footer .text-white { color: var(--footer-fg) !important; }





/* ==== Mobile Navigation Fix für london-sightseeing.de ==== */

/* Navbar Hintergrund überall einheitlich (Urban Navy) */
.navbar,
.navbar.bg-transparent {
    background-color: var(--primary) !important;
}

/* Links und Brand */
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .navbar-nav .nav-link {
    color: var(--light) !important;
}

/* Aktiver Link / Hover */
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link.show,
.navbar .navbar-nav .nav-link:hover {
    color: var(--secondary) !important;
}

/* Hamburger Icon */
.navbar .navbar-toggler {
    border-color: var(--light) !important;
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* Offcanvas / Mobile Menu */
.offcanvas,
.offcanvas-header,
.offcanvas-body {
    background-color: var(--primary) !important;
    color: var(--light) !important;
}

.offcanvas .nav-link,
.offcanvas .dropdown-toggle {
    color: var(--light) !important;
}

.offcanvas .dropdown-menu {
    background-color: var(--primary) !important;
    border: none !important;
}
.offcanvas .dropdown-item {
    color: var(--light) !important;
}
.offcanvas .dropdown-item:hover,
.offcanvas .dropdown-item:focus {
    background-color: var(--secondary) !important;
    color: var(--light) !important;
}

.navbar-collapse,
.navbar-nav,
.navbar .offcanvas {
    background-color: var(--primary) !important;
}