
/* =========================================================
   OBLEČENÍ – nový světlý design jako Kontakty / Zákony
   ========================================================= */
#page-about-obleceni{
    width:100% !important; max-width:none !important; margin:0 !important; padding:0 0 70px !important; background:#f4f6f9 !important; color:#17384f !important;
}
#page-about-obleceni .clothing-contact-hero{
    width:100% !important; margin:0 0 34px !important; padding:38px 0 34px !important; border:0 !important; border-bottom:3px solid #ffd400 !important; border-radius:0 !important; background:#071d3a !important; box-shadow:none !important;
}
#page-about-obleceni .clothing-contact-hero-inner{
    width:min(1260px,calc(100% - 48px)) !important; margin:0 auto !important;
}
#page-about-obleceni .clothing-contact-hero small{display:flex !important;align-items:center !important;gap:7px !important;margin:0 0 14px !important;color:#b9c9d9 !important;font-size:.82rem !important}
#page-about-obleceni .clothing-contact-hero small a{color:#b9c9d9 !important;text-decoration:none !important}
#page-about-obleceni .clothing-contact-hero small a:hover{color:#fff !important;text-decoration:underline !important}
#page-about-obleceni .clothing-contact-hero h2{margin:0 !important;color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-size:clamp(1.5rem,2.5vw,1.9rem) !important;font-weight:700 !important;text-transform:none !important}
#page-about-obleceni .clothing-contact-hero h2 .edit-node{color:inherit !important}
#page-about-obleceni .clothing-catalog-content{width:min(1260px,calc(100% - 48px)) !important;margin:0 auto !important}
#page-about-obleceni .clothing-catalog-intro{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:24px;border:1px solid #d7e1e8;border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(20,55,78,.04)}
#page-about-obleceni .clothing-kicker{display:block;margin-bottom:6px;color:#006db4;font-size:.68rem;font-weight:850;letter-spacing:.6px}
#page-about-obleceni .clothing-catalog-intro h3{margin:0 0 6px !important;color:#08243e !important;font-size:1.12rem !important}
#page-about-obleceni .clothing-catalog-intro p{margin:0 !important;color:#5d7384 !important;font-size:.8rem !important;line-height:1.55 !important}
#page-about-obleceni .uniform-category{margin:0 0 28px !important}
#page-about-obleceni .uniform-category-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #e1e8ed}
#page-about-obleceni .uniform-category-head span{display:block;margin-bottom:3px;color:#006db4;font-size:.64rem;font-weight:850;letter-spacing:.55px}
#page-about-obleceni .uniform-category-head h4{margin:0 !important;color:#08243e !important;font-size:1rem !important;font-weight:850 !important}
.uniform-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.uniform-catalog-grid-single{grid-template-columns:minmax(0,620px) !important}

/* Stejný nový vzhled karet všude na webu */
#page-about-obleceni .pj-clothing-card,
#pj-tab-obleceni .pj-clothing-card,
#dd-tab-obleceni .pj-clothing-card,
#od-tab-obleceni .pj-clothing-card,
#instr-tab-obleceni .pj-clothing-card,
#internal-panel-obleceni .pj-clothing-card{
    align-self:start !important;overflow:hidden !important;border:1px solid #ccd9e2 !important;border-radius:10px !important;background:#fff !important;color:#17384f !important;box-shadow:0 4px 12px rgba(20,55,78,.045) !important;transform:none !important;
}
#page-about-obleceni .pj-clothing-card:hover,
#pj-tab-obleceni .pj-clothing-card:hover,
#dd-tab-obleceni .pj-clothing-card:hover,
#od-tab-obleceni .pj-clothing-card:hover,
#instr-tab-obleceni .pj-clothing-card:hover,
#internal-panel-obleceni .pj-clothing-card:hover{border-color:#a8c5d6 !important;box-shadow:0 8px 20px rgba(20,55,78,.075) !important;transform:translateY(-2px) !important}
#page-about-obleceni .pj-clothing-card-header,
#pj-tab-obleceni .pj-clothing-card-header,
#dd-tab-obleceni .pj-clothing-card-header,
#od-tab-obleceni .pj-clothing-card-header,
#instr-tab-obleceni .pj-clothing-card-header,
#internal-panel-obleceni .pj-clothing-card-header{padding:13px 15px !important;border-bottom:1px solid #dbe4ea !important;background:#f3f6f8 !important}
#page-about-obleceni .pj-clothing-card-title,
#pj-tab-obleceni .pj-clothing-card-title,
#dd-tab-obleceni .pj-clothing-card-title,
#od-tab-obleceni .pj-clothing-card-title,
#instr-tab-obleceni .pj-clothing-card-title,
#internal-panel-obleceni .pj-clothing-card-title{color:#08243e !important;font-family:'Plus Jakarta Sans',sans-serif !important;font-size:.82rem !important;font-weight:850 !important}
#page-about-obleceni .pj-clothing-card-badge,
#pj-tab-obleceni .pj-clothing-card-badge,
#dd-tab-obleceni .pj-clothing-card-badge,
#od-tab-obleceni .pj-clothing-card-badge,
#instr-tab-obleceni .pj-clothing-card-badge,
#internal-panel-obleceni .pj-clothing-card-badge{border:1px solid #b9d7e6 !important;background:#e9f5fb !important;color:#006fae !important;font-size:.58rem !important}
#page-about-obleceni .pj-clothing-visual,
#pj-tab-obleceni .pj-clothing-visual,
#dd-tab-obleceni .pj-clothing-visual,
#od-tab-obleceni .pj-clothing-visual,
#instr-tab-obleceni .pj-clothing-visual,
#internal-panel-obleceni .pj-clothing-visual{height:360px !important;padding:14px !important;border-bottom:1px solid #dbe4ea !important;background:linear-gradient(180deg,#f6f8fa,#edf2f5) !important}
#page-about-obleceni .pj-clothing-image,
#pj-tab-obleceni .pj-clothing-image,
#dd-tab-obleceni .pj-clothing-image,
#od-tab-obleceni .pj-clothing-image,
#instr-tab-obleceni .pj-clothing-image,
#internal-panel-obleceni .pj-clothing-image{object-fit:contain !important;filter:drop-shadow(0 12px 10px rgba(20,37,50,.16)) !important}
#page-about-obleceni .pj-clothing-details summary,
#pj-tab-obleceni .pj-clothing-details summary,
#dd-tab-obleceni .pj-clothing-details summary,
#od-tab-obleceni .pj-clothing-details summary,
#instr-tab-obleceni .pj-clothing-details summary,
#internal-panel-obleceni .pj-clothing-details summary{padding:12px 15px !important;background:#fff !important;color:#17384f !important;border:0 !important;font-size:.7rem !important;font-weight:850 !important}
#page-about-obleceni .pj-clothing-details summary i,
#pj-tab-obleceni .pj-clothing-details summary i,
#dd-tab-obleceni .pj-clothing-details summary i,
#od-tab-obleceni .pj-clothing-details summary i,
#instr-tab-obleceni .pj-clothing-details summary i,
#internal-panel-obleceni .pj-clothing-details summary i{color:#006db4 !important}
#page-about-obleceni .pj-clothing-details[open] summary,
#pj-tab-obleceni .pj-clothing-details[open] summary,
#dd-tab-obleceni .pj-clothing-details[open] summary,
#od-tab-obleceni .pj-clothing-details[open] summary,
#instr-tab-obleceni .pj-clothing-details[open] summary,
#internal-panel-obleceni .pj-clothing-details[open] summary{background:#ffd400 !important;color:#071d33 !important}
#page-about-obleceni .pj-clothing-details[open] summary i,
#pj-tab-obleceni .pj-clothing-details[open] summary i,
#dd-tab-obleceni .pj-clothing-details[open] summary i,
#od-tab-obleceni .pj-clothing-details[open] summary i,
#instr-tab-obleceni .pj-clothing-details[open] summary i,
#internal-panel-obleceni .pj-clothing-details[open] summary i{color:#071d33 !important}
#page-about-obleceni .pj-clothing-specs,
#pj-tab-obleceni .pj-clothing-specs,
#dd-tab-obleceni .pj-clothing-specs,
#od-tab-obleceni .pj-clothing-specs,
#instr-tab-obleceni .pj-clothing-specs,
#internal-panel-obleceni .pj-clothing-specs{padding:2px 15px 14px !important;background:#fff !important}
#page-about-obleceni .pj-clothing-specs li,
#pj-tab-obleceni .pj-clothing-specs li,
#dd-tab-obleceni .pj-clothing-specs li,
#od-tab-obleceni .pj-clothing-specs li,
#instr-tab-obleceni .pj-clothing-specs li,
#internal-panel-obleceni .pj-clothing-specs li{padding:7px 0 !important;border-bottom:1px solid #e4eaee !important;color:#526b7d !important;font-size:.67rem !important}
#page-about-obleceni .pj-clothing-specs strong,
#pj-tab-obleceni .pj-clothing-specs strong,
#dd-tab-obleceni .pj-clothing-specs strong,
#od-tab-obleceni .pj-clothing-specs strong,
#instr-tab-obleceni .pj-clothing-specs strong,
#internal-panel-obleceni .pj-clothing-specs strong{color:#08243e !important}
.uniform-card-note{padding:10px 13px;border-bottom:1px solid #ead16b;background:#fff8d7;color:#665400;font-size:.65rem;line-height:1.45}
.uniform-card-note i{margin-right:6px;color:#b98c00}

/* Dva obrázky v jedné instruktorské uniformě */
.clothing-dual-view{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;align-items:stretch !important}
.clothing-view{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:24px 6px 6px;border:1px solid #dbe4ea;border-radius:8px;background:#f9fbfc;overflow:hidden}
.clothing-view .pj-clothing-image{width:100% !important;height:100% !important}
.clothing-view-label{position:absolute;left:8px;top:7px;z-index:2;padding:3px 7px;border-radius:999px;background:#e9f5fb;color:#006fae;font-size:.56rem;font-weight:850;text-transform:uppercase}
.clothing-image-placeholder{width:100%;height:100%;place-items:center;align-content:center;gap:5px;color:#7690a0;text-align:center}
.clothing-image-placeholder i{font-size:1.3rem;color:#8fb4c8}
.clothing-image-placeholder span{font-size:.7rem;font-weight:800;color:#557083}
.clothing-image-placeholder small{font-size:.55rem;color:#8aa0ae}

/* Vnitřní evidence dostane třetí kartu */
#internal-panel-obleceni .inspector-clothing-grid{grid-template-columns:repeat(2,minmax(0,360px)) !important;gap:14px !important}
#internal-panel-obleceni .inspector-standard-clothing-card{max-width:360px !important}
#internal-panel-obleceni .inspector-standard-clothing-visual{height:420px !important}

/* Oddělení – nové světlé oblečení, bez starého tmavého vzhledu */
:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni){color:#17384f !important}
:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni) > h4{color:#08243e !important;font-family:'Plus Jakarta Sans',sans-serif !important}
:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni) .pj-section-intro{color:#61798a !important}
:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni) .pj-clothing-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px !important;align-items:start !important}

@media(max-width:1050px){
    .uniform-catalog-grid,:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni) .pj-clothing-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    #internal-panel-obleceni .inspector-clothing-grid{grid-template-columns:repeat(2,minmax(0,360px)) !important}
}
@media(max-width:720px){
    #page-about-obleceni .clothing-contact-hero{padding:30px 0 27px !important;margin-bottom:26px !important}
    #page-about-obleceni .clothing-contact-hero-inner,#page-about-obleceni .clothing-catalog-content{width:calc(100% - 32px) !important}
    .uniform-catalog-grid,.uniform-catalog-grid-single,:is(#pj-tab-obleceni,#dd-tab-obleceni,#od-tab-obleceni,#instr-tab-obleceni) .pj-clothing-grid,#internal-panel-obleceni .inspector-clothing-grid{grid-template-columns:1fr !important}
    #page-about-obleceni .pj-clothing-visual,#pj-tab-obleceni .pj-clothing-visual,#dd-tab-obleceni .pj-clothing-visual,#od-tab-obleceni .pj-clothing-visual,#instr-tab-obleceni .pj-clothing-visual,#internal-panel-obleceni .pj-clothing-visual{height:330px !important}
    .clothing-dual-view{grid-template-columns:1fr !important;height:auto !important}
    .clothing-view{min-height:300px}
}
