/* ========== LAZEBNICE.CZ - CUSTOM STYLES v1.1 ========== */

/* ===== 0. TYPOGRAFIE (MANROPE = TEXT, PT SERIF = NADPISY) ===== */
:root{
  --font-body:"Manrope",sans-serif;
  --font-headings:"PT Serif",serif;
}

/* default pro celý web */
html,body{font-family:var(--font-body)!important}

/* běžné texty + UI */
p,li,span,small,strong,em,a,label,
input,textarea,select,button{
  font-family:var(--font-body)!important;
}

/* nadpisy obecně */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-headings)!important;
}

/* ===== 1. HEADER - FIXED + POZADÍ ===== */
#header{position:fixed;top:0;left:0;right:0;z-index:100;background:#6E6259;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:.3s}
#header.is-scrolled{background:rgba(110,98,89,.95);box-shadow:0 8px 24px rgba(0,0,0,.22)}

/* ===== 2. VŠECHNY VNITŘNÍ PRVKY PRŮHLEDNÉ ===== */
#header .header-top,#header .header-top .container,#header #navigation,#header #navigation .navigation-in,#header #navigation .navigation-in>ul,#header .navigation-buttons,#header .navigation-buttons a,#header .navigation-wrapper,#header .top-navigation-tools,#header .top-navigation-tools>div{background:transparent!important}

/* ===== 4. NAVIGATION - LAYOUT ===== */
#header .navigation-wrapper{display:flex!important;align-items:center!important}
#header #navigation{flex:1 1 auto!important;min-width:0!important}
#header #navigation .navigation-in{width:100%!important}
#header #navigation .navigation-in>ul.menu-level-1{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important}
#header b,#header strong{font-weight:400!important}

/* Logo velikost a pozice - MOBIL (0-479px) */
#header .site-name{padding-left:15px!important}
#header .site-name a img[src*="lazebnice_logo"]{transform:scale(1.0)!important;transform-origin:center!important}

/* Logo velikost - TABLET (480-991px) */
@media(min-width:480px){
#header .site-name{padding-left:0!important}
#header .site-name a img[src*="lazebnice_logo"]{transform:scale(1.1)!important}
}

/* Logo velikost - DESKTOP (992px+) */
@media(min-width:992px){
#header .site-name a img[src*="lazebnice_logo"]{transform:scale(1.2)!important}
}


/* ===== 5. SUBMENU (DROPDOWN) - DESKTOP ===== */
@media(min-width:992px){
#header #navigation .navigation-in ul.menu-level-2{background:rgba(110,98,89,.98)!important;padding:14px 10px!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important;margin-top:10px!important;min-width:240px;position:absolute!important;border:0!important;outline:0!important;transform:translateY(6px);opacity:0;transition:opacity .18s ease,transform .18s ease}
#header #navigation .navigation-in ul.menu-level-2:before{content:"";position:absolute;top:-8px;left:26px;width:14px;height:14px;background:rgba(110,98,89,.98);transform:rotate(45deg);box-shadow:-6px -6px 18px rgba(0,0,0,.18)!important;border:0!important;outline:0!important}
#header #navigation .navigation-in>ul>li:hover>ul.menu-level-2{opacity:1;transform:translateY(0)}
#header #navigation .navigation-in ul.menu-level-2 li{padding:0!important;text-align:left!important;border:0!important;outline:0!important}
#header #navigation .navigation-in ul.menu-level-2 a{background:transparent!important;color:rgba(255,255,255,.92)!important;border:0!important;outline:0!important;white-space:nowrap!important;padding:10px 14px!important;display:block!important;font-size:15px!important;letter-spacing:.02em!important;border-radius:8px!important;transition:.2s;font-family:var(--font-body)!important}
#header #navigation .navigation-in ul.menu-level-2 a:hover{background:rgba(255,255,255,.08)!important;color:#C99F50!important}
#header #navigation .navigation-in ul.menu-level-2 li+li a{border-top:1px solid rgba(255,255,255,.08)}
#header #navigation .navigation-in ul.menu-level-2 li+li a:hover{border-top-color:transparent}
}


/* ===== 6. NAVIGATION - MOBILE ===== */
@media(max-width:991px){
#header .navigation-wrapper{flex-wrap:nowrap!important}
#navigation{background:rgba(110,98,89,.98)!important;padding-top:60px!important}
#navigation .menu-helper>span,#navigation .navigation-in a,#navigation .menu-level-2 a{color:#fff!important}
#navigation .navigation-in a{background:transparent!important;padding:16px 24px!important;display:block!important;border-bottom:1px solid rgba(255,255,255,.1)!important;transition:.2s!important;font-family:var(--font-body)!important}
#navigation .navigation-in a:hover{background:rgba(255,255,255,.08)!important}
#header #navigation .navigation-in>ul.menu-level-1{display:block!important}
#header #navigation .navigation-in>ul.menu-level-1>li{display:block!important;width:100%!important}
#header #navigation{height:auto!important;max-height:52vh!important;max-width:55vw!important;background:rgba(110,98,89,.98)!important}
#header .site-name img{max-height:110px!important}
#header .navigation-close,#header .menu-helper{z-index:101!important;position:relative!important;cursor:pointer!important}
#header .navigation-close,#header .navigation-close *{color:#fff!important;fill:#fff!important;stroke:#fff!important}
body:not(.navigation-is-open){overflow:auto!important;position:static!important}
}

/* ===== 7. HERO BANNER ===== */
body:not(.in-index) .overall-wrapper{padding-top:120px!important}
body.in-index .overall-wrapper{padding-top:40px!important}
.in-index .banners-row{position:relative}
.banner-hero{position:relative}
.banner-hero-img{display:block;width:100%;height:auto}
.banner-hero-link{position:absolute;inset:0;z-index:2;text-indent:-9999px}
.banner-hero-content{position:absolute;top:50%;right:8%;transform:translateY(-50%);z-index:5;max-width:520px;color:#2b1e16}
.banner-hero-content h1{font-family:var(--font-headings)!important;font-weight:400;font-size:clamp(44px,4.2vw,66px);line-height:1.1;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase;white-space:nowrap}
.banner-hero-content p{font-family:var(--font-headings)!important;font-size:22px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 36px}
.banner-hero-content .hero-btn{display:inline-block;padding:20px 56px;background:#c9a65a;color:#fff;font-size:16px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:.25s;font-family:var(--font-body)!important}
.banner-hero-content .hero-btn:hover{background:#b9964c;transform:translateY(-1px)}

/* ===== 8. CTA BOXES (3 hlavní boxy: Produkty / Salon / Škola) ===== */
.next-to-carousel-banners{margin-top:10px!important}
.cta-boxes-wrapper{background:linear-gradient(180deg,#fafaf8 0%,#fff 100%);padding:50px 20px;width:100%;margin-bottom:-40px}
.cta-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1300px;margin:0 auto}
.cta-box{background:#fff;padding:80px 60px;text-align:center;text-decoration:none;display:block;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.06);position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8956a 0%,#c9a65a 100%);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.cta-box:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(184,149,106,.15)}
.cta-box:hover::before{transform:scaleX(1)}
.cta-icon{width:80px;height:80px;margin:0 auto 28px;display:block;opacity:.8;transition:all .4s}
.cta-box:hover .cta-icon{opacity:1;transform:scale(1.1)}
.cta-box h3{font-family:var(--font-headings)!important;font-size:28px;margin-bottom:12px;color:#2c2c2c;font-weight:500;line-height:1.2;transition:color .3s}
.cta-box:hover h3{color:#b8956a}
.cta-box p{font-family:var(--font-body)!important;color:#888;font-size:17px;margin:0;line-height:1.5}


/* ===== 9. SEKCE "CO ŘEŠÍTE?" (8 kategorií problémů) ===== */
.problems-section{background:#fff;padding:80px 20px;width:100%}
.problems-container{max-width:1300px;margin:0 auto}
.problems-title{font-family:var(--font-headings)!important;font-size:36px;text-align:center;margin:0 0 12px;color:#2c2c2c;font-weight:400}
.problems-subtitle{font-family:var(--font-body)!important;text-align:center;color:#888;font-size:16px;margin:0 0 60px;max-width:600px;margin-left:auto;margin-right:auto}
.problems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.problem-card{background:#f7f2e9;padding:50px 24px;text-align:center;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:280px;border-radius:8px;transition:all .3s ease}
.problem-card:hover{background:#ded3bd;transform:translateY(-4px)}
.problem-card h3{font-family:var(--font-headings)!important;font-size:30px;margin:0 0 10px;color:#2c2c2c;font-weight:500;line-height:1.2}
.problem-card p{font-family:var(--font-body)!important;font-size:16px;margin:0 0 20px;color:#3a3a3a;line-height:1.4;font-weight:500}
.problem-btn{display:inline-block;padding:10px 58px;background:#C9A65A;color:#fff;border:2px solid #C9A65A;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;transition:all .3s;font-family:var(--font-body)!important}
.problem-card:hover .problem-btn{background:#B89549;color:#fff;border-color:#B89549;transform:scale(1.05)}

/* ===== 10. PRODUKTY & MISC ===== */
.product .p-desc{display:none}
.product .name span{font-weight:700}
.flag.flag-tip{background:#4C6267}
footer a[href*="shoptet.cz"],footer img[src*="shoptetLogo"]{display:none!important}

/* ===== 11. RESPONSIVE - TABLET (1024px) ===== */
@media(max-width:1024px){
.problems-grid{grid-template-columns:repeat(3,1fr);gap:16px}
}

/* ===== 12. RESPONSIVE - MOBILE (768px) ===== */
@media(max-width:768px){
.cta-boxes-wrapper{padding:40px 10px}
.cta-boxes{grid-template-columns:repeat(3,1fr);gap:8px;max-width:100%}
.cta-box{padding:24px 12px;border-radius:4px}
.cta-box h3{font-size:15px;margin-bottom:6px;line-height:1.2}
.cta-box p{font-size:11px;line-height:1.3}
.cta-icon{width:36px;height:36px;margin-bottom:12px}
.problems-section{padding:60px 10px}
.problems-title{font-size:32px}
.problems-subtitle{font-size:14px;margin-bottom:40px}
.problems-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.problem-card{padding:30px 16px 24px;min-height:200px}
.problem-card h3{font-size:22px;margin-bottom:8px}
.problem-card p{font-size:13px;margin-bottom:16px}
.problem-btn{padding:10px 24px;font-size:13px}
}

/* ===== 13. RESPONSIVE - EXTRA SMALL (480px) ===== */
@media(max-width:480px){
.problem-card{padding:24px 12px 20px;min-height:180px}
.problem-card h3{font-size:20px}
.problem-card p{font-size:12px;margin-bottom:14px}
.problem-btn{padding:8px 20px;font-size:12px}
}

/* ===== MAPA SALONŮ (Shoptet) ===== */
.branch-map{background:#fff;padding:60px 0}
.branch-map-inner{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}
.branch-map-bg{display:block;width:100%;height:auto}

/* klikací bod (neviditelný wrapper kolem bubliny) */
.branch-point{position:absolute;display:block;text-decoration:none;z-index:5}
.branch-point *{text-decoration:none}

/* bublina */
.branch-popup{background:#fff;color:#1f1f1f;padding:26px 28px;min-width:280px;max-width:340px;box-shadow:0 12px 30px rgba(0,0,0,.14);position:relative;border:1px solid rgba(0,0,0,.06)}
.branch-point:hover .branch-popup{background:#355E4A;color:#fff;border-color:transparent}

/* šipka (default dolů) */
.branch-popup:after{content:"";position:absolute;left:70px;bottom:-18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #fff}
.branch-point:hover .branch-popup:after{border-top-color:#355E4A}

/* typografie */
.branch-popup h3{margin:0 0 10px;font-family:var(--font-headings);font-weight:400;color:inherit;font-size:24px}
.branch-popup p{margin:0;font-family:var(--font-body);color:inherit;font-size:14px;line-height:1.45}

/* ===== POZICE + SMĚR ŠIPKY (upravíš jen top/left a případně šipku) ===== */

/* PLZEŇ (bublina vlevo dole -> šipka doprava nahoru) */
.branch-point.plzen{top:68%;left:10%}
.branch-point.plzen .branch-popup:after{left:auto;bottom:auto;right:-18px;top:60px;border:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:18px solid #fff}
.branch-point.plzen:hover .branch-popup:after{border-left-color:#355E4A}

/* BEROUN (bublina nahoře vlevo -> šipka dolů) */
.branch-point.beroun{top:18%;left:18%}
.branch-point.beroun .branch-popup:after{left:70px;bottom:-18px;top:auto;right:auto;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #fff;border-bottom:0}
.branch-point.beroun:hover .branch-popup:after{border-top-color:#355E4A}

/* LAVIČNÉ (bublina vpravo nahoře -> šipka doleva dolů) */
.branch-point.lavicne{top:16%;left:62%}
.branch-point.lavicne .branch-popup:after{left:-18px;bottom:auto;top:72px;right:auto;border:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:18px solid #fff}
.branch-point.lavicne:hover .branch-popup:after{border-right-color:#355E4A}

/* responsive */
@media(max-width:900px){
.branch-popup{min-width:220px;max-width:260px;padding:18px 18px}
.branch-popup h3{font-size:20px}
.branch-popup p{font-size:13px}
}
@media(max-width:720px){
.branch-map-inner{max-width:520px}
.branch-point.plzen{top:74%;left:6%}
.branch-point.beroun{top:14%;left:8%}
.branch-point.lavicne{top:20%;left:46%}
}

.in-salony ul.subcategories.with-image {
  display: none !important; /* The !important rule ensures this style overrides any other conflicting styles */
}

.in-salony .category-perex.empty-content.empty-content-category {
  display: none !important;
}

/* ===== LAZEBNICE - STRÁNKA PLZEŇ (KOSMETIKA) - OPRAVENÁ VERZE ===== */

/* Globální styly */
.page-id-plzen{font-family:'Manrope',sans-serif;color:#3a3a3a;line-height:1.7}
.page-id-plzen h1,.page-id-plzen h2,.page-id-plzen h3{font-family:'PT Serif',serif;color:#2c2c2c;font-weight:400}
.page-id-plzen h1{font-size:48px;line-height:1.2;margin-bottom:20px}
.page-id-plzen h2{font-size:42px;line-height:1.3;margin-bottom:30px;text-align:center}
.page-id-plzen h3{font-size:28px;line-height:1.4;margin-bottom:15px}
.page-id-plzen p{font-size:16px;margin-bottom:15px}

/* Hero sekce */
.page-id-plzen .hero{background:linear-gradient(135deg,#F7F2E9 0%,#FAF8F5 100%);padding:80px 20px;text-align:center;max-width:800px;margin:0 auto 60px;border-radius:8px}
.page-id-plzen .hero h1{font-style:italic;color:#6E6259;margin-bottom:25px}
.page-id-plzen .hero p{font-size:18px;color:#555;line-height:1.8;max-width:700px;margin:0 auto}

/* Jak to probíhá */
.page-id-plzen .process{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.page-id-plzen .process h2{margin-bottom:60px}
.page-id-plzen .step{background:#fff;padding:40px 50px;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;position:relative;border-left:4px solid #C9A370}
.page-id-plzen .step:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(201,163,112,.15)}
.page-id-plzen .step h3{color:#6E6259;margin-bottom:20px;font-size:32px}
.page-id-plzen .step ul{list-style:none!important;padding-left:20px;margin:20px 0}

/* Schovej ikony/emoji ze Shoptetu */
.page-id-plzen .step ul li img,
.page-id-plzen .step ul li svg,
.page-id-plzen .step ul li [class*="icon"]{
    display:none!important;
    visibility:hidden!important;
}

/* Metody */
.page-id-plzen .methods{background:#F7F2E9;padding:80px 20px;margin-bottom:80px}
.page-id-plzen .methods h2{margin-bottom:50px}
.page-id-plzen .method{background:#fff;max-width:800px;margin:0 auto 30px;padding:40px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);text-align:center}
.page-id-plzen .method h3{color:#6E6259;font-style:italic;margin-bottom:15px}
.page-id-plzen .method p{color:#555;font-size:16px}

/* Ceník */
.page-id-plzen .pricing{max-width:1200px;margin:0 auto 80px;padding:0 20px}
.page-id-plzen .pricing h2{margin-bottom:30px}
.page-id-plzen .pricing-intro{text-align:center;max-width:800px;margin:0 auto 50px;font-size:17px;color:#555;line-height:1.8}
.page-id-plzen .price-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto}
.page-id-plzen .price-card{background:#fff;padding:50px 40px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;transition:all .3s ease;border:2px solid transparent}
.page-id-plzen .price-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(201,163,112,.2);border-color:#C9A370}
.page-id-plzen .price-card h3{font-size:24px;color:#6E6259;margin-bottom:15px;font-style:italic}
.page-id-plzen .price-card .price-desc{font-size:14px;color:#888;margin-bottom:20px}
.page-id-plzen .price-card .price{font-size:36px;font-weight:600;color:#C9A370;font-family:'Manrope',sans-serif;margin:0}

/* CTA */
.page-id-plzen .cta{background:linear-gradient(135deg,#C9A370 0%,#B89549 100%);padding:80px 20px;text-align:center;border-radius:12px;max-width:1200px;margin:0 auto 60px}
.page-id-plzen .cta h2{color:#fff;margin-bottom:20px}
.page-id-plzen .cta p{color:rgba(255,255,255,0.9);font-size:18px;margin-bottom:35px}
.page-id-plzen .btn{display:inline-block;padding:18px 50px;background:#fff;color:#6E6259;text-decoration:none;font-weight:600;font-size:16px;border-radius:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}
.page-id-plzen .btn:hover{background:#F7F2E9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}

/* Responsive */
@media(max-width:768px){
.page-id-plzen h1{font-size:36px}
.page-id-plzen h2{font-size:32px}
.page-id-plzen h3{font-size:24px}
.page-id-plzen .hero{padding:60px 20px}
.page-id-plzen .step{padding:30px 25px}
.page-id-plzen .step h3{font-size:26px}
.page-id-plzen .price-cards{grid-template-columns:1fr;gap:25px}
.page-id-plzen .price-card{padding:40px 30px}
.page-id-plzen .method{padding:30px 25px}
}

@media(max-width:480px){
.page-id-plzen h1{font-size:28px}
.page-id-plzen h2{font-size:26px}
.page-id-plzen .hero p{font-size:16px}
.page-id-plzen .step{padding:25px 20px}
.page-id-plzen .price-card .price{font-size:28px}
}

/* Kuličky - jednoduché */
.page-id-plzen .step ul{
    list-style-type:disc!important;
    padding-left:25px!important;
    margin:20px 0!important;
}

.page-id-plzen .step ul li{
    margin-bottom:8px!important;
    padding-left:5px!important;
    font-size:16px!important;
    color:#555!important;
}