/* ========================= */
/*  GLOBÁLNÍ TYPOGRAFIE      */
/* ========================= */

body, p, span, li, a, h1, h2, h3, h4, h5, h6,
#header .navigation-in a,
.product-name,
.product-description {
  font-family: 'Inter', sans-serif !important;
}

a:visited,
#header .navigation-in .menu-level-1 > li > a:visited {
  color: inherit !important;
}

a:visited {
  color: initial !important;
}

/* ========================= */
/*  HORNÍ MENU               */
/* ========================= */

@media (min-width: 992px) {
  #header .navigation-in .menu-level-1 > li > a {
    font-size: 20px !important;
    padding: 10px 22px !important;
    font-weight: 600;
    letter-spacing: .3px;
    transition: color .2s, opacity .2s;
  }

  #header .navigation-in .menu-level-1 > li.active > a {
    font-weight: 700;
  }

  #header .navigation-in .menu-level-1 > li:hover > a {
    color: #5f7fbe;
    opacity: .9;
  }
}

/* ========================= */
/*  BREADCRUMBS              */
/* ========================= */

.breadcrumbs {
  background: #000;
  padding: 10px 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  border-bottom: 3px solid #C9A44C;
}

.breadcrumbs a,
.breadcrumbs span {
  color: #fff !important;
  font-weight: 500;
  transition: opacity .2s, text-decoration .2s;
}

.breadcrumbs a:hover {
  text-decoration: underline;
  opacity: .85;
}

.breadcrumbs .icon-home {
  filter: brightness(0) invert(1);
}

/* ========================= */
/*  HERO BANNER              */
/* ========================= */

.custom-hero-banner {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Obrázek */
.custom-hero-banner img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center center;
  z-index: 1;
  position: relative;
}

/* Gradient přes obrázek */
.banner::before,
.custom-hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 55%;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.20) 70%,
    rgba(0,0,0,0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Overlay s textem */
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: flex;
  align-items: center;
}

.hero-box {
  margin-left: 8%;
  max-width: 600px;
  text-align: left;
  color: #fff;
  font-family: 'Montserrat','Inter',sans-serif;
}

.hero-box h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 14px;
  color: #fff;
}

.hero-box p {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 24px;
  color: #ddd;
}

.hero-box .btn-cta {
  display: inline-block;
  background: #C9A44C;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  padding: 12px 28px;
  border-radius: 9px;
  text-decoration: none;
  transition: all .25s;
}

.hero-box .btn-cta:hover {
  background: #a68538;
  color: #fff;
}

/* ========================= */
/*  RESPONSIVE – MOBILE FIX  */
/* ========================= */

@media (max-width:640px){

  .custom-hero-banner {
    min-height: 540px !important;
  }

  .custom-hero-banner img {
    height: 540px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .custom-hero-banner::before {
    width: 100%;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.85) 0%,
      rgba(0,0,0,0.55) 40%,
      rgba(0,0,0,0.10) 75%,
      rgba(0,0,0,0) 100%
    );
  }

  .hero-overlay {
    display: block !important;
  }

  .hero-box {
    position: absolute;
    left: 6%;
    right: 6%;
    bottom: 110px;
    max-width: 88% !important;
  }

  .hero-box h1 {
    font-size: 22px !important;
    line-height: 1.28 !important;
    margin: 0 0 12px !important;
  }

  .hero-box p {
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin: 0 0 18px !important;
  }

  .hero-box .btn-cta {
    font-size: 15px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
  }
}

/* ========================= */
/*  DALŠÍ SEKCE              */
/* ========================= */

.hv-section{padding:56px 0;background:#fff}
.hv-section--light{background:#f9f9f9}
.hv-heading{max-width:1200px;margin:0 auto 24px;padding:0 16px;font:700 28px/1.2 'Montserrat','Inter',sans-serif}
.hv-banner{max-width:1200px;margin:0 auto 40px;padding:0 16px}
.hv-banner a{display:block;border-radius:16px;overflow:hidden}
.hv-banner img{display:block;width:100%;height:auto}

.hv-tiles{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hv-tiles .tile a{display:block;border-radius:16px;overflow:hidden}
.hv-tiles .tile img{display:block;width:100%;height:auto}

@media (max-width:960px){ .hv-tiles{grid-template-columns:1fr} }

/* ========================= */
/*  PREFOOTER               */
/* ========================= */

.prefooter-3cols {
  background:#C9A44C;
  padding:36px 0;
  border-top:1px solid rgba(0,0,0,.06);
  color:#111;
  font-size:16px;
}

.prefooter-3cols .pf-inner {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

@media (max-width:768px) {
  .prefooter-3cols .pf-inner { grid-template-columns:1fr; }
}

.pf-social {
  display:flex;
  gap:14px;
  align-items:center;
  margin-top:12px;
}

.pf-social .icon-circle {
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px; height:40px;
  border-radius:50%;
  background:#C39A3A;
  color:#fff;
  border:2px solid #111;
  transition:background .2s, transform .2s, border-color .2s;
}

.pf-social .icon-circle:hover {
  background:#a57f2f;
  transform:scale(1.1);
  border-color:#000;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}

/* ========================= */
/*  FOOTER STRIP OFF        */
/* ========================= */

footer .footer__cols,
footer .footer-columns,
footer .footer-top {
  display:none !important;
}

/* ========================= */
/*  ČERNÁ TLAČÍTKA – GLOBAL */
/* ========================= */

#header a:not(.btn),
#header svg,
#header .icon{
  color:#000!important;
  fill:currentColor!important;
}

.cart-widget .btn,
.cart-preview .btn,
#header .cart-widget [class*="btn"],
#header .cart-preview [class*="btn"],
[class*="checkout"] [class*="btn"],
[class*="objednav"] [class*="btn"],
[class*="kosik"] [class*="btn"],
[class*="basket"] [class*="btn"],
[class*="dekuj"] [class*="btn"],
[class*="podekov"] [class*="btn"],
[class*="thank"] [class*="btn"],
[class*="finish"] [class*="btn"],
[class*="complete"] [class*="btn"]{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}

.cart-widget .btn *,
.cart-preview .btn * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ========================================= */
/*   PREFOOTER – FINÁLNÍ ÚPRAVY A DESIGN     */
/* ========================================= */

/* Zrušení odrážek a lepší spacing */
.prefooter-3cols .pf-col ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.prefooter-3cols .pf-col ul li {
  margin: 8px 0 !important;
}

/* Odkazy v patičce */
.prefooter-3cols .pf-col ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  transition: opacity .25s ease;
}

.prefooter-3cols .pf-col ul li a:hover {
  opacity: .6 !important;
}

/* Nadpisy sloupců */
.prefooter-3cols .pf-col h3 {
  font-size: 26px !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
  color: #000 !important;
}

/* ========================================= */
/*   NOVÝ VZHLED SOCIÁLNÍCH IKON             */
/* ========================================= */

.prefooter-3cols .pf-social {
  display: flex !important;
  gap: 20px !important;
  align-items: center !important;
  margin-top: 24px !important;
}

/* Kroužky ikon */
.prefooter-3cols .pf-social .icon-circle {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 2px solid #000 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  transition: all .25s ease !important;
}

/* Ikony uvnitř */
.prefooter-3cols .pf-social .icon-circle svg {
  width: 26px !important;
  height: 26px !important;
  color: #000 !important;
  fill: #000 !important;
}

/* Hover efekt */
.prefooter-3cols .pf-social .icon-circle:hover {
  background: #000 !important;
  border-color: #000 !important;
  transform: scale(1.1) !important;
}

.prefooter-3cols .pf-social .icon-circle:hover svg {
  color: #fff !important;
  fill: #fff !important;
}

/* ========================================= */
/*   RESPONSIVE – MOBIL                     */
/* ========================================= */

@media (max-width: 768px) {
  .prefooter-3cols .pf-social {
    gap: 16px !important;
  }

  .prefooter-3cols .pf-social .icon-circle {
    width: 48px !important;
    height: 48px !important;
  }

  .prefooter-3cols .pf-social .icon-circle svg {
    width: 22px !important;
    height: 22px !important;
  }
}

/* Centrovat H1 na titulní stránce */
#content h1,
#content .content-inner h1,
#content .editor-content h1 {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ========================================= */
/*   MOBILNÍ HERO – FINÁLNÍ OPRAVA 100%      */
/* ========================================= */

@media (max-width: 640px) {

  /* 💥 SKRYJ CELÝ DESKTOP HERO (i Shoptet vrstvy) */
  .custom-hero-banner,
  .banner-wrapper.custom-hero-banner,
  .banner.custom-hero-banner {
    display: none !important;
  }

  /* 💥 ZRUŠ ČERNÁ POZADÍ, KTERÁ PŘIDÁVÁ SHOPTET */
  .banner,
  .banner-wrapper,
  .banner-content,
  .text-banner,
  .shp-banner {
    background: transparent !important;
  }

  /* Aktivace mobilního banneru */
  .mobile-hero-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .mobile-hero-banner img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Překryvný gradient */
  .mobile-hero-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.75) 0%,
      rgba(0,0,0,0.45) 40%,
      rgba(0,0,0,0.15) 80%,
      rgba(0,0,0,0) 100%
    );
  }

  /* Textové vrstvy */
  .mobile-hero-overlay {
    position: absolute;
    bottom: 120px; /* trochu níž, ať to nepřetéká */
    left: 6%;
    width: 88%;
    z-index: 5;
    color: #fff !important; /* 💥 Vynuceno */
  }

  /* Nadpis a text – BÍLÝ A VYNUTÝ */
  .mobile-hero-overlay h1,
  .mobile-hero-overlay p {
    color: #fff !important; /* 💥 Fix černého textu */
  }

  .mobile-hero-overlay h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .mobile-hero-overlay p {
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 20px;
  }

  /* Tlačítko */
  .mobile-hero-btn {
    display: inline-block;
    background: #C9A44C;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    padding: 14px 24px;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.25s ease;
  }

  .mobile-hero-btn:hover {
    background: #b18e3e;
  }
}