/**
 * Fotofolio 1 — shell overrides (navbar, mobile nav, footer)
 * Caricato DOPO navbar.css e navbar-override.css
 * Palette ispirata a ProntoPro: header bianco, accent arancione, footer navy
 */

/* ========== DESKTOP NAVBAR — bianco stile marketplace ========== */
#navbar_main,
#navbar_main.navbar,
nav#navbar_main {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

#navbar_main .navbar-brand,
#navbar_main a.navbar-brand {
  display: inline-flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

/* Voci menu superiore — nero (vince su navbar.css / components.css) */
body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link,
body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link.dropdown-toggle,
body[data-active-theme="fotofolio_1"] #navbar_main .nav-link {
  color: #000000 !important;
  background-color: transparent !important;
}

body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link:hover,
body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link:focus,
body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link.active,
body[data-active-theme="fotofolio_1"] #navbar_main .nav-link:hover,
body[data-active-theme="fotofolio_1"] #navbar_main .nav-link:focus,
body[data-active-theme="fotofolio_1"] #navbar_main .nav-link.active {
  color: #000000 !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}

body[data-active-theme="fotofolio_1"] #navbar_main .nav-link svg {
  stroke: #000000 !important;
  color: #000000 !important;
  fill: currentColor !important;
}

#navbar_main .nav-link,
#navbar_main .dropdown-toggle,
#navbar_main .navbar-nav .nav-link {
  color: #000000 !important;
  font-weight: 500;
}

#navbar_main .dropdown-item.active {
  color: var(--color-primary, #ff6900) !important;
  background: #fff4ed !important;
}

#navbar_main svg {
  stroke: currentColor !important;
  fill: none !important;
}

#navbar_main .navbar-toggler {
  border-color: var(--color-border, #e2e8f0);
}

#navbar_main .navbar-toggler-icon {
  filter: invert(1) brightness(0.2);
}

/* Search bar navbar */
#navbar_main .navbar-search-input,
#navbar_main .form-control {
  background: var(--color-background-secondary, #f5f7fa);
  border-color: var(--color-border, #e2e8f0);
  color: var(--color-text, #1a1a1a);
}

#navbar_main .navbar-search-submit,
#navbar_main .btn-outline-light {
  border-color: var(--color-primary, #ff6900) !important;
  color: var(--color-primary, #ff6900) !important;
  background: transparent !important;
}

/* ========== MOBILE NAVBAR ========== */
#mobile_navbar {
  background: #ffffff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

#mobile_navbar .mobile-logo {
  display: inline-flex;
  align-items: center;
  padding: 0;
  text-decoration: none;
}

#mobile_navbar .mobile-photo-category-btn,
#mobile_navbar .mobile-search-toggle,
#mobile_navbar .mobile-models-link,
#mobile_navbar .mobile-photographers-link {
  background: var(--color-background-secondary, #f5f7fa) !important;
  border-color: var(--color-border, #e2e8f0) !important;
  color: var(--color-text, #1a1a1a) !important;
}

#mobile_navbar svg {
  stroke: var(--color-text, #1a1a1a) !important;
}

#mobile_navbar .hamburger-line {
  background: var(--color-text, #1a1a1a) !important;
}

#mobile_navbar .mobile-search-container {
  background: #fff;
  border-bottom: 1px solid var(--color-border, #e2e8f0);
}

#mobile_navbar .mobile-menu {
  background: #fff;
  border-bottom: 1px solid var(--color-border, #e2e8f0);
}

#mobile_navbar .mobile-menu-item {
  color: var(--color-text, #1a1a1a) !important;
  border-bottom: 1px solid var(--color-border, #e2e8f0);
}

#mobile_navbar .mobile-menu-item:hover,
#mobile_navbar .mobile-menu-item.active {
  color: var(--color-primary, #ff6900) !important;
  background: #fff4ed;
}

/* Neutralizza navbar-override globale nero */
.navbar,
.navbar.fixed-top,
header.navbar,
nav#navbar_main,
nav.navbar {
  --theme-color-primary: var(--color-primary, #ff6900) !important;
  --theme-color-background: #ffffff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.navbar *,
.navbar a:not(.navbar-brand):not(.mobile-logo),
.navbar .nav-link {
  color: inherit;
}

.navbar .navbar-brand,
.navbar a.navbar-brand {
  color: var(--color-brand-logo, #ffc107) !important;
}

/* Evita ereditarietà che riporta il bianco sulle voci menu */
body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav a.nav-link {
  color: #000000 !important;
}

body[data-active-theme="fotofolio_1"] #navbar_main .nav-link--placeholder,
body[data-active-theme="fotofolio_1"] #mobile_navbar .mobile-menu-item--placeholder {
  cursor: default;
}

body[data-active-theme="fotofolio_1"] #navbar_main .nav-link--placeholder:hover,
body[data-active-theme="fotofolio_1"] #mobile_navbar .mobile-menu-item--placeholder:hover {
  color: #000000 !important;
}

/* Navbar compatta: allinea padding body all'altezza reale */
body[data-active-theme="fotofolio_1"] {
  --navbar-offset: 44px;
  padding-top: var(--navbar-offset) !important;
}

@media (min-width: 992px) {
  body[data-active-theme="fotofolio_1"] #navbar_main,
  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-collapse,
  body[data-active-theme="fotofolio_1"] #navbar_main .container-fluid,
  body[data-active-theme="fotofolio_1"] #navbar_main #navbarMainContent {
    height: auto !important;
    min-height: 0 !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .container-fluid,
  body[data-active-theme="fotofolio_1"] #navbar_main #navbarMainContent {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav,
  body[data-active-theme="fotofolio_1"] #navbar_main .nav-item,
  body[data-active-theme="fotofolio_1"] #navbar_main .nav-link {
    height: auto !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav,
  body[data-active-theme="fotofolio_1"] #navbar_main .nav-item {
    align-items: center !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .nav-item {
    display: flex !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .nav-link,
  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-nav .nav-link {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-search-form,
  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-search-form .input-group {
    height: 32px !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-search-form .input-group {
    align-items: center !important;
  }

  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-search-form .form-control,
  body[data-active-theme="fotofolio_1"] #navbar_main .navbar-search-form .input-group-text {
    height: 32px !important;
    min-height: 32px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    font-size: 0.875rem !important;
    line-height: 1.2 !important;
  }
}

/* ========== FOOTER — navy scuro (stile ProntoPro) ========== */
footer.border-top {
  background: var(--color-secondary, #1b3a57) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
}

footer.border-top .footer-link {
  color: rgba(255, 255, 255, 0.88) !important;
}

footer.border-top .footer-link:hover {
  color: #fff !important;
}

footer.border-top .footer-copyright,
footer.border-top .footer-info {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Breadcrumb su sfondo chiaro */
.breadcrumb-wrapper {
  background: var(--color-background, #fff);
  border-bottom: 1px solid var(--color-border, #e2e8f0);
}

.breadcrumb-item,
.breadcrumb-item a {
  color: var(--color-text-muted);
}

.breadcrumb-item.active {
  color: var(--color-text);
}

/* PWA theme color hint (where supported via meta — manual update in base-public if needed) */