/* CLEANED afg-location.css – 2026-01-30 | Keep design, remove duplicates & unsafe overflow */
/* =========================================================
   AFG – LOCATION (Variante B / Panels + Rivets)
   Requires global tokens/buttons from afg-global.css + afg-components.css
========================================================= */

.afg-loc-hero{ background: radial-gradient(ellipse at 20% 10%, rgba(245,213,71,.12), transparent 55%); }
.afg-loc-hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(18px, 3vw, 34px);
  align-items:start;
}
@media (max-width: 900px){
  .afg-loc-hero-grid{ grid-template-columns: 1fr; }
}

.afg-loc-hero-copy{ max-width: 64ch; }
.afg-loc-title{ margin-top: .2em; }

.afg-loc-hero-media .afg-media,
.afg-panel--media .afg-media{
  border-radius: 26px;
  overflow:hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.06);
}
.afg-media img{ width:100%; height:auto; display:block; }

.afg-split{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(18px, 3vw, 34px);
  align-items:center;
}
@media (max-width: 900px){ .afg-split{ grid-template-columns: 1fr; } }

.afg-panels-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(14px, 2.2vw, 22px);
  margin-top: clamp(12px, 2vw, 18px);
}
@media (max-width: 980px){ .afg-panels-grid{ grid-template-columns: 1fr; } }

.afg-panel{
  background: rgba(245,243,238,.85);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: clamp(18px, 2.6vw, 26px);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
  position: relative;
}

.afg-panel--rivet{
  background: rgba(245,243,238,.88);
}

/* Rivets (4 corners) */
.afg-panel--rivet::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18px 18px, rgba(245,213,71,.95) 0 4px, rgba(0,0,0,.18) 5px, transparent 7px),
    radial-gradient(circle at calc(100% - 18px) 18px, rgba(245,213,71,.95) 0 4px, rgba(0,0,0,.18) 5px, transparent 7px),
    radial-gradient(circle at 18px calc(100% - 18px), rgba(245,213,71,.95) 0 4px, rgba(0,0,0,.18) 5px, transparent 7px),
    radial-gradient(circle at calc(100% - 18px) calc(100% - 18px), rgba(245,213,71,.95) 0 4px, rgba(0,0,0,.18) 5px, transparent 7px);
  opacity:.75;
}

.afg-list{
  margin: 0;
  padding-left: 1.1em;
}
.afg-list li{ margin-bottom: .45em; }

/* Ensure buttons align nicely in hero */
.afg-actions{ display:flex; flex-wrap:wrap; gap: 12px; margin-top: 14px; }

/* Visit CTA split (reuses your existing .afg-visit-*) */