/* ============================================================
   aegypten-klima.css — Jahresklima-Grafik fuer Reisezielseiten
   CSS-only (kein JS), Theme-Tokens, einfarbige Inline-SVG-Icons.
   ============================================================ */
.aeg-klima{
  margin:1.9em 0;
  background:var(--bg-warm,#f1ead9);
  border:1px solid var(--line,#e7ddc9);
  border-radius:14px;
  padding:1.15em 1.25em 1.05em;
  color:var(--ink,#23201a);
}
.aeg-klima *{box-sizing:border-box}
.aeg-klima__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5em .9em;margin-bottom:.95em}
.aeg-klima__title{
  margin:0;font-size:1.18em;line-height:1.25;font-weight:700;
  display:flex;align-items:center;gap:.45em;color:var(--nil,#1d2746);
}
.aeg-klima__title svg{width:1.05em;height:1.05em;flex:0 0 auto;color:var(--terra,#bf9b4e)}
.aeg-klima__badge{
  display:inline-flex;align-items:center;gap:.4em;
  background:var(--terra,#bf9b4e);color:#fff;
  font-size:.82em;font-weight:600;padding:.34em .72em;border-radius:999px;line-height:1.2;
}
.aeg-klima__badge svg{width:1em;height:1em;color:#fff}
/* Balkendiagramm: Lufttemperatur */
.aeg-klima__chart{display:grid;grid-template-columns:repeat(12,1fr);gap:.2em;align-items:end}
.aeg-klima__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}
.aeg-klima__val{font-size:.72em;font-weight:700;color:var(--terra-deep,#a07f33);margin-bottom:2px}
.aeg-klima__track{height:80px;width:64%;display:flex;align-items:flex-end}
.aeg-klima__bar{
  width:100%;border-radius:5px 5px 2px 2px;min-height:6px;
  background:linear-gradient(180deg,var(--terra,#bf9b4e),var(--sand-deep,#d8c190));
}
.aeg-klima__w{font-size:.7em;font-weight:600;color:var(--nil-soft,#33406a);margin-top:3px}
.aeg-klima__m{font-size:.68em;color:var(--grey,#5e574a);margin-top:2px}
/* Sonne + Regen */
.aeg-klima__rows{margin-top:.8em;border-top:1px dashed var(--line,#e7ddc9);padding-top:.65em}
.aeg-klima__rowhead{display:flex;align-items:center;gap:.4em;font-size:.74em;font-weight:600;color:var(--grey,#5e574a);margin:.25em 0 .15em}
.aeg-klima__rowhead svg{width:1em;height:1em;color:var(--terra,#bf9b4e)}
.aeg-klima__row{display:grid;grid-template-columns:repeat(12,1fr);gap:.2em;text-align:center;font-size:.72em;color:var(--ink,#23201a)}
/* Legende + Hinweis */
.aeg-klima__legend{margin:.75em 0 0;font-size:.73em;color:var(--grey,#5e574a);display:flex;flex-wrap:wrap;gap:.35em 1.15em}
.aeg-klima__legend span{display:inline-flex;align-items:center;gap:.4em}
.aeg-klima__sw{width:.85em;height:.85em;border-radius:3px;flex:0 0 auto}
.aeg-klima__sw--air{background:var(--terra,#bf9b4e)}
.aeg-klima__sw--w{background:var(--nil-soft,#33406a)}
.aeg-klima__note{margin:.55em 0 0;font-size:.68em;color:var(--grey-soft,#8a8275)}
@media (max-width:540px){
  .aeg-klima{padding:1em 1em .9em}
  .aeg-klima__chart{gap:.12em}
  .aeg-klima__track{height:62px;width:80%}
  .aeg-klima__val{font-size:.6em}
  .aeg-klima__w{font-size:.58em}
  .aeg-klima__m{font-size:.56em}
  .aeg-klima__row{font-size:.6em;gap:.12em}
}