/* =========================================
   WPBakery Weather Card (RO) — v1.4.0
   ========================================= */

.wpbwc-card{
  --wpbwc-overlay-layer: linear-gradient(180deg, rgba(0,0,0,.46), rgba(0,0,0,.46));
  --wpbwc-bg: none;

  position:relative;
  border-radius:22px;
  overflow:hidden;
  color:#fff;
  padding:26px 22px 18px;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;

  background:
    var(--wpbwc-overlay-layer),
    var(--wpbwc-bg) center/cover no-repeat;
}

/* ===== HEAD split (desktop: titlu stânga, temp+cond dreapta) ===== */
.wpbwc-head{ margin-bottom:8px; }

@media (min-width: 900px){
  .wpbwc-head--split{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items:end;
    column-gap: 24px;}

  .wpbwc-head--split .wpbwc-title{
    color:#fff;
    font-weight:900;
    line-height:1.02;
    font-size: clamp(28px, 6vw, 74px);
    text-wrap: balance;
    max-width: 26ch;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
  }
   .wpbwc-head--split .wpbwc-title {
    margin-top: -5%;
    margin-left: 5%;
  }
  .wpbwc-head--split .wpbwc-cond {
    margin-top: -34px;
    margin-bottom: 34px;
  }

  .wpbwc-head--split .wpbwc-nowstack{
    display:flex; flex-direction:column; align-items:flex-end; gap:6px;
  }
  .wpbwc-head--split .wpbwc-now{ display:flex; align-items:center; gap:14px; }
  .wpbwc-head--split .wpbwc-now .wi{ font-size: clamp(34px, 5vw, 80px); line-height:1; }
  .wpbwc-head--split .wpbwc-temp{ font-size: clamp(40px, 5.6vw, 86px); font-weight:800; }
  .wpbwc-head--split .wpbwc-temp span{ font-size:.52em; opacity:.9; margin-left:2px; }
  .wpbwc-head--split .wpbwc-cond{ font-size: clamp(14px, 1.6vw, 22px); opacity:.98; }
}

/* ===== Mobile & Tablet ===== */
@media (max-width: 899.98px){
  .wpbwc-head--split{
    display:flex; flex-direction:column; gap:8px;
    align-items:center; text-align:center;
  }
  .wpbwc-title{
    color:#fff; font-weight:900; line-height:1.02;
    font-size: clamp(26px, 8vw, 42px);
    max-width: 100%;
    text-wrap: balance; margin:0;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
  }
    .wpbwc-cond {
    margin-top: -6px; 
  }
  .wpbwc-now{ display:flex; align-items:center; gap:12px; justify-content:center; }
  .wpbwc-now .wi{ font-size: clamp(28px, 10vw, 52px); }
  .wpbwc-temp{ font-size: clamp(34px, 12vw, 56px); font-weight:800; }
  .wpbwc-cond{ font-size: clamp(13px, 4.2vw, 18px); }
}

/* ===== META compact ===== */
.wpbwc-meta{
  list-style:none;
  margin:10px 0 0; padding:0;
  display:grid;
  grid-template-columns: repeat(6, minmax(0,1fr));  /* 6 coloane */
  gap:6px 8px;
  align-items:start; justify-items:center;
}
.wpbwc-meta--stack .wpbwc-meta-item{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px;
}
.wpbwc-meta--stack .wpbwc-meta-item .wi{ font-size:22px; line-height:1; }
.wpbwc-meta--stack .wpbwc-meta-item .txt{
  display:flex; flex-direction:column; gap:0;
  font-size: clamp(12px, 1.05vw, 13px);
}
.wpbwc-meta--stack .wpbwc-meta-item .txt .label,
.wpbwc-meta--stack .wpbwc-meta-item .txt strong,
.wpbwc-meta--stack .wpbwc-meta-item .txt em{
  display:block; line-height:1.15;
}
.wpbwc-meta--stack .label{ opacity:.9; }
.wpbwc-meta--stack strong{ font-weight:700; }
.wpbwc-meta--stack em{ font-style:normal; opacity:.85; font-size:.82em; }

@media (max-width:700px){
  .wpbwc-meta{grid-template-columns: repeat(3, 1fr); 
    gap:8px 10px;
    justify-items:stretch;}
  .wpbwc-meta--stack .wpbwc-meta-item .wi{ font-size:20px; }
  .wpbwc-meta--stack .wpbwc-meta-item .txt{ font-size:clamp(12px, 3.2vw, 14px); }
}

/* ===== FORECAST ===== */
.wpbwc-forecast{
  display:grid; gap:6px; margin-top:12px;
  grid-template-columns: repeat(auto-fit, minmax(110px,1fr));
}
.wpbwc-day{
  display:flex; flex-direction:column; align-items:center;
  gap:5px; padding:8px 6px; border-radius:14px;
  background:rgba(0,0,0,.28); backdrop-filter: blur(2px);
}
.wpbwc-dayname{ font-weight:700; font-size: clamp(12px, 1.5vw, 15px); }
.wpbwc-day .wi{ font-size:26px; line-height:1; }
.wpbwc-minmax{ font-size: clamp(14px, 1.7vw, 17px); }
.wpbwc-minmax span{ opacity:.9; }

/* Mobil: 3 carduri pe rând */
@media (max-width: 899.98px){
  .wpbwc-forecast{ grid-template-columns: repeat(3, 1fr); gap:8px; }
  .wpbwc-day{ padding:8px 8px; border-radius:14px; }
}

/* ===== Refresh button + spinner ===== */
.wpbwc-refresh{
  position:absolute; right:12px; bottom:10px;
  width:40px; height:40px; border-radius:50%; border:0; cursor:pointer;
  display:grid; place-items:center; background: rgba(0,0,0,.52); color:#fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
  transition: transform .12s ease, background .12s ease; z-index:20;
}
.wpbwc-refresh .wi{ font-size:20px; }
.wpbwc-refresh:hover{ transform: scale(1.06); background: rgba(0,0,0,.68); }
.wpbwc-refresh:active{ transform: scale(0.98); }
.wpbwc-refresh.loading .wi{ display:none; }
.wpbwc-refresh.loading::after{
  content:""; width:18px; height:18px;
  border:2px solid rgba(255,255,255,.4); border-top-color:#fff;
  border-radius:50%; animation: wpbwc-spin .7s linear infinite;
}
@keyframes wpbwc-spin{ to{ transform: rotate(360deg); } }

/* ===== Fade global & pe blocuri ===== */
.wpbwc-body{ opacity:1; transition: opacity .4s ease; }
.wpbwc-body.fading{ opacity:0; }
.wpbwc-body.appear .wpbwc-title,
.wpbwc-body.appear .wpbwc-nowstack,
.wpbwc-body.appear .wpbwc-meta-item,
.wpbwc-body.appear .wpbwc-day{
  opacity:0; transform: translateY(6px);
  animation: wpbwc-upfade .45s ease forwards;
}
@keyframes wpbwc-upfade{ to{ opacity:1; transform: translateY(0);} }
.wpbwc-body.appear .wpbwc-title       { animation-delay:.02s; }
.wpbwc-body.appear .wpbwc-nowstack    { animation-delay:.08s; }
.wpbwc-body.appear .wpbwc-meta-item:nth-child(1){animation-delay:.10s;}
.wpbwc-body.appear .wpbwc-meta-item:nth-child(2){animation-delay:.16s;}
.wpbwc-body.appear .wpbwc-meta-item:nth-child(3){animation-delay:.22s;}
.wpbwc-body.appear .wpbwc-meta-item:nth-child(4){animation-delay:.28s;}
.wpbwc-body.appear .wpbwc-meta-item:nth-child(5){animation-delay:.34s;}
.wpbwc-body.appear .wpbwc-day:nth-child(1){animation-delay:.40s;}
.wpbwc-body.appear .wpbwc-day:nth-child(2){animation-delay:.46s;}
.wpbwc-body.appear .wpbwc-day:nth-child(3){animation-delay:.52s;}
.wpbwc-body.appear .wpbwc-day:nth-child(4){animation-delay:.58s;}
.wpbwc-body.appear .wpbwc-day:nth-child(5){animation-delay:.64s;}
.wpbwc-body.appear .wpbwc-day:nth-child(6){animation-delay:.70s;}
.wpbwc-body.appear .wpbwc-day:nth-child(7){animation-delay:.76s;}
.wpbwc-body.appear .wpbwc-day:nth-child(8){animation-delay:.82s;}

/* ===== Ultima actualizare — centrat jos, la 6px de marginea de jos ===== */
.wpbwc-updated{
  position:absolute;
  left:50%; transform: translateX(-50%);
  bottom:6px;
  font-size:11px; color:rgba(255,255,255,.8); font-style:italic;
  opacity:0; transition: opacity 3s ease; pointer-events:none;
}
.wpbwc-updated.visible{ opacity:1; }

/* ===== Eroare ===== */
.wpbwc-error{ padding:16px; border-radius:12px; background:#111; color:#fff; }