/*
Theme Name: SLUG storage & offices s.r.o.
Author: Pavel Hulva
Author URI: 
Description: Moderní podnikání potřebuje víc než jen čtyři stěny. Potřebuje prostředí, které podporuje soustředění, spolupráci i zdravý růst. V SLUG Storage & Offices vytváříme zázemí, kde se potkává současná architektura, funkčnost a profesionální atmosféra. Prostor, ve kterém dává práce smysl a kde se cítí dobře nejen váš tým, ale i vaši klienti.
Version: 1.O
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

html, body {
  margin: 0!important;
  padding: 0!important;
}

/* ZÁKLAD */
body {
  font-family: "Roboto Serif", serif!important;
  overflow-x: hidden!important;
}

/* NAVBAR */

.slug-navbar {
  background-color: #fff!important;
  padding-top: 0.8rem!important;
  padding-bottom: 0.8rem!important;
  border-bottom: 1px solid #e5e5e5!important;
}

p {
    color: #000!important;
}

.slug-logo {
  height: 60px!important;
  width: auto!important;
}

.slug-nav-link {
  color: #000!important;
  font-size: 0.95rem!important;
  letter-spacing: 0.03em!important;
  text-transform: none!important;
  padding: 0.3rem 0.75rem!important;
  font-weight: 400!important;
  margin-right: 15px!important;
}

.slug-nav-link:hover,
.slug-nav-link:focus,
.slug-nav-link.active {
  color: #000!important;
  text-decoration: underline!important;
}

.slug-btn-contact {
  border-radius: 0!important;
  padding: 0.55rem 3rem!important;
  background-color: #000!important;
  color: #fff!important;
  border: 1px solid #000!important;
  font-size: 0.95rem!important;
  letter-spacing: 0.04em!important;
}

.slug-btn-contact:hover {
  background-color: #fff!important;
  color: #000!important;
}

/* HERO */
.slug-hero {
  position: relative!important;
  min-height: 100vh!important;
  padding-top: 80px!important; /* prostor pod fixed navbar */
  background-image: url("../../files/slug/bg-hero.png")!important; /* nahraď vlastním obrázkem */
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  color: #fff!important;
}

.slug-hero-overlay {
  position: absolute!important;
  inset: 0!important;
  background: rgba(0, 0, 0, 0.55)!important;
}

/* Text v hero */
.slug-hero-kicker {
  font-size: 1rem!important;
  letter-spacing: 0.15em!important;
  text-transform: uppercase!important;
  color: #ffffff!important;
  opacity: 0.9!important;
}

.slug-hero-title {
  font-size: clamp(2.1rem, 3.2vw + 1rem, 3.7rem)!important;
  font-weight: 400!important;
  letter-spacing: 0.06em!important;
  text-transform: uppercase!important;
  line-height: 1.1!important;
  color: #FFF!important;
}

.slug-hero-title-second {
  margin-top: 0.15em!important;
  font-weight: 700!important;
}

/* CTA */
.slug-btn-primary {
  border-radius: 0!important;
  padding: 0.8rem 2.1rem!important;
  background-color: #fff!important;
  color: #000!important;
  border: none!important;
  font-size: 1rem!important;
  letter-spacing: 0.08em!important;
  text-transform: uppercase!important;
}

.slug-btn-primary:hover {
  background-color: #e5e5e5!important;
  color: #000!important;
}

/* RESPONSIVITA */
@media (max-width: 991.98px) {
  .slug-navbar {
    padding-top: 0.6rem!important;
    padding-bottom: 0.6rem!important;
  }

  .slug-hero {
    text-align: center!important;
  }

  .slug-hero-kicker {
    margin-top: 1.5rem!important;
  }
}

@media (max-width: 575.98px) {
  .slug-hero {
    min-height: 90vh!important;
  }

  .slug-btn-primary {
    width: 100%!important;
  }
}

/* SEKCE SLUZBY */
.slug-services {
  padding: 4.5rem 0 5rem!important;
  position: relative!important;
  /* jemné světlé pruhy v pozadí */
  background: url("../../files/slug/bg-service.png") no-repeat center bottom #FFF!important;
}

.slug-section-title {
  font-size: 2rem!important;
  font-weight: 400!important;
  letter-spacing: 0.06em!important;
  text-transform: uppercase!important;
  margin-bottom: 0!important;
}

.slug-section-title span {
  font-weight: 700!important;
}

/* položka služby */
.slug-service-item {
  max-width: 100%!important;
}

.slug-service-image-wrapper {
  margin-bottom: 1.4rem!important;
  overflow: hidden!important;
}

.slug-service-image-wrapper img {
  width: 100%!important;
  display: block!important;
  object-fit: cover!important;
  transition: transform 0.4s ease!important;
}

.slug-service-item:hover .slug-service-image-wrapper img {
  transform: scale(1.03)!important;
}

.slug-service-title {
  font-size: 1.4rem!important;
  font-weight: 700!important;
  margin-bottom: 0.6rem!important;
  color: #000!important;
}

.slug-service-text {
  font-size: 0.95rem!important;
  line-height: 1.6!important;
  margin-bottom: 0.9rem!important;
  color: #000!important;
}

/* odkaz "Více informací" */
.slug-service-link {
  font-size: 0.78rem!important;
  font-weight: 600!important;
  text-transform: uppercase!important;
  letter-spacing: 0.12em!important;
  text-decoration: none!important;
  color: #000!important;
}

.slug-service-link:hover {
  text-decoration: underline!important;
}

/* RESPONSIVITA */
@media (max-width: 991.98px) {
  .slug-services {
    padding-top: 3.5rem!important;
    padding-bottom: 4rem!important;
  }
}

@media (max-width: 575.98px) {
  .slug-section-title {
    font-size: 1.7rem!important;
  }

  .slug-service-item {
    max-width: 480px!important;
    margin-inline: auto!important;
  }
}

/* ===================================
   SEKCE – PROSTŘEDÍ PRO RŮST
=================================== */
.slug-about {
  padding: 5rem 0!important;
  background-color: #fff!important;
}

.slug-about-title {
  font-size: 2.2rem!important;
  font-weight: 700!important;
  margin-bottom: 1.4rem!important;
  line-height: 1.25!important;
}

.slug-about p {
  font-size: 0.95rem!important;
  line-height: 1.65!important;
  margin-bottom: 1rem!important;
  color: #000!important;
}

/* CTA */
.slug-btn-dark {
  background-color: #000!important;
  color: #fff!important;
  border-radius: 0!important;
  padding: 0.7rem 2rem!important;
  border: 1px solid #000!important;
}

.slug-btn-dark:hover {
  background-color: #fff!important;
  color: #000!important;
}

/* GALERIE */
.slug-about-gallery {
  display: flex!important;
  flex-direction: column!important;
  gap: 1.5rem!important;
}

.slug-about-main img {
  width: 100%!important;
  object-fit: cover!important;
}

.slug-about-bottom {
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
  gap: 1.5rem!important;
}

.slug-about-bottom img {
  width: 100%!important;
  object-fit: cover!important;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .slug-about {
    padding: 4rem 0!important;
  }

  .slug-about-title {
    font-size: 1.9rem!important;
  }
}

@media (max-width: 575.98px) {
  .slug-about-title {
    font-size: 1.6rem!important;
  }

  .slug-about-bottom {
    grid-template-columns: 1fr!important;
  }
}

/* ===================================
   BENEFITY – ČERNÁ SEKCE
=================================== */
.slug-benefits {
  background-color: #000!important;
  padding: 5rem 0!important;
  color: #fff!important;
}

.slug-benefit-item {
  max-width: 320px!important;
  margin: 0 auto!important;
}

.slug-benefit-icon {
  margin-bottom: 1.2rem!important;
}

.slug-benefit-icon img {
  width: 90px!important;
  height: auto!important;
}

/* BÍLÝ LABEL NADPISU */
.slug-benefit-title {
  display: inline-block!important;
  background-color: #fff!important;
  color: #000!important;
  padding: 0.5rem 1.4rem!important;
  font-weight: 700!important;
  font-size: 1.1rem!important;
  letter-spacing: 0.12em!important;
  margin-bottom: 1rem!important;
}

/* TEXT */
.slug-benefit-item p {
  font-size: 0.9rem!important;
  line-height: 1.6!important;
  opacity: 0.9!important;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .slug-benefits {
    padding: 4rem 0!important;
  }
}

@media (max-width: 575.98px) {
  .slug-benefit-item {
    max-width: 100%!important;
  }
}

/* ===================================
   GALERIE – JAK TO U NÁS VYPADÁ
=================================== */
.slug-gallery {
  padding: 5rem 0!important;
  background-color: #fff!important;
}

.slug-gallery .slug-section-title {
  margin-bottom: 1.5rem!important;
}

.slug-gallery-item {
  display: block!important;
  overflow: hidden!important;
  cursor: pointer!important;
}

.slug-gallery-item img {
  width: 100%!important;
  display: block!important;
  object-fit: cover!important;
  transition: transform 0.4s ease, opacity 0.4s ease!important;
}

.slug-gallery-item:hover img {
  transform: scale(1.03)!important;
  opacity: 0.95!important;
}

/* LIGHTBOX MODAL */
.slug-lightbox-content {
  position: relative!important;
  background-color: #000!important;
  border-radius: 0!important;
  padding: 0!important;
  border: none!important;
}

.slug-lightbox-content img {
  width: 100%!important;
  height: auto!important;
  display: block!important;
}

/* Close button */
.slug-lightbox-close {
  position: absolute!important;
  right: 0.75rem!important;
  top: 0.75rem!important;
  filter: invert(1)!important;
  z-index: 2!important;
}

/* responsive tweak */
@media (max-width: 575.98px) {
  .slug-gallery {
    padding: 4rem 0!important;
  }
}

/* ===================================
   CTA STRIP – VOLNE PROSTORY
=================================== */
.slug-cta-strip {
  background-color: #252729!important;
  color: #fff!important;
  padding: 2.8rem 0!important;
}

.slug-cta-text {
  font-size: 1.8rem!important;
  font-weight: 400!important;
  letter-spacing: 0.06em!important;
  text-transform: uppercase!important;
  margin: 0!important;
  color: #FFF!important;
}

.slug-cta-text span {
  font-weight: 700!important;
}

/* světlejší button */
.slug-btn-light {
  background-color: #fff!important;
  color: #000!important;
  border-radius: 0!important;
  padding: 0.8rem 2.4rem!important;
  border: 1px solid #fff!important;
  font-size: 1rem!important;
}

.slug-btn-light:hover {
  background-color: transparent!important;
  color: #fff!important;
}

/* ===================================
   LOGA NÁJEMCŮ
=================================== */
.slug-clients {
  background-color: #fff!important;
  padding: 3.5rem 0 4.5rem!important;
}

.slug-client-logo {
  text-align: center!important;
}

.slug-client-logo img {
  max-width: 50%!important;
  height: auto!important;
  display: inline-block!important;
}

/* responsive tweaks */
@media (max-width: 991.98px) {
  .slug-cta-text {
    font-size: 1.2rem!important;
    text-align: center!important;
    margin-bottom: 1.2rem!important;
  }

  .slug-cta-strip {
    text-align: center!important;
  }

  .slug-clients {
    padding-top: 3rem!important;
    padding-bottom: 3.5rem!important;
  }
}

@media (max-width: 575.98px) {
  .slug-btn-light {
    width: 100%!important;
  }
}

/* ===================================
   FOOTER
=================================== */
.slug-footer {
  background-color: #000!important;
  color: #fff!important;
  padding: 5rem 0 4.5rem!important;
}

.slug-footer-title {
  font-size: 2rem!important;
  font-weight: 400!important;
  line-height: 1.25!important;
  margin-bottom: 2.5rem!important;
  color: #FFF!important;
}

.slug-footer-title strong {
  font-weight: 700!important;
}

.slug-footer-cols {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 3rem!important;
}

.slug-footer-col {
  font-size: 0.95rem!important;
  line-height: 1.6!important;
}

.slug-footer-col > strong > a {
    color: #FFF!important;
    text-decoration: none!important;
}

.slug-footer-col > strong > a:hover,
.slug-footer-col > strong > a:focus {
    text-decoration: underline!important;
}

@media (max-width: 767.98px) {

  .slug-footer {
    text-align: center!important;
  }

  .slug-footer-cols {
    align-items: center!important;
  }

  .slug-footer-col {
    text-align: center!important;
  }

  .slug-footer-links {
    text-align: center!important;
  }

  .slug-footer-links li {
    display: inline-block!important;
    margin: 0 0.6rem 0.6rem 0.6rem!important;
  }

}

/* RYCHLÉ ODKAZY */
.slug-footer-links {
  list-style: none!important;
  padding: 0!important;
  margin: 0.8rem 0 0 0!important;
}

.slug-footer-links li {
  margin-bottom: 0.4rem!important;
}

.slug-footer-links a {
  color: #fff;
  text-decoration: none!important;
  font-size: 0.95rem!important;
}

.slug-footer-links a:hover {
  text-decoration: underline!important;
}

/* PLACEHOLDER PRO FORM */
.slug-footer-form-placeholder {
  width: 100%!important;
  min-height: 260px!important;
  padding: 2rem!important;
}

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .slug-footer {
    padding: 4rem 0!important;
  }

  .slug-footer-title {
    font-size: 1.7rem!important;
    color: #FFF!important;
  }

  .slug-footer-cols {
    flex-direction: column!important;
    gap: 2rem!important;
  }
}

@media (max-width: 575.98px) {
  .slug-footer-title {
    font-size: 1.5rem!important;
  }

  .slug-footer-form-placeholder {
    padding: 1.5rem!important;
  }
}

/* ===============================
   SUBPAGE HERO
=============================== */
.slug-subpage-hero {
  min-height: 50vh!important;
  background-size: cover!important;
  background-position: center!important;
  position: relative!important;
  display: flex!important;
  align-items: center!important;
}

.slug-subpage-overlay {
  position: absolute!important;
  inset: 0!important;
  background: rgba(0,0,0,0.55)!important;
}

.slug-subpage-title {
  color: #fff!important;
  font-size: 3rem!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  letter-spacing: 0.08em!important;
}

/* ===============================
   SUBPAGE CONTENT
=============================== */
.slug-subpage-content {
  padding: 5rem 0!important;
}

.slug-subpage-content h2 {
  font-size: 2rem!important;
  font-weight: 700!important;
  margin-bottom: 1.2rem!important;
}

.slug-subpage-content p {
  font-size: 0.95rem!important;
  line-height: 1.7!important;
}

/* ===============================
   CHECKLIST
=============================== */
.slug-checklist {
  list-style: none!important;
  padding: 0!important;
  margin: 1.5rem 0 2rem!important;
}

.slug-checklist li {
  padding-left: 1.4rem!important;
  margin-bottom: 0.5rem!important;
  position: relative!important;
  color: #000!important;
}

.slug-checklist li::before {
  content: "✓"!important;
  position: absolute!important;
  left: 0!important;
  font-weight: 700!important;
}

/* ===============================
   SUBPAGE GALLERY
=============================== */
.slug-subpage-gallery {
  padding-bottom: 5rem!important;
}

.slug-subpage-gallery img {
  width: 100%!important;
  display: block!important;
}

/* ===============================
   RESPONSIVE
=============================== */
@media (max-width: 991px) {
  .slug-subpage-title {
    font-size: 2.2rem!important;
  }
}

.slug-services-page {
  padding-top: 10em!important;  /* místo 4.5rem pokud chceš víc prostoru */
}

/* jemné střídání podkladu u sekcí na podstránce O nás */
.slug-subpage-alt {
  background-color: #f8f8f8!important;
}

/* box pro zvýraznění informací */
.slug-info-box {
  border: 1px solid #e5e5e5!important;
  padding: 1.8rem 2rem!important;
  background-color: #fff!important;
}

.slug-info-box h3 {
  font-size: 1.1rem!important;
  font-weight: 700!important;
  margin-bottom: 1rem!important;
}

/* KARTY PŮDORYSŮ */
.slug-floor-card {
  border: 1px solid #e5e5e5!important;
  padding: 2rem 2.5rem!important;
  background-color: #fff!important;
}

.slug-floorplan-img {
  background-color: #f8f8f8!important;
  padding: 1rem!important;
}

.slug-floor-card h3 {
  font-size: 1.4rem!important;
  font-weight: 700!important;
  margin-bottom: 0.8rem!important;
}

.slug-floor-info {
  font-size: 0.95rem!important;
  line-height: 1.7!important;
  margin-bottom: 1rem!important;
}

.slug-floor-meta {
  list-style: none!important;
  padding: 0!important;
  margin: 0 0 1rem 0!important;
  font-size: 0.9rem!important;
}

.slug-floor-meta li {
  margin-bottom: 0.3rem!important;
  color: #000!important;
}

/* responsive drobnosti */
@media (max-width: 767.98px) {
  .slug-floor-card {
    padding: 1.7rem 1.4rem!important;
  }
}