/* ==========================================================================
   SOVA TISK · user.css  (child cassiopeia_sovatisk)
   Čistá hlavička: logo | menu | hledání | (košík připíchnutý vpravo)
   ========================================================================== */

/* ——— základ šablony v headeru ——— */
.header.container-header {
  background: #fff !important;
  border-bottom: 1px solid #eaeef3;
  position: relative;                  /* pro absolutní umístění košíku */
}
.container-header .container-banner { display: none !important; }  /* jistota */

/* ——— topbar (desktop) ——— */
.container-header .container-topbar {
  display: grid;
  grid-template-columns: auto 1fr 360px;   /* logo | menu | hledání */
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
}
.container-topbar > * { margin: 0; }       /* zruší náhodné okraje modulů */

/* ——— logo ——— */
.mod-custom p { margin: 0; }               /* <p> z modulu Custom HTML */
.st-logo-link { display: inline-block; }   /* jistota bez line-height/zalomení */
.st-logo-link img{
  display: block;
  height: 40px;                            /* výška loga na desktopu */
  width: auto;
  max-width: none;                         /* nenech zmenšovat široké SVG */
}

/* ——— menu ——— */
.mod-menu.nav { display: flex; gap: 28px; justify-content: center; }
.mod-menu.nav > li { list-style: none; }
.container-header .mod-menu.nav a {
  color: #1b2b42 !important;              /* tmavé odkazy v hlavičce */
  font-weight: 600;
  text-decoration: none;
  padding: 8px 0;
}
.container-header .mod-menu.nav a:hover,
.container-header .mod-menu.nav a:focus { color: #204ecf !important; }

/* ——— vyhledávání (Phoca) ——— */
#phSearchBox114 { min-width: 0; }         /* bezpečnost na mobilu */
#phSearchBox114 .input-group { position: relative; }
#phSearchBox114 input.form-control {
  border: 1px solid #dde1e7;
  border-radius: 999px;
  height: 40px;
  padding: 8px 44px 8px 14px;             /* místo pro ikonu vpravo */
  min-width: 300px;                       /* desktop komfort; na mobilu se přepíše */
}
#phSearchBox114 .inner-addon.right-addon { position: relative; }
#phSearchBox114 .inner-addon.right-addon svg.pc-si-search {
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px; pointer-events: none;
}
#phSearchBox114 .btn,
#phSearchBox114 .tip { display: none !important; }  /* pryč zelené/červené knoflíky */

/* ——— košík: stabilní SVG ikona (bez FA) + zarovnání vpravo ——— */
.phItemCartBox { font-size: 0; line-height: 0; white-space: nowrap; }
.phItemCartBox::before{
  content:"";
  display:inline-block;
  width:22px; height:22px;
  vertical-align: middle;
  background: #1b2b42;                   /* barva ikony */
  /* maska s inline SVG vozíkem (funguje bez fontů i JS) */
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
  <path d='M7 6h12l-1.2 6.5a2 2 0 0 1-2 1.5H9.3a2 2 0 0 1-2-1.6L6 4H3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
  <circle cx='9' cy='20' r='1.8' fill='black'/>\
  <circle cx='17' cy='20' r='1.8' fill='black'/>\
</svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
  <path d='M7 6h12l-1.2 6.5a2 2 0 0 1-2 1.5H9.3a2 2 0 0 1-2-1.6L6 4H3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
  <circle cx='9' cy='20' r='1.8' fill='black'/>\
  <circle cx='17' cy='20' r='1.8' fill='black'/>\
</svg>") no-repeat center / contain;
}
/* modul košíku je mimo grid → připíchneme do pravého horního rohu */
.ph-cart-module-box.st-cart { position: absolute; right: 16px; top: 12px; }

/* ——— mobile-first ——— */
@media (max-width: 992px) {
  .container-header .container-topbar{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "logo search"
      "menu menu";
    gap: 12px;
  }
  /* přiřazení ploch (dle typického DOM) */
  .mod-custom.custom:has(.st-logo-link) { grid-area: logo; }
  .mod-menu.nav { grid-area: menu; justify-content: flex-start; gap: 20px; }
  #phSearchBox114 { grid-area: search; }
  #phSearchBox114 input.form-control { min-width: 0; }  /* pole se smí zúžit */
  .st-logo-link img { height: 32px; }                    /* menší logo na mobilu */
}

/* drobná pomoc na velmi úzkých obrazovkách */
@media (max-width: 600px){
  .mod-menu.nav { flex-wrap: wrap; gap: 12px 20px; }
}