/* 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;
    transition: background .15s;
  }
  .navigation-in .menu-level-1 > li:not(.splitted):hover > a {
    background: #fff4d6 !important;
    color: #24242e !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; }

  /* bez žlutého „kosočtverce“ pod rozbalenou položkou */
  .navigation-in .menu-level-1 > li > a::after { display: none !important; }

  /* 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; }
}