/* ====== Profistin Header (rp-*) – baseline ====== */

/* Design tokens – bereme globální Elementor proměnné, jinak fallback */
:root{
 --rp-accent: var(--e-global-color-accent, #1e9ae0);
 --rp-text: var(--e-global-color-text, #0c0d0e);
 --rp-text-invert: #fff;
 --rp-shadow: 0 0 10px rgba(0,0,0,.5);
 --rp-radius: 8px;
 --rp-gap: 16px;
 --rp-padding-x: 20px;
 --rp-container: 1400px;
}

/* Sticky záhlaví */
.rp-site-header{
 position: sticky; top: 0; z-index: 999999;
 background: var(--rp-accent);
 box-shadow: var(--rp-shadow);
 color: var(--rp-text-invert);
}

/* Když je zapnutý WP admin bar, ať se to nelepí pod něj */
html[style*="--wp-admin--admin-bar--height"] .rp-site-header{
 top: var(--wp-admin--admin-bar--height, 32px);
}

/* Vnitřní layout */
.rp-site-header__inner{
 max-width: var(--rp-container);
 margin: 0 auto;
 padding: 0 var(--rp-padding-x);
 min-height: 72px;

 display: grid;
 grid-template-columns: auto 1fr auto; /* logo – menu – utility/košík */
 align-items: center;
 gap: var(--rp-gap);
}

/* Logo */
.rp-site-brand a{
 display: inline-flex; align-items: center;
 line-height: 0;
}
.rp-site-brand img{
 width: 153px; height: auto; /* jako původní SVG 153×32 */
}

/* Toggle (burger) – pro mobil; HTML viz níže */
.rp-nav__toggle{
 display: none; /* desktop default */
}

/* Menu: horizontální řádek */
.rp-nav{ position: relative; }
.rp-nav > ul{
 display: flex; flex-wrap: wrap; gap: 0; /* mezery dělají paddingy na <a> */
 list-style: none; margin: 0; padding: 0;
}
.rp-nav > ul > li{ position: relative; }
.rp-nav a{
 display: flex; align-items: center;
 color: #2e2e2e;
 padding: 13px 20px;
 text-decoration: none;
 transition: color .3s ease;
 line-height: 20px; white-space: nowrap;
}

/* Hover underline pointer (podobně jako Elementor) */
.rp-nav a::before, .rp-nav a::after{
 content:""; 
 position:absolute; 
 left:0; 
 right:0; 
 height:3px;
 bottom:0;
 transform: scaleX(0);
 transition: transform .3s cubic-bezier(.58,.3,.005,1);
 transform: translateY(-50%) !important;
}
.rp-nav a:hover::before,
.rp-nav .current-menu-item > a::before{
 transform: scaleX(1);
}
a.rp-icon.rp-user {
 display: none;
}
/* Dropdowny */
.rp-nav li.menu-item-has-children > a .sub-arrow{
 display:inline-flex; margin-left:8px; transform: translateY(1px);
}
.rp-nav li .sub-menu{
 position: absolute; left: 0; top: 100%;
 min-width: 12em;
 background: #fff;
 color: var(--rp-text);
 border-radius: var(--rp-radius);
 box-shadow: 0 10px 21px -18px rgba(0,0,0,.5);
 padding: 6px 0;
 display: none;
 z-index: 10;
}
.rp-nav li .sub-menu a{
 color: var(--rp-text);
 padding: 10px 20px;
}
.rp-nav li:hover > .sub-menu{
 display: block;
}

/* Utility oblast (např. ikona účtu / košíku) */
.rp-utils{
 display: flex; align-items: center; gap: 12px;
}
.rp-utils .rp-icon{
 display:inline-flex; align-items:center; justify-content:center;
 width: 36px; height: 36px; border-radius: 6px;
 color: var(--rp-text-invert);
 background: color-mix(in oklab, var(--rp-text-invert) 10%, transparent);
}

/* Košík count badge – pokud generuje plugin, jen doladíme pozici */
.rp-cart{
 position: relative;
}
.rp-cart__count{
 position: absolute; right: -6px; top: -6px;
 min-width: 18px; height: 18px; padding: 0 4px;
 border-radius: 9px; background:#ff3b30; color:#fff;
 font-size: 11px; line-height: 18px; text-align: center;
}

/* ====== Responsive (stejná hranice jako Elementor: 1025px) ====== */
@media (max-width: 1024px){
 .rp-site-header__inner{
 grid-template-columns: auto auto 1fr; /* logo – burger – utility */
 }

 /* burger toggle se ukáže */
 .rp-nav__toggle{ display: inline-flex; align-items:center; justify-content:center; margin-left: 4.8cqw; }
 .rp-nav__toggle button,
 .rp-nav__toggle label{
 border: 0;
 background: transparent;
 color: #1e9ae0;
 width: 40px;
 height: 40px;
 border-radius: 6px;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 2px solid #5c5c5c;
 font-size: 5.4cqw !important;
 }

 /* menu se přesune pod header */
 .rp-nav{
 position: fixed; left: 0; right: 0; top: calc(72px + var(--wp-admin--admin-bar--height, 0px));
 background: #fff; color: var(--rp-text);
 transform-origin: top;
 transform: scaleY(0);
 max-height: 0; overflow: hidden;
 transition: transform .3s ease, max-height .3s ease;
 box-shadow: 0 20px 30px -20px rgba(0,0,0,.25);
 }
 .rp-nav > ul{ display: block; }
 .rp-nav a{
 color: var(--rp-text); padding: 12px 20px;
 }
 .rp-nav a::before, .rp-nav a::after{ display:none; } /* underline pryč v mobile */

 /* dropdowny jako akordeon (základně schované) */
 .rp-nav li .sub-menu{
 position: static; display: none; background: #f9fafb; box-shadow: none; border-radius: 0; padding: 0;
 }
 .rp-nav li.menu-item-has-children.open > .sub-menu{ display: block; }

 /* checkbox hack: když je zaškrtnuto, menu je otevřené */
 #rp-nav-open:checked ~ .rp-nav{
 transform: scaleY(1); max-height: 100vh; overflow: auto; top: 100px;
 }
}

/* Drobnosti & přístupnost */
.rp-nav a:focus{ outline: 2px solid color-mix(in oklab, var(--rp-text-invert) 60%, #000); outline-offset: 2px; }
.rp-nav .current-menu-item > a{ font-weight: 600; }

.col-right.icons-wrap {
 display: flex;
}
@media (min-width: 1024px){
 .rp-utils {
 order: 2;
 }
}