/* ══════════════════════════════════════════
   ARMY-SURPLUS.CZ — Návrh CSS
   Vložit do: Shoptet › Vlastní CSS
   ══════════════════════════════════════════ */


/* OPRAVA — animace nesmí být na #header */

#header,
.header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #d4cbb8 !important;
    box-shadow: 0 1px 4px rgba(26, 31, 21, .07) !important;
    /* animation: odebráno — rozbíjelo stacking context menu */
}

#header {
    opacity: 0;
    transition: opacity 0.3s ease !important;
}

#header.loaded {
    opacity: 1;
}


/* ── UTILITY BAR ──────────────────────────── */

.header-top {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e8e2d8 !important;
    color: #6b7460 !important;
    font-size: 14px !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.header-top-inner {
    max-width: 1418px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: none !important;
}

.header-top a {
    color: #6b7460 !important;
}

.header-top a:hover {
    color: #4a5c2a !important;
}


/* ── NAVIGACE ─────────────────────────────── */

.navigation-wrapper {
    width: 100% !important;
    padding: 0px !important;
    margin: 0 auto;
}

.search {
    width: min(100%, 600px) !important;
    flex: 1 !important;
    margin: 0 clamp(.5rem, 2vw, 1.5rem) !important;
}

.search input {
    width: 100% !important;
}

.fitted .navigation-in ul {
    justify-content: center !important;
}

.navigation-in {
    background-color: #ffffff !important;
}

.navigation-in>ul>li>a>b {
    color: #3d4a2e !important;
    transition: color .2s !important;
    font-weight: 700 !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.navigation-in>ul>li>a:hover>b {
    color: #c8a96e !important;
}

.navigation-in>ul>li.active>a>b,
.navigation-in>ul>li>a.active>b {
    color: #c8a96e !important;
}

.navigation-in>ul>li {
    border-left: transparent !important;
}


/* ── TOP NAV BAR ──────────────────────────── */

.top-navigation-bar {
    background-color: #f9f6f0 !important;
}

.top-navigation-contacts {
    background-color: #f9f6f0 !important;
}

.top-navigation-menu {
    background-color: #f9f6f0 !important;
}

.top-navigation-tools.top-navigation-tools--language {
    background-color: #f9f6f0 !important;
}


/* ── PRODUKTY ─────────────────────────────── */

.p-bottom {
    line-height: normal !important;
}

.products-block .p {
    margin-bottom: 10px;
    border: 1px solid #d4cbb8;
    border-radius: 12px;
    padding: 10px;
}

.products-block:hover .p:hover {
    border-color: #6b7f40;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(74, 92, 42, .12);
}

.products>div {
    border-color: transparent !important;
}


/* ── HOMEPAGE NADPISY ─────────────────────── */

.homepage-group-title::before,
h4.homepage-group-title::before,
.h4.homepage-group-title::before,
h2.homepage-group-title::before,
.h2.homepage-group-title::before {
    display: none !important;
}

.homepage-group-title::after,
h4.homepage-group-title::after,
.h4.homepage-group-title::after,
h2.homepage-group-title::after,
.h2.homepage-group-title::after {
    content: "" !important;
    font-family: inherit !important;
    display: block !important;
    flex: 1 !important;
    height: 1px !important;
    background-color: #d4cbb8 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

[class*="homepage-group-title"],
[class*="indented"] {
    display: flex !important;
    align-items: center !important;
}

.h4.homepage-group-title,
h4.homepage-group-title {
    text-align: left !important;
    color: #6b7460 !important;
}

.h2.homepage-group-title,
h2.homepage-group-title {
    text-align: left !important;
    color: #6b7460 !important;
}


/* ── TLAČÍTKA ─────────────────────────────── */

.btn.btn-primary,
a.btn.btn-primary {
    background-color: #4a7a1e !important;
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #5a9022 !important;
}


/* ── OVERALL WRAPPER — nesmí blokovat menu ── */

.overall-wrapper::before,
.overall-wrapper::after {
    content: none !important;
}


/* ── FONTY — ZÁKLADNÍ RESET ───────────────── */


/* TEST: div a li odstraněny, mohly rozbíjet menu */

body,
p,
span,
td,
th,
input,
select,
textarea {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 400 !important;
}


/* ── NADPISY ──────────────────────────────── */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

h1 {
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    line-height: 1.05 !important;
}

h2 {
    letter-spacing: .03em !important;
}

h3,
h4,
h5,
h6 {
    letter-spacing: .06em !important;
}

.category-list-title,
.cat-group-label,
[class*="label"]:not(#categories [class*="label"]),
[class*="title"]:not(h1):not(h2):not(#categories [class*="title"]) {
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}


/* ── TLAČÍTKA FONT ─────────────────────────── */

button,
.btn,
[class*="btn"],
[class*="buy"] {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}


/* Náhrada — konkrétní selektory bez wildcard */

button,
.btn,
.btn-primary,
.btn-default,
.btn-buy,
.buy-btn,
.p-detail-buy-btn,
.btn-add-to-cart {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}


/* ── SIDEBAR KATEGORIE — výrazné odlišení úrovní ──
   Princip: .topic = KATEGORIE (výrazná),
   cokoliv v <ul> pod ní = podkategorie (potlačená).
   Hloubka se pozná odsazením, ne jiným stylem —
   to řeší i větve s 3 úrovněmi (Dalekohledy).      */


/* KATEGORIE (topic > a) — výrazná, čitelný font */

#categories .categories>.topic>a {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: .005em !important;
    font-size: 16px !important;
    color: #2f3a22 !important;
    padding: 12px 14px !important;
    line-height: 1.25 !important;
    border-bottom: 1px solid #e8e2d8 !important;
}

#categories .categories>.topic>a:hover {
    color: #c8a96e !important;
}

#categories .categories>.topic.child-active>a,
#categories .categories.active>.topic>a {
    color: #4a5c2a !important;
}


/* jemný podklad pod celou rozbalenou kategorií */

#categories .categories>ul {
    background-color: #f4f1e9 !important;
    padding: 4px 0 6px !important;
}


/* PODKATEGORIE — všechny <a> uvnitř ul, bez ohledu na hloubku */

#categories .categories>ul li>a {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13.5px !important;
    color: #6b7460 !important;
    line-height: 1.3 !important;
    position: relative !important;
}

#categories .categories>ul li>a:hover {
    color: #4a5c2a !important;
    background-color: #ece7db !important;
}


/* odsazení podle hloubky */

#categories .categories>ul>li>a {
    padding: 7px 14px 7px 30px !important;
}


/* L2 */

#categories .categories>ul>li>ul>li>a {
    padding: 6px 14px 6px 44px !important;
    color: #8a8f7e !important;
    font-size: 13px !important;
}


/* L3 */

#categories .categories>ul>li>ul>li>ul>li>a {
    padding-left: 58px !important;
}


/* L4 pro jistotu */


/* pomlčka před každou podkategorií */

#categories .categories>ul li>a::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 7px !important;
    height: 1px !important;
    background-color: #c8a96e !important;
}

#categories .categories>ul>li>a::before {
    left: 18px !important;
}

#categories .categories>ul>li>ul>li>a::before {
    left: 32px !important;
    background-color: #d4c199 !important;
}

#categories .categories>ul>li>ul>li>ul>li>a::before {
    left: 46px !important;
}


/* rozbalovací šipka */

#categories .cat-trigger {
    opacity: .45 !important;
}

#categories .expanded>.topic>a .cat-trigger,
#categories li.expanded>a .cat-trigger {
    opacity: .85 !important;
}


/* ══════════════════════════════════════
   CENY
   ══════════════════════════════════════ */

[class*="price"],
[class*="recap"],
.payment-shipping-price {
    font-family: 'Barlow Condensed', sans-serif !important;
    color: #1a1f15 !important;
    letter-spacing: .02em !important;
}

.price-wrapper .price.price-primary,
.price.price-primary,
.price-final,
.price-final-holder,
.recapFullPrice {
    font-weight: 700 !important;
}

.cart-item-price,
.cart-item-price strong.price-final,
.cart-item-price span.price-final-holder,
.recapItemTotalPrice,
.recapItemPrice,
.payment-shipping-price,
.header-top .btn.cart-count .cart-price {
    font-weight: 600 !important;
}

.price.price-secondary,
.price-additional,
.price-measure,
.recapFullPriceNoVat {
    font-weight: 400 !important;
    color: #6b7460 !important;
}


/* ── CAROUSEL ─────────────────────────────── */

.carousel,
.carousel-inner {
    border-radius: 12px;
    border: 1px solid #d4cbb8;
}


/* ── SIDEBAR BOXY ─────────────────────────── */

.box-bg-variant .categories a {
    color: #4a5c2a !important;
}

.box.box-bg-variant {
    background-color: #f9f6f0 !important;
    border: 1px solid #d4cbb8 !important;
}

.sidebar-inner>div.box.box-categories {
    padding: 20px !important;
}

#categories .categories:nth-child(-n+5) {
    background-color: #f9f6f0 !important;
}

.box.box-bg-default {
    background-color: #f9f6f0;
    /*border: 1px solid #d4cbb8 ;*/
}

#content-wrapper>div>aside>div>div.box.box-bg-default.box-sm.box-topProducts>div>ol>li>a.top-products-content>span {
    color: #4a5c2a !important;
}

.top-products-content strong {
    color: black !important;
}


/* aktivní / hover — zvýraznění, nepřebíjí typografii úrovní */

#categories .categories .topic.active>a,
#categories .categories li.active>a,
#categories .categories li.active>a:hover {
    background-color: #e8f0da !important;
    color: #4a5c2a !important;
    border-left: 3px solid #4a5c2a !important;
}

ol.top-products li a .top-products-name {
    color: #4a5c2a !important;
}


/* ── FILTRY ───────────────────────────────── */

.filter-sections,
.filters-wrapper {
    padding: 15px !important;
}


/*
:where(.ums_forms_redesign--off) input[type=checkbox]+label,
:where(.ums_forms_redesign--off) input[type=radio]+label { color: white !important; }*/

#filters>div.filter-sections>div.filter-section.filter-section-button>a {
    color: white !important;
}

.filter-total-count {
    color: white !important;
}

[data-testid="labelAvailability"]::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #009901;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    animation: pulse-green 2s ease-in-out infinite;
}

@keyframes pulse-green {
    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(0, 153, 1, 0.6);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(0, 153, 1, 0);
    }
}


/* ── BREAKPOINTS ──────────────────────────── */

@media (min-width: 1440px) {}

@media (min-width: 1200px) {}

@media (min-width: 992px) {}

@media (min-width: 768px) {}