/* 1) Mobil: cena a košík nad úvodní text na detailu produktu */
@media (max-width: 767px) {
  .type-detail .p-info-wrapper { display: flex; flex-direction: column; }
  .type-detail .p-info-wrapper > * { order: 2; }
  .type-detail .p-info-wrapper > .p-short-description { order: 3; margin-top: 16px; }
  .type-detail .p-info-wrapper > .social-buttons-wrapper { order: 4; }
  .type-detail .p-image-wrapper .p-image img { max-height: 220px; width: auto; margin: 0 auto; }
  .type-detail .p-image,
  .type-detail .p-image-wrapper { margin-bottom: 8px !important; }
}

/* 2) Čitelná tlačítka: tmavý text na oranžové */
.btn-primary, .btn-conversion, .btn-cart, .btn-default,
.btn-primary:hover, .btn-conversion:hover, .btn-cart:hover, .btn-default:hover,
.btn-primary:focus, .btn-conversion:focus, .btn-cart:focus, .btn-default:focus {
  color: #1a1a1a !important;
}
.btn-primary *, .btn-conversion *, .btn-cart *, .btn-default * { color: inherit !important; }
.btn-primary::before, .btn-conversion::before, .btn-cart::before, .btn-default::before {
  color: #1a1a1a !important;
}

/* 3) Čitelné odkazy v obsahu: tmavší oranžová */
.breadcrumbs a,
a.glossary,
a.shipping-options,
a.chevron-after,
.link-icon,
.p-detail a:not(.btn),
.p-short-description a,
.description-inner a {
  color: #a16800 !important;
}

/* 4) NOVÉ HORNÍ MENU – počítač: bílá lišta, tmavý text, žlutý akcent */
@media (min-width: 768px) {
  header::after {
    background: #fff !important;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 3px solid #f7b83a !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
  }
  header nav { border-top: 0 !important; border-bottom: 0 !important; }

  /* běžné položky */
  .navigation-in .menu-level-1 > li:not(.splitted) > a {
    color: #24242e !important;
    background: transparent !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    position: relative !important;
    z-index: 0;
  }
  .navigation-in .menu-level-1 > li:not(.splitted):hover > a,
  .navigation-in .menu-level-1 > li.exp > a {
    background: transparent !important;
    color: #24242e !important;
  }

  /* najetí myší: tmavá linka pod položkou (místo žlutého bloku a kosočtverce) */
  .navigation-in .menu-level-1 > li > a::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 13px !important; right: 13px !important;
    top: auto !important; bottom: 0 !important;
    width: auto !important; height: 3px !important;
    margin: 0 !important;
    transform: scaleX(0) !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #24242e !important;
    transition: transform .15s;
  }
  .navigation-in .menu-level-1 > li:not(.splitted):hover > a::after,
  .navigation-in .menu-level-1 > li.exp > a::after { transform: scaleX(1) !important; }
  .navigation-in .menu-level-1 > li.menu-item-5948 > a::after,
  .navigation-in .menu-level-1 > li.menu-item-3300 > a::after { display: none !important; }

  /* šipky: tmavé a jemné místo bílých */
  .navigation-in .menu-level-1 > li > a .submenu-arrow {
    display: inline-block !important;
    width: 12px !important;
    min-width: 0 !important;
    margin-left: 6px !important;
    padding: 0 !important;
  }
  .navigation-in .menu-level-1 > li > a .submenu-arrow::after { color: #24242e !important; opacity: .45; }

  /* „Co vás trápí?“ a „Akce“ jako zaoblená tlačítka */
  .navigation-in .menu-level-1 > li.menu-item-5948 > a,
  .navigation-in .menu-level-1 > li.menu-item-3300 > a,
  .navigation-in .menu-level-1 > li.menu-item-5948:not(.splitted):hover > a,
  .navigation-in .menu-level-1 > li.menu-item-3300:not(.splitted):hover > a {
    margin: 8px 4px !important;
    height: auto !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    color: #fff !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-5948 > a { background: #ff6a1a !important; }
  .navigation-in .menu-level-1 > li.menu-item-5948:not(.splitted):hover > a { background: #e8541f !important; }
  .navigation-in .menu-level-1 > li.menu-item-3300 > a { background: #d90429 !important; }
  .navigation-in .menu-level-1 > li.menu-item-3300:not(.splitted):hover > a { background: #b00020 !important; }
  .navigation-in .menu-level-1 > li.menu-item-5948 > a .submenu-arrow::after,
  .navigation-in .menu-level-1 > li.menu-item-3300 > a .submenu-arrow::after { color: #fff !important; opacity: .8; }

  /* telefon a e-mail v horní liště: čitelná tmavší oranžová */
  span.tel, span.mail { color: #a16800 !important; }

  /* srdíčko s popiskem „Oblíbené“ jako ostatní ikony */
  #dkLabFavHeaderIconBtn::before { top: -14px; }
  #dkLabFavHeaderIconBtn::after {
    content: "Oblíbené";
    position: absolute;
    left: -10px; right: -10px; bottom: 29px;
    text-align: center;
    font: 700 13px "Nunito Sans", sans-serif;
    color: #24242e;
    white-space: nowrap;
  }

  /* ikona ☰ vpravo: tmavá na bílém */
  .menu-helper { background: #fff !important; }
  .menu-helper::after { color: #24242e !important; }
}

/* 5) NOVÉ MENU – telefon: čisté bílé řádky, zvýraznění barvou textu a proužkem vlevo */
@media (max-width: 767px) {
  .navigation-in .menu-level-1 > li.menu-item-5948 > a,
  .navigation-in .menu-level-1 > li.menu-item-3300 > a {
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: inset 4px 0 0 currentColor !important;
  }
  .navigation-in .menu-level-1 > li.menu-item-5948 > a { color: #c93a00 !important; }
  .navigation-in .menu-level-1 > li.menu-item-3300 > a { color: #d90429 !important; }
}

/* 6) Okno přihlášení: tlačítko × pro zavření (vkládá ho skript v Zápatí) */
#login .nv-x {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  width: 40px; height: 40px; padding: 0;
  border: 0; border-radius: 50%;
  background: #f1f1f4; color: #24242e;
  font: 400 26px/40px sans-serif; text-align: center;
  cursor: pointer; transition: background .15s, color .15s;
}
#login .nv-x:hover { background: #24242e; color: #fff; }
@media (max-width: 767px) { #login .nv-x { top: 8px; right: 12px; } }

/* 7) Mobil: ikony v hlavičce – stejná barva, velikost, rozestupy a větší plocha pro prst */
@media (max-width: 767px) {
  /* e-mailová ikona se překrývala se srdíčkem – na mobilu ji skryjeme (e-mail je v patičce) */
  .top-navigation-contacts .project-email { display: none !important; }

  .responsive-tools .project-phone,
  .responsive-tools [data-target=login],
  #dkLabFavHeaderWrapper,
  .navigation-buttons .cart-count {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    right: auto !important;
    color: #24242e !important;
  }
  /* rozmístění zprava: srdíčko, telefon, účet, košík, menu */
  #dkLabFavHeaderWrapper                  { left: calc(100% - 229px) !important; }
  .responsive-tools .project-phone        { left: calc(100% - 185px) !important; top: 6px !important; }
  .responsive-tools [data-target=login]   { left: calc(100% - 141px) !important; top: 6px !important; }
  .navigation-buttons .cart-count         { left: calc(100% - 97px) !important; transform: translateY(4px); }
  #dkLabFavHeaderWrapper #dkLabFavHeaderIconBtn {
    width: 44px !important; height: 44px !important;
    display: flex !important; align-items: center; justify-content: center;
    transform: translateY(-2px) !important;
  }

  /* jednotná tmavá barva a velikost ikon */
  .responsive-tools .project-phone::before,
  .responsive-tools [data-target=login]::before,
  .navigation-buttons .cart-count::before {
    color: #24242e !important;
    font-size: 24px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  .responsive-tools [data-target=navigation],
  .responsive-tools [data-target=navigation]::before,
  .responsive-tools [data-target=navigation]::after { color: #24242e !important; }

  /* srdíčko: čistá obrysová ikona místo původního znaku */
  #dkLabFavHeaderIconBtn::before {
    content: "" !important;
    position: static !important;
    width: 27px; height: 27px;
    font-size: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324242e' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2z'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}

/* 8) Košík: tlačítko POKRAČOVAT hned pod zbožím (dlouhý blok „Něco navíc?“ až pod ním) */
@media (max-width: 767px) {
  .cart-row { display: flex !important; flex-direction: column; }
  .cart-row > .col-md-8,
  .cart-row > .col-md-8 > .cart-content { display: contents !important; }
  .cart-row > .cart-header      { order: 1; }
  .cart-row .cart-table         { order: 2; }
  .cart-row > .sidebar-in-cart  { order: 3; width: 100% !important; float: none !important; }
  .cart-row .cart-summary       { order: 4; }
  .cart-row .fvDoplnek-upsell   { order: 5; }
}
@media (min-width: 768px) {
  /* souhrn a POKRAČOVAT nahoru, box „Potřebujete pomoc?“ pod ně */
  .sidebar-in-cart { display: flex !important; flex-direction: column; }
  .sidebar-in-cart > .summary-wrapper      { order: 1; }
  .sidebar-in-cart > .next-step-back       { order: 2; }
  .sidebar-in-cart > .checkout-box-wrapper { order: 3; margin-top: 16px; }
}

/* 9) Kategorie na mobilu: podkategorie jako posuvné „pilulky“ (produkty začínají o ~1 000 px výš) */
@media (max-width: 767px) {
  ul.subcategories {
    display: flex !important; flex-wrap: nowrap !important;
    overflow-x: auto; gap: 8px;
    margin: 0 -16px 12px !important; padding: 2px 16px 8px !important;
    scrollbar-width: none; list-style: none;
  }
  ul.subcategories::-webkit-scrollbar { display: none; }
  ul.subcategories > li { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; float: none !important; }
  ul.subcategories > li > a {
    display: flex !important; align-items: center; gap: 8px;
    height: 44px !important; min-height: 0 !important;
    padding: 4px 14px 4px 4px !important;
    border: 1px solid #e6e6ea !important; border-radius: 999px !important;
    background: #fff !important; box-shadow: none !important;
    white-space: nowrap; font-size: 14px !important; font-weight: 700; color: #24242e !important;
  }
  ul.subcategories > li > a .image {
    width: 34px !important; height: 34px !important; flex: none;
    border-radius: 50%; overflow: hidden; margin: 0 !important;
    display: flex !important; align-items: center; justify-content: center; background: #f6f6f7;
  }
  ul.subcategories > li > a .image img { width: 100% !important; height: 100% !important; object-fit: contain; }
  ul.subcategories > li > a .text {
    padding: 0 !important; margin: 0 !important; font-size: 14px !important; line-height: 1 !important;
    max-width: none !important; width: auto !important; overflow: visible !important; white-space: nowrap !important;
  }
}