/* Antet mobil pentru paginile auxiliare (feedback, contact și legal).
   Logo-ul deschide Acasă, iar X-ul închide determinist spre ultima suprafață
   principală controlată. Niciun control nu depinde de istoricul browserului. */

@media (max-width: 991.98px) {
  body.mobile-detail-app-shell:has(.navbar-glass.utility-mobile-header) {
    --utility-mobile-header-bar-height: 64px;
    --utility-mobile-header-gap: 12px;
  }

  body .navbar-glass.detail-minimal-header.utility-mobile-header,
  body .navbar-glass.detail-minimal-header.utility-mobile-header.scrolled {
    box-sizing: border-box;
    min-height: calc(
      var(--utility-mobile-header-bar-height, 64px)
      + env(safe-area-inset-top, 0px)
    ) !important;
    padding: env(safe-area-inset-top, 0px) 0 0 !important;
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.96) !important;
    box-shadow: 0 5px 20px rgba(37, 31, 73, 0.08) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header > .container {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-height: var(--utility-mobile-header-bar-height, 64px) !important;
    margin: 0 !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .header-mobile-back-btn,
  .navbar-glass.detail-minimal-header.utility-mobile-header.scrolled .header-mobile-back-btn {
    position: static !important;
    inset: auto !important;
    order: 2 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    color: #29243a !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .header-mobile-back-btn:hover,
  .navbar-glass.detail-minimal-header.utility-mobile-header .header-mobile-back-btn:active {
    background: #f2f0ff !important;
    transform: none !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .header-mobile-back-btn .lucide,
  .navbar-glass.detail-minimal-header.utility-mobile-header .header-mobile-back-btn svg {
    width: 22px !important;
    height: 22px !important;
    color: currentColor !important;
    stroke: currentColor !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .navbar-brand {
    display: inline-flex !important;
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .brand-text,
  .navbar-glass.detail-minimal-header.utility-mobile-header.scrolled .brand-text {
    display: inline-block !important;
    padding-block: 0.05em 0.1em;
    font-size: 1.42rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    background: var(--gradient-brand-logo) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .navbar-glass.detail-minimal-header.utility-mobile-header .header-actions {
    display: none !important;
  }

  body.mobile-detail-app-shell:has(.navbar-glass.utility-mobile-header)
    .mobile-detail-scroll-surface {
    box-sizing: border-box;
    padding-top: calc(
      env(safe-area-inset-top, 0px)
      + var(--utility-mobile-header-bar-height, 64px)
      + var(--utility-mobile-header-gap, 12px)
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-glass.utility-mobile-header .header-mobile-back-btn {
    transition: none !important;
  }
}