/* =====================================================================
   időjárás123 – közös stíluslap
   Nagy betűk, világos háttér, erős kontraszt.
   ===================================================================== */
:root{
  --page:#EAF0F6; --paper:#FFFFFF; --text:#152232; --muted:#53657A;
  --line:#DCE3EB; --blue:#15629E; --bluedark:#0E4A79;
  --amberbg:#FFF6E6; --amberline:#E8A33D; --ambertext:#7E4A05;
  --shadow:0 1px 2px rgba(21,34,50,.06), 0 4px 14px rgba(21,34,50,.07);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text);
  font-family:"Segoe UI",Roboto,system-ui,Arial,sans-serif;
  font-size:18px;line-height:1.5}
.wrap{max-width:540px;margin:0 auto;padding:0 14px 44px}
a{color:var(--blue)}
img{max-width:100%;height:auto}

/* ---------- fejléc és menü ---------- */
.top{background:var(--bluedark);margin:0 -14px;padding:11px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:10px}
.top .brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.top .logo{width:28px;height:28px;flex:none}
.top .brand span{color:#fff;font-size:21px;font-weight:600;letter-spacing:-.01em}
.top .brand span b{font-weight:800;color:#9FD2F5}
.menugomb{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);border-radius:9px;padding:9px 14px;
  color:#fff;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer}
.menugomb:hover{background:rgba(255,255,255,.22)}
.menugomb .hb{width:22px;height:17px;flex:none}
.menu{background:var(--paper);margin:0 -14px;border-bottom:3px solid var(--bluedark);
  box-shadow:0 8px 20px rgba(21,34,50,.14)}
.menu a{display:flex;align-items:center;gap:14px;padding:15px 18px;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.menu a:last-child{border-bottom:0}
.menu a:hover{background:#F1F7FC}
.menu a.aktiv{background:#EAF3FB;box-shadow:inset 4px 0 0 var(--blue)}
.menu a svg{width:34px;height:34px;flex:none}
.menu a b{display:block;font-size:19px;font-weight:600}
.menu a small{display:block;font-size:15px;color:var(--muted);margin-top:1px}

/* ---------- kereső ---------- */
.search{position:relative;background:var(--paper);border-radius:12px;margin-top:14px;
  padding:14px 15px;box-shadow:var(--shadow)}
.search label{display:block;font-size:17px;font-weight:600;margin-bottom:8px}
.search .box{position:relative}
.search input{width:100%;font-size:19px;padding:14px 14px 14px 46px;border:2px solid var(--line);
  border-radius:9px;font-family:inherit;background:#F8FAFC;color:var(--text)}
.search input:focus{outline:none;border-color:var(--blue);background:#fff}
.search .mag{position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:21px;height:21px;opacity:.45;pointer-events:none}
.search .tipp{font-size:15px;color:var(--muted);margin-top:9px}
.sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;
  border:2px solid var(--blue);border-radius:11px;overflow:hidden;z-index:30;display:none;
  box-shadow:0 10px 26px rgba(21,34,50,.18)}
.sug a,.sug .semmi{display:block;padding:14px 16px;border-bottom:1px solid var(--line);
  font-size:19px;color:var(--text);text-decoration:none}
.sug a:last-child{border-bottom:0}
.sug a:hover,.sug a.kijelolt{background:#F1F7FC}
.sug small{display:block;font-size:15px;color:var(--muted);margin-top:2px}
.sug .semmi{color:var(--muted);font-size:17px}

/* ---------- hero (kezdőlap) ---------- */
.hero{margin:18px -14px 0;padding:30px 20px 34px;color:#0F2C44;position:relative;overflow:hidden;
  background:linear-gradient(178deg,#7FC0EE 0%,#A8D5F2 50%,#CFE7F6 100%)}
.hero h1{font-size:31px;line-height:1.18;margin:0;font-weight:700;letter-spacing:-.01em;max-width:280px}
.hero p{font-size:18px;margin:10px 0 0;color:#255074;max-width:300px}
.hero .art{position:absolute;right:6px;top:22px;width:104px;height:104px}
.hero .hills{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;display:block}

h1{font-size:31px;line-height:1.14;margin:22px 0 3px;font-weight:700;letter-spacing:-.01em}
h2{font-size:23px;font-weight:700;margin:30px 0 11px;letter-spacing:-.01em}
.where{font-size:16px;color:var(--muted);margin-bottom:14px}
.h2sub{font-size:16px;color:var(--muted);margin:-6px 0 12px}

/* ---------- égbolt kártya ---------- */
.sky{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  padding:20px 20px 0;color:#123047}
.sky.night{color:#EAF2F9}
.sky .lab{font-size:16px;opacity:.85;font-weight:500}
.sky-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.sky .deg{font-size:70px;font-weight:700;line-height:1;letter-spacing:-.03em}
.sky .deg sup{font-size:26px;font-weight:600;vertical-align:top;margin-left:1px}
.sky .art{width:104px;height:104px;flex:none;margin:-6px -4px 0 0}
.sky .word{font-size:22px;font-weight:700;margin-top:2px}
.sky .hills{display:block;width:calc(100% + 40px);margin:6px -20px -1px;height:auto}
.sky .extra{background:rgba(255,255,255,.76);margin:0 -20px;padding:12px 20px;
  display:flex;justify-content:space-between;font-size:16px;color:#254A66;position:relative;z-index:2}
.sky .extra b{font-weight:600;color:#123047}

/* ---------- válasz doboz ---------- */
.answer{background:var(--paper);border-left:6px solid var(--blue);border-radius:12px;
  padding:16px 18px;margin-top:14px;font-size:20px;line-height:1.45;box-shadow:var(--shadow);
  display:flex;gap:13px;align-items:flex-start}
.answer .ai{width:38px;height:38px;flex:none;margin-top:-2px}
.answer b{color:var(--blue)}

/* ---------- figyelmeztetés ---------- */
.warn{background:var(--amberbg);border:2px solid var(--amberline);border-radius:12px;
  padding:15px 17px;margin-top:14px;display:flex;gap:13px;align-items:flex-start}
.warn .wi{width:34px;height:34px;flex:none}
.warn .t{font-size:20px;font-weight:700;color:var(--ambertext)}
.warn .b{font-size:18px;margin-top:4px;line-height:1.45}

/* ---------- táblázatok ---------- */
.tbl{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.tr{display:flex;align-items:center;gap:11px;padding:13px 16px;
  border-bottom:1px solid var(--line);font-size:18px}
.tr:last-child{border-bottom:0}
.tr.today{background:#F1F7FC}
.c-time{width:78px;flex:none;color:var(--muted);font-size:17px}
.tr.today .c-time{color:var(--blue);font-weight:600}
.c-day{width:100px;flex:none}
.c-day b{display:block;font-size:18px}
.c-day span{font-size:15px;color:var(--muted)}
.c-ic{width:42px;height:42px;flex:none}
.c-word{flex:1;font-size:17px;line-height:1.3}
.c-deg{flex:none;text-align:right;font-size:20px;font-weight:700;white-space:nowrap}
.c-deg s{text-decoration:none;font-weight:400;color:var(--muted);font-size:18px}
.c-rain{font-size:16px;color:var(--blue);display:block;font-weight:500;margin-top:2px}
.norain{color:var(--muted);font-weight:400}

/* ---------- pollen ---------- */
.pollen{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.pr{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pr:last-child{border-bottom:0}
.pr .pi{width:34px;height:34px;flex:none}
.pr .pn{flex:1}
.pr .pn b{display:block;font-size:18px;font-weight:600}
.pr .savkoz{margin-top:6px;height:9px;border-radius:5px;background:#E7ECF1;overflow:hidden}
.pr .savkoz i{display:block;height:100%;border-radius:5px}
.pr .szint{flex:none;font-size:17px;font-weight:700;text-align:right;width:112px;line-height:1.25}
.pr .szint small{display:block;font-size:14px;font-weight:400;color:var(--muted)}
.lv1{color:#3C7A3F}.lv2{color:#9A7A0E}.lv3{color:#B85C10}.lv4{color:#A8202F}
.b1{background:#5AA45E}.b2{background:#D9B429}.b3{background:#E88B2A}.b4{background:#C82E3F}
.pollen-lab{background:#F6F9FC;padding:13px 16px;font-size:16px;color:var(--muted);
  border-top:1px solid var(--line);line-height:1.5}

/* ---------- két hetes kilátás ---------- */
.tavlat{background:#F5F8FB;border:2px dashed #C4D2DF;border-radius:12px;overflow:hidden}
.tavlat-szoveg{padding:16px 17px 14px;font-size:18px;line-height:1.5;color:#2C4155}
.tavlat-szoveg b{color:var(--text);font-weight:700}
.tavlat-sav{display:flex;border-top:1px solid #D8E2EB;background:#fff}
.tavlat-sav .tn{flex:1;text-align:center;padding:13px 2px 12px;border-right:1px solid #E7EDF3}
.tavlat-sav .tn:last-child{border-right:0}
.tavlat-sav .tn span{display:block;font-size:14px;color:var(--muted)}
.tavlat-sav .tn b{display:block;font-size:19px;font-weight:700;margin-top:4px}
.tavlat-sav .tn i{display:block;font-style:normal;font-size:15px;color:var(--muted);margin-top:1px}
.tavlat-lab{display:flex;gap:11px;align-items:flex-start;padding:13px 17px;
  border-top:1px solid #D8E2EB;font-size:16px;line-height:1.5;color:#4A5D70}
.tavlat-lab .tli{width:24px;height:24px;flex:none;margin-top:1px;opacity:.75}

/* ---------- egyéb dobozok ---------- */
.note{background:var(--paper);border-radius:12px;padding:15px 18px;margin-top:14px;
  font-size:17px;color:var(--muted);box-shadow:var(--shadow)}
.about{background:var(--paper);border-radius:12px;padding:16px 18px;margin-top:14px;
  font-size:17px;line-height:1.55;box-shadow:var(--shadow)}
.about p{margin:0 0 12px}.about p:last-child{margin-bottom:0}
.near{margin-top:12px;background:var(--paper);border-radius:12px;padding:4px 0;box-shadow:var(--shadow)}
.near a{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;
  border-bottom:1px solid var(--line);color:var(--blue);font-size:18px;text-decoration:none}
.near a:last-child{border-bottom:0}
.near a:hover{background:#F1F7FC}
.near a i{font-style:normal;color:var(--muted);font-size:15px}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips a{background:var(--paper);border-radius:999px;padding:11px 17px;font-size:17px;
  color:var(--blue);text-decoration:none;box-shadow:var(--shadow)}
.chips a:hover{background:#F1F7FC}
.info{background:var(--paper);border-radius:12px;padding:18px 20px;margin-top:14px;
  font-size:17px;line-height:1.6;box-shadow:var(--shadow)}
.info h3{font-size:19px;margin:0 0 8px;font-weight:700}
.info ul{margin:0;padding-left:22px}
.info li{margin-bottom:7px}
.uzenet{background:var(--paper);border-radius:12px;padding:26px 20px;margin-top:14px;
  text-align:center;color:var(--muted);font-size:18px;box-shadow:var(--shadow)}

/* ---------- morzsa ---------- */
.morzsa{font-size:15px;color:var(--muted);margin-top:16px}
.morzsa a{color:var(--muted);text-decoration:none}
.morzsa a:hover{text-decoration:underline}

/* ---------- lábléc ---------- */
footer{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);
  font-size:15px;color:var(--muted);line-height:1.65}
footer a{color:var(--blue)}
.lab-linkek{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
.lab-linkek a{font-size:16px}

@media (min-width:600px){
  .wrap{padding-bottom:56px}
}