/* =====================================================
   Efficiency Club Bern — Custom Styles (v1.0.5)
   -----------------------------------------------------
   Contains:
   1) Font + base tweaks
   2) Head section (.ecb-head)
   3) Anlässe grid (.anlaesse-loop)
   4) Google Map link (".ecb-gmap")
   5) Generic cards / buttons polish
===================================================== */

/* 1) Font + base tweaks (uses fonts configured in Divi) */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-feature-settings: "liga" 1, "kern" 1; }
:root {
  --ecb-radius: 14px;
  --ecb-shadow: 0 6px 16px rgba(0,0,0,.06);
  --ecb-border: 1px solid rgba(0,0,0,.08);
}

/* 2) Head section */
.ecb-head { padding: 0 24px; }
.ecb-head h1 { margin: 0 0 8px; line-height: 1.2; }
.ecb-head p { margin: 0 0 24px; color:#333; }

/* 3) Anlässe — Divi Loop Grid */
.anlaesse-loop .et_pb_posts { max-width: 1100px; margin: 0 auto; }
.anlaesse-loop .et_pb_post{
  display:flex; align-items:flex-start; gap:16px; padding:14px 16px;
  border: var(--ecb-border); border-radius: var(--ecb-radius); background:#fff;
  margin-bottom:16px; transition: box-shadow .2s ease, border-color .2s ease, transform .12s ease;
}
.anlaesse-loop .et_pb_post:hover{
  box-shadow: var(--ecb-shadow); border-color: rgba(0,0,0,.12); transform: translateY(-1px);
}
.anlaesse-loop .entry-featured-image-url { flex:0 0 160px; border-radius: 12px; overflow:hidden; }
.anlaesse-loop .entry-title { margin: 0 0 6px; font-weight:600; line-height:1.25; }
.anlaesse-loop .post-meta, .anlaesse-loop .post-content { margin:0; }
.anlaesse-loop .more-link { display:inline-block; margin-top:8px; }

/* 4) Google Map link (Poppins 12) */
a.ecb-gmap{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size:12px; line-height:1; color:#666; text-decoration: none; border-bottom:1px dotted #aaa;
}
a.ecb-gmap:hover{ color:#111; border-bottom-color:#333; }

/* 5) Generic cards / buttons */
.ecb-card{
  background:#fff; border: var(--ecb-border); border-radius: var(--ecb-radius);
  box-shadow: 0 0 0 rgba(0,0,0,0); transition: box-shadow .2s ease, transform .12s ease;
}
.ecb-card:hover{ box-shadow: var(--ecb-shadow); transform: translateY(-1px); }
.ecb-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; }