/* ==========================================================================
   smmv-mob.css — Sport-Mag, meniul de mobil (sub 992 px) in stilul designului v1: panoul modulului iqitmegamenu
   (#iqitmegamenu-accordion, deschis de hamburgerul #mobile_menu sub 768 px si de bara „CATEGORII” #iqitmegamenu-shower
   intre 768 si 991 px) si antetul de mobil (#my_top_menu, sub 768 px). Versiunea 1, 28 oct 2026 (sesiunea 3; se incarca
   cu ?v=3, odata cu smmv-v1.css si smmv-v1.js).
   Deciziile lui Dorin (DE-CONFIRMAT.md): 19 = B (panoul + antetul de mobil, fara mutari in antet; bulina cosului ramane),
   20 = V1 „ca azi, curatat” (panou 240 px, rand de inchidere ivoriu, pictograme in culoarea textului, sageti in cerc,
   nivelul 2 ivoriu, lupa neagra ca azi), 21 (intrerupatorul smmv_mob_on din header.tpl, pe toate paginile RO).

   Intrerupator: toate regulile sunt sub `body.smmv-mob` (clasa pusa de `smmv_mob_on`). Fara clasa, fisierul nu schimba
   nimic. Toate regulile sunt in @media (max-width: 991px) sau (max-width: 767px): desktopul (992 px si peste) nu e atins,
   nici pe paginile de categorie. mobile-header-redesign.css, smb-bar.v1.css/js si modules/iqitmegamenu/ raman neatinse:
   totul e suprascris prin specificitate, fara !important. Fara JS: deschiderea si inchiderea raman ale modulului.
   Lista din panou ramane cea din modul, setata in BO (nimic scris de mana). Pictogramele sunt cele 11 din smmv-v1.css,
   legate de id-ul categoriei din href (linkurile meniului de mobil n-au data-link), doar pe primul nivel; orice alta
   categorie primeste pictograma neutra; „Promotii” (/710) e in portocaliul temei.
   Intre 768 si 991 px antetul vechi si bara „CATEGORII” raman ca azi (in afara perimetrului B).
   ========================================================================== */
@media (max-width: 991px) {
  body.smmv-mob {
    --smmv-orange: #fe8c29; --smmv-orange-hover: #e87a15; --smmv-orange-soft: #fff1e6;
    --smmv-ink: #0c1721; --smmv-ink-2: #091222; --smmv-muted: #6b7280; --smmv-line: #eef0f2; --smmv-ivory: #faf8f2;
    --smmv-font: Roboto, Arial, Helvetica, sans-serif;
  }

  /* ---- panoul (240 px, latimea modulului; impingerea paginii ramane a temei) ---- */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu {
    margin: 0; padding: 0 0 72px; background: #fff; box-shadow: 6px 0 28px rgba(12, 23, 33, 0.22);
    font-family: var(--smmv-font); color: var(--smmv-ink);
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li { position: relative; margin: 0; padding: 0; border-bottom: 1px solid var(--smmv-line); background: #fff; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a {
    display: flex; align-items: center; gap: 12px; box-sizing: border-box; min-height: 52px; margin: 0; padding: 8px 48px 8px 16px;
    font: 700 16px/20px var(--smmv-font); text-transform: none; color: var(--smmv-ink); background: transparent; box-shadow: none; text-decoration: none;
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a:hover,
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a:active { margin: 0; background: var(--smmv-orange-soft); color: var(--smmv-orange); box-shadow: none; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/710-"] { color: var(--smmv-orange); }

  /* pictograma de pe primul nivel: masca in culoarea textului */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a::before {
    content: ""; flex: none; width: 24px; height: 24px;
    background-color: currentColor; -webkit-mask: var(--smmv-icon) center / contain no-repeat; mask: var(--smmv-icon) center / contain no-repeat;
  }

  /* randul „Închide meniul” (primul li, fara link) */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li.close-mobile-menu {
    display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; cursor: pointer;
    background: var(--smmv-ivory); color: var(--smmv-muted); font: 500 14px/20px var(--smmv-font);
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li.close-mobile-menu i { color: var(--smmv-ink); font-size: 18px; }

  /* „+” / „-” al modulului: devine o sageata in cerc; deschis = rotita si portocalie (sub-lista are clasa cbpm-ul-showed) */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li > div.responsiveInykator {
    position: absolute; right: 10px; top: 7px; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 50%;
    background: #f3f4f6; color: transparent; font-size: 0; line-height: 0; cursor: pointer; z-index: 2;
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > div.responsiveInykator { top: 11px; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li > div.responsiveInykator::before {
    content: ""; position: absolute; left: 10px; top: 10px; width: 8px; height: 8px;
    border-right: 2px solid #a3abb4; border-bottom: 2px solid #a3abb4; transform: rotate(-45deg); transition: transform 0.15s ease;
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li:has(> ul.cbpm-ul-showed) > div.responsiveInykator { background: var(--smmv-orange-soft); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li:has(> ul.cbpm-ul-showed) > div.responsiveInykator::before { top: 7px; border-color: var(--smmv-orange); transform: rotate(45deg); }

  /* nivelul 2 (ivoriu) si nivelul 3 (alb) */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li > ul { display: none; margin: 0; padding: 4px 0 6px; background: var(--smmv-ivory); box-shadow: none; font-size: 100%; border-top: 1px solid var(--smmv-line); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li > ul.cbpm-ul-showed { display: block; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li ul li { position: relative; margin: 0; padding: 0; border: 0; background: transparent; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li ul li > a {
    display: block; margin: 0; padding: 10px 44px 10px 52px; font: 500 15px/20px var(--smmv-font); text-transform: none;
    color: var(--smmv-ink); background: transparent; box-shadow: none; text-decoration: none;
  }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li ul li > a:hover { margin: 0; color: var(--smmv-orange); background: transparent; box-shadow: none; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li ul ul { background: #fff; border-top: 0; padding: 0 0 4px; }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li ul ul li > a { padding-left: 68px; font: 400 14px/20px var(--smmv-font); color: #3b4652; }

  /* accesibilitate: fara tranzitii cand utilizatorul le-a oprit */
  @media (prefers-reduced-motion: reduce) {
    body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu li > div.responsiveInykator::before { transition: none; }
  }

  /* pictogramele: cele 11 id-uri din smmv-v1.css (9 din plan_final.json + /692, /1217) + Home + neutra */
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='6' height='6' rx='1'/><rect x='14' y='4' width='6' height='6' rx='1'/><rect x='4' y='14' width='6' height='6' rx='1'/><rect x='14' y='14' width='6' height='6' rx='1'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li.home-mobile-menu > a { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 11l9-8 9 8'/><path d='M5 10v10h14V10'/><path d='M10 20v-6h4v6'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/1245-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 16h13l4-9'/><path d='M3 16v3M16 16v3'/><path d='M7 16V9l4 3'/><circle cx='20' cy='5' r='1.5'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/1246-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 7v10M18 7v10M3 9v6M21 9v6M6 12h12'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/9-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='4.5' r='2'/><path d='M12 7.5v6M7 11l5 2.5 5-2.5'/><path d='M8 21l4-7.5 4 7.5'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/4-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 19h16'/><path d='M7 19v-6h10v6'/><path d='M12 13V7'/><path d='M8 7h8'/><path d='M8 5v4M16 5v4'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/5-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 3c3 2.5 3 15.5 0 18M12 3c-3 2.5-3 15.5 0 18M3 12h18'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/6-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12a8 8 0 0 1 16 0v4.5H10L4 13z'/><path d='M13 12.5h7'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/1024-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 8.6a4.2 4.2 0 0 1 7.5 2.2C19.5 16.4 12 21 12 21z'/><path d='M12 8.6V3'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/462-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 20l7-12 4 7'/><path d='M10 14l3-4 9 10H2'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/710-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 12l9-9h9v9l-9 9z'/><circle cx='16' cy='8' r='1.5'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/692-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='17' r='3'/><circle cx='18' cy='17' r='3'/><path d='M6 17l4-8h5l3 8'/><path d='M10 9h6M12 17h3'/></svg>"); }
  body.smmv-mob ul#iqitmegamenu-accordion.cbp-spmenu > li > a[href*="/1217-"] { --smmv-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14.5 4a5 5 0 0 0-5.3 6.8L3 17l4 4 6.2-6.2A5 5 0 0 0 20 9.5l-3 3-3-3 3-3z'/></svg>"); }
}

/* ---- B: antetul de mobil, NUMAI sub 768 px (DE-CONFIRMAT 19 = B): portocaliul temei si Roboto; asezarea, inaltimea (125 px,
   de care depinde pozitia sliderului) si bulina cosului .mhr-cart-badge raman (smmv-v1.js o citeste pentru cosul de pe desktop) ---- */
@media (max-width: 767px) {
  body.smmv-mob #my_top_menu.main-header { background: var(--smmv-orange); font-family: var(--smmv-font); }
  body.smmv-mob #my_top_menu .mhr-cart-badge { color: var(--smmv-orange); font-family: var(--smmv-font); }
  body.smmv-mob #my_top_menu .mhr-search-input { font-family: var(--smmv-font); color: var(--smmv-ink); }
}