/* ============================================================
   Rocío – Firemní dárky (rc-corporate)
   Standalone CSS pro Shoptet
   Design systém sjednocen s nas-pribeh.css
   Všechny velikosti v px – Shoptet root font-size neovlivní
   ============================================================ */

/* ──────────────────────────────────────────────────────────
   Proměnné – 1:1 s rocio-v1_5.css a nas-pribeh.css
────────────────────────────────────────────────────────── */
.rc-corporate {
  --bg:      #eae4d6;
  --bg-soft: #f0ebe0;
  --dark:    #003D5B;
  --text:    #003D5B;
  --muted:   #4d718a;
  --gold:    #AC8B63;
  --gold-lt: #D3C5AB;
  --white:   #ffffff;
  --r:       24px;
  --font:    "Neulis Alt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ──────────────────────────────────────────────────────────
   Wrapper
────────────────────────────────────────────────────────── */
.rc-corporate {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font) !important;
  font-size: 16px;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
  max-width: 1120px;
  margin: 0 auto 40px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ──────────────────────────────────────────────────────────
   HERO – tmavý panel, text vlevo / slider vpravo
────────────────────────────────────────────────────────── */
.rc-corporate__hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: stretch;
  background: var(--dark);
  border-radius: var(--r);
  overflow: hidden;
  margin-bottom: 16px;
  position: relative;
}

/* Jemný gradientní accent vpravo nahoře */
.rc-corporate__hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 60% at 90% 10%, rgba(172,139,99,.09) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Textová část */
.rc-corporate__hero-text {
  position: relative;
  z-index: 1;
  padding: 56px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.rc-corporate__eyebrow {
  display: block;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gold-lt) !important;
  margin-bottom: 16px;
}

.rc-corporate__title {
  font-size: clamp(28px, 3.5vw, 44px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: var(--white) !important;
  margin: 0 0 24px !important;
}

.rc-corporate__hero-text p {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: rgba(255,255,255,.82) !important;
  margin: 0 0 12px !important;
}

.rc-corporate__hero-text p:last-child {
  margin-bottom: 0 !important;
}

/* Media – slider */
.rc-corporate__hero-media {
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,.15) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 420px;
  overflow: hidden;
}

.rc-corporate__hero-media--slider {
  height: 100%;
  min-height: 420px;
  background: rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  position: relative;
  overflow: hidden;
}

/* ── Slider – opacity crossfade, žádný translateX ── */
.rc-corporate__slider {
  position: relative;
  width: 100%;
  height: 100%;
}

.rc-corporate__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: rcFade 12s infinite;
}

.rc-corporate__slide:nth-child(1) { animation-delay: 0s; }
.rc-corporate__slide:nth-child(2) { animation-delay: 4s; }
.rc-corporate__slide:nth-child(3) { animation-delay: 8s; }

@keyframes rcFade {
  0%        { opacity: 0; }
  5%        { opacity: 1; }
  28%       { opacity: 1; }
  33%       { opacity: 0; }
  100%      { opacity: 0; }
}

.rc-corporate__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ──────────────────────────────────────────────────────────
   STORY – obrázek + text vedle sebe
────────────────────────────────────────────────────────── */
.rc-corporate__story {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0;
  align-items: stretch;
  margin-bottom: 48px;
  border-radius: var(--r);
  overflow: hidden;
  background: var(--bg-soft);
}

.rc-corporate__story-media {
  overflow: hidden;
  background: var(--bg-soft) !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 280px;
  border-radius: 0 !important;
}

.rc-corporate__story-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rc-corporate__story-text {
  background: #ffffff !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 48px 44px !important;
  display: flex;
  align-items: center;
}

.rc-corporate__story-text p {
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: var(--text) !important;
  font-style: italic;
  margin: 0 !important;
  position: relative;
  padding-left: 24px;
  border-left: 2px solid var(--gold);
}

/* ──────────────────────────────────────────────────────────
   PRODUKTY – karty
────────────────────────────────────────────────────────── */
.rc-corporate__products {
  margin-bottom: 48px;
}

.rc-corporate__section-title {
  font-size: 32px !important;
  font-weight: 400 !important;
  color: var(--text) !important;
  margin: 0 0 32px !important;
  letter-spacing: -0.01em;
}

.rc-corporate__product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  align-items: stretch;
}

.rc-corporate__product-card {
  background: var(--white) !important;
  border-radius: var(--r) !important;
  border: 1px solid rgba(0,61,91,.07) !important;
  box-shadow: 0 4px 24px rgba(0,61,91,.06) !important;
  padding: 32px 28px !important;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: box-shadow .3s ease, transform .3s ease;
}

.rc-corporate__product-card:hover {
  box-shadow: 0 12px 40px rgba(0,61,91,.12) !important;
  transform: translateY(-3px);
}

.rc-corporate__product-title {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--text) !important;
  margin: 0 0 16px !important;
  min-height: auto !important;
  text-align: center !important;
  line-height: 1.3 !important;
}

/* Zlatá linka pod názvem – centrovaná */
.rc-corporate__product-title::after {
  content: '';
  display: block;
  width: 32px;
  height: 2px;
  background: var(--gold);
  margin: 10px auto 0;
}

.rc-corporate__product-text {
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: #4a4a4a !important;
  margin: 0 0 16px !important;
  flex: 1;
}

.rc-corporate__product-meta {
  font-size: 13px !important;
  color: var(--gold) !important;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0 0 20px !important;
  line-height: 1.6 !important;
}

.rc-corporate__cta {
  align-self: center;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border-radius: 999px;
  background: var(--dark);
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background .2s ease, transform .2s ease;
}

.rc-corporate__cta:hover {
  background: #07283b;
  transform: translateY(-1px);
}

/* ──────────────────────────────────────────────────────────
   PROČ ROCÍO – tmavý panel, 3 body
────────────────────────────────────────────────────────── */
/* Přebití var(--dark) z rocio-v1_5.css – silnější selektor */
.rc-corporate .rc-corporate__why,
body .rc-corporate__why {
  background: #ffffff !important;
  border-radius: 24px !important;
  border: none !important;
  box-shadow: none !important;
  padding: 36px 48px 40px !important;
  text-align: left !important;
  margin-bottom: 48px !important;
  position: relative;
  overflow: hidden;
}

.rc-corporate .rc-corporate__why::before,
body .rc-corporate__why::before {
  display: none !important;
}

.rc-corporate .rc-corporate__why .rc-corporate__section-title,
body .rc-corporate__why .rc-corporate__section-title {
  color: #003D5B !important;
  position: relative;
  z-index: 1;
  margin-bottom: 8px !important;
}

.rc-corporate .rc-corporate__why-list,
body .rc-corporate__why-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 0 !important;
  position: relative;
  z-index: 1;
}

.rc-corporate .rc-corporate__why-list li,
body .rc-corporate__why-list li {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #003D5B !important;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,61,91,.08) !important;
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  align-items: baseline;
}

.rc-corporate .rc-corporate__why-list li:first-child,
body .rc-corporate__why-list li:first-child {
  border-top: 1px solid rgba(0,61,91,.08) !important;
}

.rc-corporate .rc-corporate__why-label,
body .rc-corporate__why-label {
  font-weight: 500 !important;
  color: #AC8B63 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em;
}

/* ──────────────────────────────────────────────────────────
   KONTAKT – centered karta
────────────────────────────────────────────────────────── */
.rc-corporate__contact {
  display: flex;
  justify-content: center;
}

.rc-corporate__contact-card {
  width: 100%;
  max-width: 560px;
  background: var(--white) !important;
  border-radius: var(--r) !important;
  border: 1px solid rgba(0,61,91,.10) !important;
  box-shadow: 0 8px 40px rgba(0,61,91,.10) !important;
  padding: 36px 48px 56px !important;
  text-align: center;
}

.rc-corporate__contact-card .rc-corporate__section-title {
  margin-bottom: 12px !important;
}

.rc-corporate__contact-text {
  font-size: 16px !important;
  color: var(--muted) !important;
  margin: 0 0 24px !important;
  line-height: 1.7 !important;
}

.rc-corporate__contact-line {
  font-size: 16px !important;
  color: var(--text) !important;
  margin: 4px 0 !important;
}

.rc-corporate__contact-line a {
  color: var(--text) !important;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--gold-lt);
  padding-bottom: 1px;
  transition: border-color .2s ease;
}

.rc-corporate__contact-line a:hover {
  border-color: var(--gold);
  text-decoration: none !important;
}

/* CTA tlačítko v kontaktu */
.rc-corporate__float-cta {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  border-radius: 999px;
  background: var(--dark);
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: none !important;
  margin-top: 28px;
  transition: background .2s ease, transform .2s ease;
}

.rc-corporate__float-cta:hover {
  background: #07283b;
  transform: translateY(-2px);
}

/* ──────────────────────────────────────────────────────────
   Responsive – tablet ≤ 768px
────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .rc-corporate {
    padding: 0 16px;
    gap: 0;
  }

  .rc-corporate__hero {
    grid-template-columns: 1fr;
    margin-bottom: 12px;
  }

  .rc-corporate__hero-text {
    padding: 40px 28px 32px;
  }

  .rc-corporate__hero-media,
  .rc-corporate__hero-media--slider {
    min-height: 280px;
    height: 280px;
    border-radius: 0 !important;
  }

  .rc-corporate__story {
    grid-template-columns: 1fr;
    margin-bottom: 48px;
  }

  .rc-corporate__story-media {
    min-height: 240px;
    aspect-ratio: 4/3;
  }

  .rc-corporate__story-text {
    padding: 32px 28px !important;
  }

  .rc-corporate__story-text p {
    font-size: 17px !important;
  }

  .rc-corporate__product-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rc-corporate__why {
    padding: 40px 28px 44px !important;
    margin-bottom: 48px;
  }

  .rc-corporate__why-list li {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .rc-corporate__contact-card {
    padding: 36px 28px !important;
  }
}

/* ──────────────────────────────────────────────────────────
   Responsive – mobil ≤ 480px
────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
  .rc-corporate {
    padding: 0 12px;
  }

  .rc-corporate__hero {
    border-radius: 16px;
  }

  .rc-corporate__hero-text {
    padding: 32px 20px 28px;
  }

  .rc-corporate__title {
    font-size: 26px !important;
  }

  .rc-corporate__hero-text p {
    font-size: 15px !important;
  }

  .rc-corporate__hero-media--slider {
    min-height: 220px;
    height: 220px;
  }

  .rc-corporate__story {
    gap: 10px;
  }

  .rc-corporate__story-media {
    min-height: 200px;
  }

  .rc-corporate__story-text {
    padding: 24px 20px !important;
    border-radius: 16px !important;
  }

  .rc-corporate__story-text p {
    font-size: 16px !important;
  }

  .rc-corporate__section-title {
    font-size: 24px !important;
  }

  .rc-corporate__product-card {
    padding: 24px 20px !important;
    border-radius: 16px !important;
  }

  .rc-corporate__why {
    padding: 32px 20px 36px !important;
    border-radius: 16px !important;
  }

  .rc-corporate__why-label {
    font-size: 13px !important;
  }

  .rc-corporate__contact-card {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
}