/* =========================================================
   MagnetWorld – MOBILNÍ MENU (fix underline + separator + čistší UI)
   Dej ÚPLNĚ NA KONEC vlastního CSS
========================================================= */

@media (max-width: 991px){

  /* kontejner */
  .navigation-in{
    padding: 10px 14px 18px !important;
  }

  /* -------------------------------------------------------
     1) TOTÁLNÍ ZRUŠENÍ "PODTRŽENÍ" (je přes border/pseudo)
  ------------------------------------------------------- */
  .navigation-in a,
  .navigation-in a *{
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    text-decoration-line: none !important;

    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* některé šablony kreslí čáru přes pseudo-element uvnitř odkazu */
  .navigation-in a::before,
  .navigation-in a::after,
  .navigation-in a *::before,
  .navigation-in a *::after{
    box-shadow: none !important;
    background-image: none !important;
    border-bottom: 0 !important;
  }

  /* kdyby to bylo řešené vyloženě pseudo-elementem jako linka */
  .navigation-in a::after{
    content: none !important;
    display: none !important;
  }

  /* -------------------------------------------------------
     2) KATEGORIE – menší, čisté “cards”
  ------------------------------------------------------- */
  .navigation-in ul li > a{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding: 10px 12px !important;
    margin: 0 0 10px !important;

    font-family: var(--mw-font-head, sans-serif);
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.15;

    color: var(--mw-text, #151515) !important;
    background: #f4f6f8 !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 14px !important;
  }

  /* hover/tap */
  .navigation-in ul li > a:hover,
  .navigation-in ul li > a:active{
    background:#eaf4ff !important;
    border-color: rgba(17,149,254,.25) !important;
    color: var(--mw-primary, #1195FE) !important;
  }

  /* caret (šipka dolů) – ať je decentní */
  .navigation-in ul li > a .caret,
  .navigation-in ul li > a .icon{
    opacity: .65 !important;
    font-size: 14px !important;
  }

  /* -------------------------------------------------------
     3) PODMENU – bez karet, jen čistý seznam
  ------------------------------------------------------- */
  .navigation-in ul li ul{
    margin: 2px 0 12px 14px !important;
    padding: 6px 0 0 12px !important;
    border-left: 2px solid rgba(0,0,0,.06) !important;
  }

  .navigation-in ul li ul li a{
    padding: 8px 8px !important;
    margin: 0 0 4px !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0,0,0,.72) !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
  }

  .navigation-in ul li ul li a:hover{
    background:#f0f6ff !important;
    color: var(--mw-primary, #1195FE) !important;
  }

  /* -------------------------------------------------------
     4) OPRAVA "DIVNÉ ČÁRY" NAD PŘIHLÁŠENÍM
     (většinou je to hr / border-top / separator wrapper)
  ------------------------------------------------------- */
  .navigation-in hr{ display:none !important; }
  .navigation-in .divider,
  .navigation-in .separator{
    display:none !important;
    border:0 !important;
  }

  /* často má čáru přímo poslední li / user blok */
  .navigation-in ul li{
    border-top: 0 !important;
  }

  /* -------------------------------------------------------
     5) PŘIHLÁŠENÍ – akční karta + vzduch
  ------------------------------------------------------- */
  .navigation-in a[href*="prihlas"],
  .navigation-in a[href*="login"],
  .navigation-in a[href*="ucet"],
  .navigation-in a[href*="account"]{
    justify-content:flex-start !important;
    gap: 12px !important;

    margin-top: 14px !important;   /* <- odlepí od čáry/sekce */
    background:#ffffff !important;
    border: 1px solid rgba(0,0,0,.10) !important;
    border-radius: 16px !important;
  }

  .navigation-in a[href*="prihlas"]::before,
  .navigation-in a[href*="login"]::before,
  .navigation-in a[href*="ucet"]::before,
  .navigation-in a[href*="account"]::before{
    content:"👤";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 22px;
    min-width: 22px;
    height: 22px;
    font-size: 18px;
    line-height: 1;
    opacity: .9;
  }

  /* -------------------------------------------------------
     6) SKRÝT V MOBILNÍM MENU: Magnetky na míru + Novinky
  ------------------------------------------------------- */
  .navigation-in a[href="https://www.magnetworld.cz/magnetky-na-miru/"],
  .navigation-in a[href="/magnetky-na-miru/"],
  .navigation-in a[href="https://www.magnetworld.cz/novinky/"],
  .navigation-in a[href="/novinky/"]{
    display:none !important;
  }
}
/* =========================================================
   MagnetWorld – MOBILNÍ MENU
   FIX: vycentrování .submenu-arrow v bublině
========================================================= */

@media (max-width: 991px){

  /* aby se šipka centrovala vůči bublině */
  .navigation-in ul li > a{
    position: relative !important;
  }

  /* samotná šipka (Shoptet: submenu-arrow) */
  .navigation-in .submenu-arrow{
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    margin: 0 !important;
    line-height: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 100% !important;     /* ať se neměří podle textu */
  }

  /* když submenu-arrow přidává vlastní padding/šířku, sjednotíme */
  .navigation-in ul li > a{
    padding-right: 44px !important; /* místo pro šipku */
  }
}