/* =========================================================
   WORKA.CZ – TOPBAR V12 MINIMAL FIX
   Cíl:
   - NECHAT původní levé menu úplně beze změny
   - NECHAT původní rozbalovací chování
   - pouze přesunout kontakty doprava
   - sjednotit vzhled kontaktů
   - bez zásahu do hlavní hlavičky, Luigi's Boxu a menu kategorií
   ========================================================= */

@media screen and (min-width: 1100px) {

  .top-navigation-bar {
    position: relative !important;
    background: #0a0a0a !important;
    border-bottom: 1px solid #202020 !important;
  }

  .top-navigation-bar > .container {
    position: relative !important;
  }

  /* LEVÉ MENU:
     záměrně žádné width, margin-right, flex, order ani display zásahy */

  /* KONTAKTY VPRAVO */
  .top-navigation-contacts {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    z-index: 20 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: #fff !important;
  }

  .top-navigation-contacts strong {
    display: none !important;
  }

  .top-navigation-contacts .project-phone,
  .top-navigation-contacts .project-email {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    vertical-align: middle !important;
  }

  /* TELEFON */
  .top-navigation-contacts .project-phone {
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* ČAS */
  .top-navigation-contacts .project-phone::after {
    content: "Po–Pá 7:00–15:00";
    display: inline-block !important;
    margin-left: 16px !important;
    padding-left: 16px !important;
    border-left: 1px solid rgba(255,255,255,.22) !important;

    color: #d0d0d0 !important;
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  /* E-MAIL */
  .top-navigation-contacts .project-email {
    display: inline-block !important;
    margin-left: 16px !important;
    padding-left: 16px !important;
    border-left: 1px solid rgba(255,255,255,.22) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
  }

  /* vlastní jednoduchá obálka přes CSS – bez fontového glyphu */
  .top-navigation-contacts .project-email::before {
    content: "" !important;
    display: inline-block !important;
    width: 13px !important;
    height: 9px !important;
    margin-right: 7px !important;
    vertical-align: -1px !important;
    border: 1.5px solid #cfd2d5 !important;
    border-radius: 1px !important;
    box-sizing: border-box !important;
    background:
      linear-gradient(135deg, transparent 47%, #cfd2d5 48%, #cfd2d5 53%, transparent 54%) left top/50% 100% no-repeat,
      linear-gradient(225deg, transparent 47%, #cfd2d5 48%, #cfd2d5 53%, transparent 54%) right top/50% 100% no-repeat !important;
  }

  .top-navigation-contacts .project-email::after,
  .top-navigation-contacts .project-email span::before,
  .top-navigation-contacts .project-email span::after {
    content: none !important;
    display: none !important;
  }

  .top-navigation-contacts .project-phone:hover,
  .top-navigation-contacts .project-email:hover {
    color: #72cf8a !important;
  }
}


/* Na užších šířkách nic nepřesouváme.
   Shoptet si použije svůj původní responzivní layout. */
@media screen and (max-width: 1099px) {

  .top-navigation-contacts {
    position: static !important;
    transform: none !important;
  }

  .top-navigation-contacts .project-phone::after,
  .top-navigation-contacts .project-email {
    display: none !important;
  }
}