/* ============================================================
   GLOBAL FONTS
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans:wght@400;700&family=Open+Sans:wght@400;600;700&display=swap');

/* Tailwind directives */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: "Cal Sans", sans-serif !important;
  letter-spacing: 0.03em;
}

body, p, li, span, a, button {
  font-family: "Open Sans", sans-serif !important;
}



/* ============================================================
   ANIMACE
============================================================ */
.fade-in {
  opacity: 0;
  transform: translateY(35px);
  transition: all 0.65s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}



/* ============================================================
   BRAND KOMPONENTY
============================================================ */
.left-accent {
  border-left: 6px solid #db4817;
  border-radius: 0 1.3rem 1.3rem 0;
}

/* Hover lifting cards */
.hover-lift {
  transition: transform .25s ease, box-shadow .25s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}



/* ============================================================
   SLIDESHOW
============================================================ */
.slide-img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

@media (max-width: 640px) {
  .slide-img {
    height: 260px;
  }
}

.img-fallback {
  object-fit: cover;
  width: 100%;
  height: 350px;
  background-color: #f2f2f2; /* neutrální pozadí */
}


/* ============================================================
   TLAČÍTKA
============================================================ */
.btn-primary {
  background-color: #8A1C1C;
  color: #ffffff;
  padding: 0.75rem 1.75rem;
  border-radius: 0.75rem;
  font-weight: 600;
  display: inline-block;
  transition: background-color 0.25s ease, transform 0.2s ease;
  text-decoration: none;
}

.btn-primary:hover {
  background-color: #a62d2d; /* světlejší odstín */
  transform: translateY(-2px);
}

.btn-primary:active {
  background-color: #7a1616;
  transform: translateY(0);
}


  .icon-anim {
    opacity: 0.8;
    transition: transform 0.25s ease, opacity 0.25s ease;
    display: inline-block;
  }
  .icon-anim:hover {
    opacity: 1;
    transform: translateY(-2px) scale(1.12);
  }