/* Full-width pozadí za .container.footer-rows (desktop) */
.container.footer-rows {
  position: relative;
  z-index: 0;                 /* stacking context pro vrstvení */
  padding: 30px 20px;         /* vnitřní odsazení obsahu */
  color: #ffffff;             /* bílý text */
}

/* Pruh na pozadí přes celou šířku viewportu – Safari-safe varianta */
.container.footer-rows::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;               /* přes šířku okna */
  margin-left: -50vw;         /* zarovnání na střed bez transform */
  background: #19202c;        /* barva pozadí */
  z-index: 0;                 /* pod obsahem, ale bez záporné hodnoty */
  pointer-events: none;
}

/* obsah nad pozadím */
.container.footer-rows > * {
  position: relative;
  z-index: 1;
}

/* Nadpisy v bílé */
.container.footer-rows h4,
.container.footer-rows h4 span {
  color: #ffffff;
}

/* Odkazy: základ + hover */
.container.footer-rows a {
  color: #e19457;
  text-decoration: none;
  transition: color .2s ease;
}
.container.footer-rows a:hover {
  color: #a56d44;
}

/* ? Jen mobilní pozadí footer-rows */
@media (max-width: 767px) {
  .container.footer-rows {
    background-color: #19202c; /* tmavé pozadí na mobilu bez pseudo-elementu */
    color: #ffffff;            /* bílý text */
    padding: 20px 15px;
  }

  /* vypnout pseudo-element na mobilu */
  .container.footer-rows::before {
    content: none;
  }

  .container.footer-rows h4,
  .container.footer-rows h4 span {
    color: #ffffff;
  }

  .container.footer-rows a {
    color: #e19457;
  }

  .container.footer-rows a:hover {
    color: #a56d44;
  }
}

/* ?? Zruš starý pseudo-element, ať se neprouhá */
.container.footer-rows::before { content: none !important; }

/* ========= DESKTOP (full-bleed bar, Safari-proof) ========= */
@media (min-width: 768px) {
  .container.footer-rows {
    position: relative;
    padding: 30px 20px;
    color: #ffffff;           /* bílý text */
    background-color: #19202c;/* barva pod obsahem */

    /* Full-bleed do stran (funguje v Safari i Chrome) */
    box-shadow: 0 0 0 100vmax #19202c;
    clip-path: inset(0 -100vmax);
    -webkit-clip-path: inset(0 -100vmax);
  }

  /* Nadpisy a odkazy */
  .container.footer-rows h4,
  .container.footer-rows h4 span { color: #ffffff; }

  .container.footer-rows a {
    color: #e19457;
    text-decoration: none;
    transition: color .2s ease;
  }
  .container.footer-rows a:hover { color: #a56d44; }
}

/* ========= MOBIL (jednoduše) ========= */
@media (max-width: 767px) {
  .container.footer-rows {
    background-color: #19202c; /* tmavé pozadí */
    color: #ffffff;            /* bílý text */
    padding: 20px 15px;

    /* vypnout full-bleed triky na mobilu */
    box-shadow: none;
    clip-path: none;
    -webkit-clip-path: none;
  }

  .container.footer-rows h4,
  .container.footer-rows h4 span { color: #ffffff; }

  .container.footer-rows a { color: #e19457; }
  .container.footer-rows a:hover { color: #a56d44; }
}