/* Diyadinnet Hava Durumu — kenar çubuğu widget'ı (modules/Hava_Durumu/widget.inc.php, assets/widget.js).
   Tema blok kabuğu (.block 25px iç boşluk, .block-header--dn) temadan gelir; burada yalnızca widget'a özgü kurallar.
   "Gök gradyanı": anlık bölüm mavi gradyan kart (blok iç boşluğuna taşar), altında 5 günlük satırlar (gün | ikon | min — aralık çubuğu — max). */
.dn-hava-widget .block-body {
    padding-top: 0;
}
.dn-hb__kart {
    background: linear-gradient(160deg, #1e6fd9 0%, #5fb2ff 100%);
    color: #fff;
    margin: 0 -25px 12px;
    padding: 12px 18px 14px;
}
.dn-hb__ust {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 6px;
}
.dn-hb__sec {
    appearance: none;
    -webkit-appearance: none;
    background-color: rgba(255, 255, 255, .18);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 12px;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font: 700 .8rem/1.2 var(--dn-font), sans-serif;
    max-width: 11rem;
    padding: 6px 28px 6px 10px;
}
.dn-hb__sec:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .35);
    outline: 0;
}
.dn-hb__sec option {
    color: #222;
}
.dn-hb__saat {
    font-size: .72rem;
    opacity: .85;
    white-space: nowrap;
}
.dn-hb__simdi {
    color: #fff;
    display: block;
    text-decoration: none;
}
.dn-hb__simdi:hover,
.dn-hb__simdi:focus-visible {
    color: #fff;
    outline: 0;
}
.dn-hb__govde {
    align-items: center;
    display: flex;
    gap: 10px;
}
.dn-hb__ikon {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .25));
    flex: 0 0 72px;
    height: 72px;
    width: 72px;
}
.dn-hb__derece {
    font: 900 3rem/1 var(--dn-font), sans-serif;
    letter-spacing: -.04em;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}
.dn-hb__durum {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-left: auto;
    min-width: 0;
    text-align: right;
}
.dn-hb__durum b {
    font: 900 .95rem/1.2 var(--dn-font), sans-serif;
}
.dn-hb__durum span {
    font-size: .74rem;
    opacity: .85;
}
.dn-hb__simdi:hover .dn-hb__durum b {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.dn-hb__meta {
    border-top: 1px solid rgba(255, 255, 255, .3);
    display: flex;
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
    gap: 6px;
    justify-content: space-between;
    margin-top: 10px;
    padding-top: 8px;
}
.dn-hb__meta i {
    margin-right: 3px;
    opacity: .9;
}
/* 5 günlük satırlar */
.dn-hb__liste {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.dn-hb__satir {
    align-items: center;
    border-radius: 8px;
    display: grid;
    font-variant-numeric: tabular-nums;
    gap: 8px;
    grid-template-columns: 44px 28px 30px 1fr 30px;
    padding: 5px 4px;
}
.dn-hb__satir--ilk {
    background: rgba(30, 111, 217, .08);
}
.dn-hb__gun {
    font: 700 .78rem/1.2 var(--dn-font), sans-serif;
}
.dn-hb__satir--ilk .dn-hb__gun {
    color: #1e6fd9;
}
.dn-hb__satir img {
    height: 28px;
    width: 28px;
}
.dn-hb__mn {
    color: var(--bs-secondary-color);
    font-size: .78rem;
    text-align: right;
}
.dn-hb__mx {
    font: 900 .86rem/1.2 var(--dn-font), sans-serif;
}
.dn-hb__cubuk {
    background: var(--bs-tertiary-bg);
    border-radius: 3px;
    height: 6px;
    position: relative;
}
.dn-hb__dolu {
    background: linear-gradient(90deg, #5fb2ff, #ff9f43, #cc292b);
    border-radius: 3px;
    height: 100%;
    position: absolute;
    top: 0;
}
[data-bs-theme="dark"] .dn-hb__satir--ilk {
    background: rgba(95, 178, 255, .15);
}
[data-bs-theme="dark"] .dn-hb__satir--ilk .dn-hb__gun {
    color: #8cc8ff;
}
[data-bs-theme="dark"] .dn-hb__cubuk {
    background: #444;
}