/*
 * Palomano header 0.1.75 — the approved flat two-row navigation
 *
 * Charge apres palomano-theme-final.css. Cette couche ne s'applique jamais
 * au mobile valide (<= 767 px).
 */

/* Preserve the validated title-only navigation below the desktop breakpoint. */
.site-header .palomano-header-shell .palomano-journey-link__icon,
.site-header .palomano-header-shell .palomano-journey-link__hint {
  display: none !important;
}

.site-header .palomano-header-shell .palomano-journey-link__copy {
  display: contents;
}

@media (min-width: 768px) {
  :root {
    --palo-header-control-height: 48px;
    --palo-header-control-radius: 16px;
    --palo-header-line: #efdadd;
    --palo-header-ink: #514b48;
    --palo-header-muted: #7b716d;
    --palo-header-surface: #ffffff;
    --palo-header-surface-warm: #fffaf2;
    --palo-header-active: #f4c844;
    --palo-header-focus: #df6276;
  }

  .site-header {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid var(--palo-header-line) !important;
    box-shadow: 0 8px 24px rgba(73, 59, 55, 0.055) !important;
  }

  .site-header > .col-full {
    --palo-header-gutter: clamp(24px, 3vw, 46px);
    max-width: none !important;
    padding-left: var(--palo-header-gutter) !important;
    padding-right: var(--palo-header-gutter) !important;
  }

  .site-header .palomano-header-shell {
    align-items: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 12px 24px !important;
    grid-template-areas: "brand actions" "nav nav" !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    padding: 12px 0 0 !important;
    width: 100% !important;
  }

  .site-header .palomano-header-branding {
    align-items: flex-start !important;
    flex-direction: column !important;
    display: flex !important;
    gap: 4px !important;
    grid-area: brand !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .site-header .palomano-header-logo {
    display: flex !important;
    flex: 0 0 auto !important;
    width: clamp(132px, 12vw, 170px) !important;
    max-width: 100% !important;
  }

  .site-header .palomano-header-logo img {
    height: auto !important;
    max-height: 50px !important;
    object-fit: contain !important;
    width: 100% !important;
  }

  .site-header .palomano-park-menu {
    flex: 0 1 214px !important;
    max-width: 214px !important;
    min-width: 176px !important;
  }

  .site-header .palomano-park-menu > summary {
    background: var(--palo-header-surface) !important;
    border: 1px solid var(--palo-header-line) !important;
    border-radius: var(--palo-header-control-radius) !important;
    box-shadow: none !important;
    gap: 9px !important;
    grid-template-columns: 32px minmax(0, 1fr) 14px !important;
    height: var(--palo-header-control-height) !important;
    min-height: var(--palo-header-control-height) !important;
    padding: 6px 10px !important;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
  }

  .site-header .palomano-park-menu__pin {
    background: var(--palo-header-surface-warm) !important;
    border-radius: 9px !important;
    height: 32px !important;
    width: 32px !important;
  }

  .site-header .palomano-park-menu__label small {
    color: var(--palo-header-muted) !important;
    font-size: 0.64rem !important;
    font-weight: 650 !important;
  }

  .site-header .palomano-park-menu__label strong {
    color: var(--palo-header-ink) !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
  }

  .site-header .palomano-park-menu > summary:hover,
  .site-header .palomano-park-menu[open] > summary {
    background: var(--palo-header-surface-warm) !important;
    border-color: #df6276 !important;
    box-shadow: 0 6px 16px rgba(81, 75, 72, 0.075) !important;
    transform: none !important;
  }

  .site-header .palomano-park-menu > summary:focus-visible {
    border-color: var(--palo-header-focus) !important;
    box-shadow: 0 0 0 3px rgba(223, 98, 118, 0.2) !important;
    outline: 0 !important;
    transform: none !important;
  }

  .site-header .palomano-park-menu__panel {
    border-color: var(--palo-header-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 46px rgba(73, 59, 55, 0.17) !important;
    margin-top: 10px !important;
  }

  .site-header .palomano-park-menu__option {
    border-radius: 10px !important;
  }

  /* Full-width, title-only row at every desktop width, matching mobile. */
  .site-header .palomano-header-shell .palomano-journey-nav {
    align-self: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--palo-header-line) !important;
    display: flex !important;
    grid-area: nav !important;
    justify-content: center !important;
    margin: 0 calc(-1 * var(--palo-header-gutter)) !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    position: static !important;
    width: calc(100% + 2 * var(--palo-header-gutter)) !important;
  }

  .site-header .palomano-header-shell .palomano-journey-nav__inner {
    align-items: stretch !important;
    align-self: stretch !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--palo-header-ink) !important;
    display: flex !important;
    flex: none !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 0 !important;
    padding: 10px 16px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color 160ms ease, background-color 160ms ease !important;
    width: 100% !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link::before,
  .site-header .palomano-header-shell .palomano-journey-link::after {
    content: none !important;
    display: none !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link strong {
    color: inherit !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link:hover {
    background: var(--palo-header-surface-warm) !important;
    color: #443b3d !important;
    transform: none !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link.is-active {
    box-shadow: inset 0 -3px 0 var(--palo-header-active) !important;
    color: #443b3d !important;
  }

  .site-header .palomano-header-shell .palomano-journey-link:focus-visible {
    box-shadow: inset 0 0 0 3px #176f78 !important;
    outline: 0 !important;
    transform: none !important;
  }

  .site-header .palomano-header-shell .palomano-header-actions {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    grid-area: actions !important;
    justify-content: flex-end !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .site-header .palomano-header-search.palomano-header-icon,
  .site-header .palomano-header-link.palomano-header-icon,
  .site-header .palomano-header-cart.palomano-header-icon {
    aspect-ratio: 1 / 1 !important;
    background: var(--palo-header-surface) !important;
    border: 1px solid var(--palo-header-line) !important;
    border-radius: var(--palo-header-control-radius) !important;
    box-shadow: none !important;
    color: var(--palo-header-ink) !important;
    flex: 0 0 var(--palo-header-control-height) !important;
    height: var(--palo-header-control-height) !important;
    min-height: var(--palo-header-control-height) !important;
    min-width: var(--palo-header-control-height) !important;
    padding: 0 !important;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
    width: var(--palo-header-control-height) !important;
  }

  .site-header .palomano-header-search.palomano-header-icon:hover,
  .site-header .palomano-header-link.palomano-header-icon:hover,
  .site-header .palomano-header-cart.palomano-header-icon:hover {
    background: var(--palo-header-surface-warm) !important;
    border-color: #df6276 !important;
    box-shadow: 0 6px 16px rgba(81, 75, 72, 0.075) !important;
    transform: none !important;
  }

  .site-header .palomano-header-search.palomano-header-icon:focus-visible,
  .site-header .palomano-header-link.palomano-header-icon:focus-visible,
  .site-header .palomano-header-cart.palomano-header-icon:focus-visible {
    border-color: var(--palo-header-focus) !important;
    box-shadow: 0 0 0 3px rgba(223, 98, 118, 0.2) !important;
    outline: 0 !important;
    transform: none !important;
  }

  .site-header .palomano-header-button {
    background: #df6276 !important;
    border: 1px solid #df6276 !important;
    border-radius: var(--palo-header-control-radius) !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
    height: var(--palo-header-control-height) !important;
    min-height: var(--palo-header-control-height) !important;
    padding: 0 17px !important;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important;
  }

  .site-header .palomano-header-button:hover {
    background: #df6276 !important;
    border-color: #df6276 !important;
    box-shadow: 0 6px 16px rgba(223, 98, 118, 0.2) !important;
    color: #ffffff !important;
    transform: none !important;
  }

  .site-header .palomano-header-button:focus-visible {
    background: #df6276 !important;
    border-color: #df6276 !important;
    box-shadow: 0 0 0 3px rgba(223, 98, 118, 0.22) !important;
    color: #ffffff !important;
    outline: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .site-header .palomano-park-menu > summary,
  .site-header .palomano-header-shell .palomano-journey-link,
  .site-header .palomano-header-shell .palomano-journey-link::after,
  .site-header .palomano-header-icon,
  .site-header .palomano-header-button {
    transition: none !important;
  }
}

/* Shop identity is readable context, never a dropdown or a button. */
.site-header .palomano-header-shop-label {
  color: #514b48;
  display: block;
  flex: 0 1 auto;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

@media (max-width: 767px) {
  .site-header .palomano-header-shell .palomano-header-branding {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .site-header .palomano-header-shop-label {
    font-size: 15px;
    max-width: 100%;
  }

  .site-header .palomano-header-shell .palomano-header-logo {
    flex: 0 0 auto !important;
    width: 112px !important;
  }
}