/*
Theme Name: La Famiglia Cooperativa
Theme URI: https://www.cooperativalafamiglia.net
Author: Cooperativa Sociale La Famiglia
Description: Tema istituzionale modificabile con l'Editor del sito di WordPress.
Version: 1.8.0
Text Domain: la-famiglia
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
a { text-underline-offset: 3px; }
.lf-shadow { box-shadow: 0 18px 50px rgba(20, 72, 145, .10); }
.lf-card { transition: transform .2s ease, box-shadow .2s ease; }
.lf-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(20,72,145,.12); }
.lf-logo { max-height: 84px; width: auto; }
.lf-cert, .lf-cert-wrap img { max-height: 84px; width: auto; object-fit: contain; }
.lf-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #eef7fd;
}
.lf-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#eef7fd 0%,#eef7fd 42%,rgba(238,247,253,.75) 46%,rgba(238,247,253,0) 52%); pointer-events:none; }
.lf-slides { position:absolute; top:0; right:0; bottom:0; left:45%; z-index:-2; }
.lf-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right; opacity:0; transition:opacity 1.6s ease-in-out; }
.lf-slide.is-active { opacity:1; }
.lf-slider-controls { position:absolute; right:28px; bottom:24px; z-index:4; display:flex; align-items:center; gap:8px; }
.lf-slider-arrow,.lf-slider-dot { border:0; cursor:pointer; background:#fff; color:#1459a6; box-shadow:0 5px 18px rgba(18,54,91,.18); }
.lf-slider-arrow { width:42px; height:42px; border-radius:50%; font-size:24px; line-height:1; }
.lf-slider-dot { width:11px; height:11px; border-radius:50%; padding:0; opacity:.65; }
.lf-slider-dot.is-active { background:#1459a6; opacity:1; }
.lf-hero-copy {
  border-left: 5px solid #1459a6;
  padding: 10px 28px;
}
.lf-hero-copy h1 {
  color: #073b6f;
  font-family: "Arial Black", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.5px;
  text-shadow: none;
}
.lf-hero-label {
  display: inline-block;
  background: #1459a6;
  color: #fff !important;
  font-weight: 800 !important;
  padding: 8px 14px;
  border-radius: 999px;
}
@media (max-width: 700px) {
  .lf-logo { max-height: 66px; }
  .lf-hero::after { background:linear-gradient(rgba(238,247,253,.91),rgba(255,255,255,.91)); }
  .lf-slides { left:0; }
  .lf-slide { object-position:62% center; }
  .lf-hero-copy { background:rgba(238,247,253,.90); padding:22px; border-radius:0 18px 18px 0; }
  .lf-slider-controls { right:16px; bottom:14px; }
}