/* ui-public.css — reguli comune pentru antetul și subsolul paginilor publice
   (8 oct. 2026). Fiecare pagină are propria copie de antet/subsol; regulile
   de aici le aliniază fără să rescrie fiecare copie. */

/* Antetul la 1024–1279 px: navigația + căutarea + coșul + „Cont” nu încap,
   butonul „Cont” ieșea din ecran. Căutarea din antet se ascunde doar în acest
   interval; rămâne în meniul lateral. */
@media (min-width: 1024px) and (max-width: 1279px) {
  #hdr .search-bar { display: none !important; }
}

/* Ținte de atingere de cel puțin 44 × 44 px pe telefon și tabletă. */
@media (max-width: 767px) {
  #hdr .search-bar { min-height: 44px; padding-top: 0; padding-bottom: 0; box-sizing: border-box; }
  #header-search { min-height: 40px; }

  .ftr-ul a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }

  /* Bifa GDPR de la newsletter: toată eticheta e zona de atingere. */
  label:has(> #ftr-nl-gdpr) { min-height: 44px; align-items: center !important; }
  #ftr-nl-gdpr { width: 22px !important; height: 22px !important; margin-top: 0 !important; }

  #quick-nav-bar a { min-height: 44px; }
  .myd-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
}

/* Antetul la 360 px: căutarea avea minim 170 px (input de 130 px) și împingea
   coșul cu 4 px în afara ecranului. Sub 400 px se micșorează după spațiu. */
@media (max-width: 400px) {
  #hdr .py-3 > div:last-child { min-width: 0; flex: 1 1 auto; justify-content: flex-end; }
  #hdr .search-bar { min-width: 0; flex: 1 1 auto; padding-left: 10px; padding-right: 10px; }
  #header-search { width: 100% !important; min-width: 0; }
}

/* ── Butoanele plutitoare și straturile pe mobil (9 oct. 2026) ─────────────
   Raport LM (Android, browserul intern Facebook): două cercuri închise în
   dreapta jos (share + Darrin AI cu iconița neîncărcată) acopereau tab-urile
   barei de jos, conținutul și rămâneau peste meniul lateral deschis.
   Regula unică, sub 768 px:
   - un singur buton plutitor: Darrin AI (cu iconiță și eticheta „Darrin AI”);
     share-ul trece în meniul lateral (ui-comun.js);
   - butonul stă deasupra barei de jos: înălțimea barei + safe-area + 12 px;
   - straturi: conținut < bara de jos (1000) < butonul plutitor (1100) <
     meniul lateral / ferestre (3000+) < bannerul de cookie (9998);
   - cu meniul sau o fereastră deschisă, butonul plutitor se ascunde
     (clasa myd-strat-deschis, pusă de ui-comun.js);
   - body are spațiu jos cât bara + butonul, ca ultimul conținut să nu fie
     acoperit (clasa myd-are-mbn, pusă doar dacă bara de jos e vizibilă). */
@media (max-width: 768px) {
  :root { --myd-mbn-h: 57px; --myd-fab-h: 48px; }

  #mobile-bottom-nav { z-index: 1000 !important; }

  #myd-share-fab { display: none !important; }

  #dai-fab, #chat-toggle {
    z-index: 1100 !important;
    right: 12px !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    height: var(--myd-fab-h) !important;
    width: auto !important;
    min-width: var(--myd-fab-h) !important;
    padding: 0 16px 0 12px !important;
    border-radius: 999px !important;
    gap: 8px;
  }
  html.myd-are-mbn #dai-fab, html.myd-are-mbn #chat-toggle {
    bottom: calc(var(--myd-mbn-h) + env(safe-area-inset-bottom, 0px) + 12px) !important;
  }
  #dai-fab .myd-fab-eticheta { display: inline !important; color: #fff; font-size: 13px; font-weight: 800; white-space: nowrap; }
  #dai-fab svg, #dai-fab-icon { flex-shrink: 0; }

  #dai-chat-panel {
    z-index: 3050 !important;
    right: 8px !important; left: 8px !important; width: auto !important; max-width: none !important;
    bottom: calc(12px + var(--myd-fab-h) + 8px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html.myd-are-mbn #dai-chat-panel { bottom: calc(var(--myd-mbn-h) + 12px + var(--myd-fab-h) + 8px + env(safe-area-inset-bottom, 0px)) !important; }

  #sidebar-overlay { z-index: 2990 !important; }
  #sidebar { z-index: 3000 !important; }
  #loc-modal, #auth-modal, #partner-modal, #investor-modal, #role-picker-modal, #zone-unavailable,
  #consultanta-overlay, #consultanta-modal, #cart-drawer, #basket-panel, #order-confirm-overlay,
  #myd-loc-fereastra { z-index: 3100 !important; }

  html.myd-strat-deschis #dai-fab, html.myd-strat-deschis #chat-toggle,
  html.myd-strat-deschis #myd-share-fab { display: none !important; }

  html.myd-are-mbn body { padding-bottom: calc(var(--myd-mbn-h) + var(--myd-fab-h) + 24px + env(safe-area-inset-bottom, 0px)) !important; }
  html:not(.myd-are-mbn) body.myd-are-fab { padding-bottom: calc(var(--myd-fab-h) + 24px + env(safe-area-inset-bottom, 0px)) !important; }
}
.myd-fab-eticheta { display: none; }
/* Iconița Darrin AI: SVG-ul generat de lucide folosește currentColor, iar
   butonul nu avea culoare de text — iconița ieșea închisă pe fundal închis. */
#dai-fab { color: #fff; }
#dai-fab svg { color: #fff; stroke: #fff; }

/* ── Bara de jos vizibilă pe mobil pe toate paginile care o au (9 oct. 2026)
   Pe 8 pagini (contact, despre-noi, reclamații, garanții etc.) bara exista
   în HTML cu display:none, dar lipsea regula care o afișează pe mobil. */
@media (max-width: 1023px) {
  #mobile-bottom-nav { display: block !important; }
}

/* Cardurile de contact: pe telefon unul sub altul, pe toată lățimea; de la
   600 px pe un singur rând — niciun card rămas singur pe rând. */
@media (max-width: 599px) {
  .contact-carduri { grid-template-columns: 1fr !important; }
}

/* ── Bara de jos: același aspect pentru toate tab-urile (9 oct. 2026) ───────
   Tab-ul „Locație” (#mbn-gps) era un bloc albastru-închis, scris direct în
   fiecare pagină; acum arată ca celelalte tab-uri, cu cercul portocaliu
   păstrat. Tab-ul activ: iconița și textul portocalii, pe fundal deschis. */
#mobile-bottom-nav #mbn-gps { background: #fff !important; color: #5A6B7D !important; border-right: 1px solid #F0F2F7 !important; }
#mobile-bottom-nav #mbn-loc-text { color: #5A6B7D !important; font-weight: 700; }
#mobile-bottom-nav a.active, #mobile-bottom-nav #mbn-home.active, #mobile-bottom-nav #mbn-catalog.active,
#mobile-bottom-nav #mbn-partener.active, #mobile-bottom-nav #mbn-cont.active {
  color: #FF8C00 !important; background: #FFF6EA !important;
}