/* Darthost Simple Weather v2.5.1 */
.dh-sw-bar{
    --pad: 10px;
    --radius: 10px;
    --fs: clamp(12px, 2.2vw, 16px);
    --fg: #fff;
    color: var(--fg);
    padding: var(--pad);
    border-radius: var(--radius);
    font-weight: 600;
    line-height: 1.25;
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
}
.dh-sw-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--fs);
    text-align: center;
}
.dh-sw-line{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Day/Night base */
.dh-sw-day{ box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.08); }
.dh-sw-night{ box-shadow: inset 0 -2px 0 0 rgba(255,255,255,.12); }

/* Backgrounds by category */
.dh-sw-clear.dh-sw-day{ background: linear-gradient(90deg,#FDB813,#FD8D32); }
.dh-sw-clear.dh-sw-night{ background: linear-gradient(90deg,#0f172a,#1e293b); }

.dh-sw-clouds.dh-sw-day{ background: linear-gradient(90deg,#6b7280,#9ca3af); }
.dh-sw-clouds.dh-sw-night{ background: linear-gradient(90deg,#374151,#4b5563); }

.dh-sw-rain{ background: linear-gradient(90deg,#2563eb,#1d4ed8); }
.dh-sw-drizzle{ background: linear-gradient(90deg,#60a5fa,#3b82f6); }

.dh-sw-thunder{ background: linear-gradient(90deg,#111827,#334155); border: 1px solid rgba(255,255,255,.12); }
.dh-sw-snow{ background: linear-gradient(90deg,#60a5fa,#93c5fd); }
.dh-sw-mist{ background: linear-gradient(90deg,#64748b,#94a3b8); }

.dh-sw-cold{ background: linear-gradient(90deg,#06b6d4,#3b82f6); }

/* Tablet */
@media (max-width: 1024px){
    .dh-sw-bar{ --fs: clamp(12px, 2.6vw, 15px); }
}

/* Mobile tweaks */
@media (max-width: 480px){
    .dh-sw-bar{ --pad: 8px; --fs: clamp(12px, 3.8vw, 15px); }
}