/* Αυτόματο responsive για όλα τα YouTube iframes */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
  aspect-ratio: 16 / 9;   /* Λόγος διαστάσεων 16:9 */
  width: 100% !important; /* Γεμίζει όλο το πλάτος */
  height: auto !important;
  display: block;
}

/* Meteo24News – Light Sidebar States */
.m24-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;margin:18px 0}
.m24-card{background:#fff;border:1px solid #e3e8ec;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.08);overflow:hidden}
.m24-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e3e8ec;background:linear-gradient(180deg,#fff,#f7fbfd)}
.m24-title{font-size:14px;font-weight:800;color:#1c2a33;display:flex;align-items:center;gap:8px}
.m24-dot{width:9px;height:9px;background:#2f6d84;border-radius:50%;box-shadow:0 0 0 4px rgba(47,109,132,.15)}
.m24-sub{font-size:12px;color:#6c7a86;font-weight:600}

/* Sidebar-friendly grid */
.m24-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}

/* Button */
.m24-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 10px;border-radius:12px;background:#e6f1f6;color:#1c2a33;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #e3e8ec;transition:180ms ease}
.m24-state:hover{background:#fff;border-color:#2f6d84;box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-1px)}

/* LIVE badge (χωρίς animation για να μη “γκρινιάζει” ο editor) */
.m24-live{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:800;border-radius:999px;background:rgba(229,57,53,.1);color:#e53935}
.m24-live-dot{width:7px;height:7px;background:#e53935;border-radius:50%}

/* Disabled */
.m24-disabled{opacity:.55;pointer-events:none}

.post-content h2{
margin-top:30px;
margin-bottom:15px;
}

.post-content h3{
margin-top:25px;
margin-bottom:12px;
}

.post-content p{
margin-bottom:18px;
}

.m24-english-header{
  background: linear-gradient(135deg,#081120,#0f172a);
  border-bottom: 1px solid rgba(255,255,255,.08);
  position: relative;
  z-index: 99;
}

.m24-english-header-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.m24-english-brand{
  display:flex;
  align-items:center;
}

.m24-english-logo{
  color:#ffffff;
  text-decoration:none;
  font-size:28px;
  font-weight:900;
  letter-spacing:.2px;
  line-height:1;
}

.m24-english-logo:hover{
  color:#38bdf8;
}

.m24-english-nav{
  display:flex;
  align-items:center;
}

.m24-english-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:18px;
}

.m24-english-menu li{
  list-style:none;
  margin:0;
  padding:0;
}

.m24-english-menu li a{
  color:#ffffff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.4px;
  transition:all .2s ease;
}

.m24-english-menu li a:hover{
  color:#38bdf8;
}

@media (max-width: 991px){
  .m24-english-header-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .m24-english-menu{
    flex-wrap:wrap;
    gap:10px 14px;
  }

  .m24-english-logo{
    font-size:24px;
  }
}

@media (max-width: 576px){
  .m24-english-header-inner{
    padding:14px 16px;
  }

  .m24-english-logo{
    font-size:22px;
  }

  .m24-english-menu li a{
    font-size:12px;
  }
}
/* ===== Meteo24 English Edition Header ===== */
.m24en-header,
.m24en-header *{
  box-sizing:border-box;
}

.m24en-header{
  position:relative;
  z-index:999;
  width:100%;
  font-family:Arial,sans-serif;
  background:#0b1220;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.m24en-inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
}

.m24en-top{
  background:linear-gradient(135deg,#08111f,#0f172a);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.m24en-top .m24en-inner{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:78px;
}

.m24en-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.m24en-logo{
  display:inline-block;
  text-decoration:none !important;
  color:#ffffff !important;
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:.2px;
  margin:0;
}

.m24en-logo span{
  color:#38bdf8;
}

.m24en-logo:hover{
  color:#ffffff !important;
  opacity:.95;
}

.m24en-tagline{
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#94a3b8;
}

.m24en-nav-row{
  background:#111827;
  border-top:1px solid rgba(255,255,255,.04);
}

.m24en-nav{
  width:100%;
}

.m24en-menu,
.m24en-menu ul,
.m24en-menu li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.m24en-menu{
  display:flex !important;
  align-items:center;
  gap:0;
  flex-wrap:wrap;
}

.m24en-menu > li{
  position:relative;
  margin:0 !important;
}

.m24en-menu > li > a{
  display:flex !important;
  align-items:center;
  min-height:52px;
  padding:0 16px;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
  transition:all .2s ease;
  border-right:1px solid rgba(255,255,255,.06);
}

.m24en-menu > li:first-child > a{
  border-left:1px solid rgba(255,255,255,.06);
}

.m24en-menu > li > a:hover,
.m24en-menu > li.current-menu-item > a,
.m24en-menu > li.current-menu-parent > a,
.m24en-menu > li.current_page_item > a{
  background:#1d4ed8;
  color:#ffffff !important;
}

.m24en-menu .menu-sub-title{
  display:none !important;
}

.m24en-menu li ul{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#111827;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  z-index:9999;
}

.m24en-menu li:hover > ul{
  display:block;
}

.m24en-menu li ul li{
  width:100%;
}

.m24en-menu li ul a{
  display:block;
  padding:12px 14px;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#111827;
}

.m24en-menu li ul a:hover{
  background:#1e293b;
  color:#38bdf8 !important;
}

.m24en-header .mega-dropdown,
.m24en-header .flex-dropdown,
.m24en-header .menu-item-has-children.menu-has-child-mega > .mega-dropdown,
.m24en-header .menu-item-has-children.menu-has-child-mega > .flex-dropdown{
  display:none !important;
}

.m24en-menu .menu-item-icon,
.m24en-menu .menu-item-svg{
  margin-right:8px;
  display:inline-flex;
  align-items:center;
}

@media (max-width:991px){
  .m24en-top .m24en-inner{
    min-height:68px;
  }

  .m24en-logo{
    font-size:28px;
  }

  .m24en-menu > li > a{
    min-height:46px;
    padding:0 12px;
    font-size:12px;
  }
}

@media (max-width:767px){
  .m24en-inner{
    padding-left:14px;
    padding-right:14px;
  }

  .m24en-top .m24en-inner{
    min-height:auto;
    padding-top:14px;
    padding-bottom:14px;
  }

  .m24en-logo{
    font-size:24px;
  }

  .m24en-tagline{
    font-size:11px;
  }

  .m24en-menu{
    display:grid !important;
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

  .m24en-menu > li > a{
    justify-content:center;
    text-align:center;
    min-height:44px;
    border-left:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .m24en-menu li ul{
    position:static;
    min-width:100%;
    box-shadow:none;
    border:none;
  }

  .m24en-menu li:hover > ul{
    display:none;
  }
}