/* KabarLagi 3.4 — verified places, editorial widgets, and news hero slider. */

/* Hero slider */
.kl34-hero-slider{--kl34-hero-radius:24px;position:relative;width:100%;margin:0 0 28px;color:#fff;isolation:isolate}
.kl34-hero-slider__viewport{position:relative;min-height:clamp(430px,54vw,650px);overflow:hidden;border-radius:var(--kl34-hero-radius);background:#0b1220;box-shadow:0 22px 55px rgba(10,18,34,.18)}
.kl34-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .46s ease,visibility .46s ease}
.kl34-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.kl34-hero-slide__media,.kl34-hero-slide__media>img,.kl34-hero-slide__media>.kabarlagi-fallback-cover{position:absolute;inset:0;width:100%;height:100%;display:block}
.kl34-hero-slide__image,.kl34-hero-slide__media img{object-fit:cover}
.kl34-hero-slide__media>.kabarlagi-fallback-cover{aspect-ratio:auto!important}
.kl34-hero-slide__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,22,.9) 0%,rgba(4,10,22,.68) 43%,rgba(4,10,22,.2) 72%,rgba(4,10,22,.12) 100%);z-index:1}
.kl34-hero-slide__content{position:absolute;z-index:3;left:clamp(24px,5vw,72px);bottom:clamp(64px,9vw,112px);width:min(760px,70%);text-shadow:0 2px 16px rgba(0,0,0,.44)}
.kl34-hero-slide__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.kl34-hero-slide__eyebrow span{padding:7px 10px;border-radius:999px;background:var(--kl-accent,var(--mainColor,#f4511e));color:#fff;box-shadow:none}
.kl34-hero-slide__eyebrow a{padding:6px 0;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.48)}
.kl34-hero-slide h2{max-width:800px;margin:0;font-size:clamp(30px,4.2vw,58px);font-weight:850;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.kl34-hero-slide h2 a{color:#fff;text-decoration:none;text-shadow:0 3px 20px rgba(0,0,0,.52)}
.kl34-hero-slide__content>p{max-width:690px;margin:16px 0 0;font-size:clamp(14px,1.55vw,18px);line-height:1.62;color:rgba(255,255,255,.88)}
.kl34-hero-slide__meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:12px;font-weight:650;color:rgba(255,255,255,.8)}
.kl34-hero-slider__controls{position:absolute;z-index:5;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:22px;display:flex;align-items:center;gap:12px}
.kl34-hero-slider__arrow{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(7,14,27,.44);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font:700 25px/1 Arial,sans-serif;cursor:pointer;transition:.2s ease}
.kl34-hero-slider__arrow:hover,.kl34-hero-slider__arrow:focus-visible{background:#fff;color:#111827;border-color:#fff;transform:translateY(-1px)}
.kl34-hero-slider__dots{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.kl34-hero-slider__dot{height:36px;flex:0 1 58px;padding:15px 0;border:0;background:transparent;cursor:pointer}
.kl34-hero-slider__dot span{display:block;height:3px;border-radius:10px;background:rgba(255,255,255,.36);overflow:hidden;transition:.25s ease}
.kl34-hero-slider__dot.is-active span{background:#fff;box-shadow:0 1px 9px rgba(255,255,255,.3)}
.kl34-hero-slider--headline{--kl34-hero-radius:16px}.kl34-hero-slider--headline .kl34-hero-slide__shade{background:linear-gradient(0deg,rgba(3,8,18,.92),rgba(3,8,18,.12) 75%)}.kl34-hero-slider--headline .kl34-hero-slide__content{width:min(860px,84%)}
.kl34-hero-slider--broadcast{--kl34-hero-radius:8px}.kl34-hero-slider--broadcast .kl34-hero-slider__viewport{border-bottom:5px solid var(--kl-accent,var(--mainColor,#f4511e))}.kl34-hero-slider--broadcast .kl34-hero-slide__eyebrow span{border-radius:4px}
.kl34-hero-slider--glass .kl34-hero-slide__content{padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(7,14,27,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* Verified Wikipedia location card */
.kl34-location-stack{display:grid;gap:16px;margin:20px 0}
.kl34-location-card{display:grid;grid-template-columns:minmax(150px,30%) minmax(0,1fr);overflow:hidden;border:1px solid var(--kl-border,#e5e7eb);border-radius:20px;background:var(--kl-surface,#fff);color:var(--kl-text,#172033);box-shadow:0 12px 34px rgba(15,23,42,.08)}
.kl34-location-card__media{min-height:100%;background:#e8edf4}.kl34-location-card__media img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.kl34-location-card__body{min-width:0;padding:22px}
.kl34-location-card__topline{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--kl-muted,#687386)}
.kl34-location-card__pin{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:color-mix(in srgb,var(--kl-accent,var(--mainColor,#f4511e)) 14%,transparent);color:var(--kl-accent,var(--mainColor,#f4511e));font-size:15px}
.kl34-location-card__verified{margin-left:auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#15803d;letter-spacing:0;text-transform:none}
.kl34-location-card h3{margin:0;font-size:clamp(23px,2.5vw,34px);line-height:1.08;letter-spacing:-.025em;color:inherit}
.kl34-location-card__wiki-title{margin-top:6px;font-size:12px;color:var(--kl-muted,#687386)}
.kl34-location-card p{margin:13px 0 0;font-size:14px;line-height:1.72;color:var(--kl-muted,#596579)}
.kl34-location-card__coords{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:14px;font-size:12px;color:var(--kl-muted,#687386)}.kl34-location-card__coords strong{font-weight:750;color:var(--kl-text,#172033)}
.kl34-location-card__actions{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:17px}.kl34-location-card__actions a{font-size:13px;font-weight:750;text-decoration:none;color:var(--kl-accent,var(--mainColor,#f4511e))}
.kl34-location-card--clean{box-shadow:none;border-radius:12px}.kl34-location-card--glass{background:color-mix(in srgb,var(--kl-surface,#fff) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.kl34-location-card--accent{border-left:5px solid var(--kl-accent,var(--mainColor,#f4511e))}
.kl34-location-card--atlas{border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--kl-surface,#fff) 96%,#dbeafe),var(--kl-surface,#fff));box-shadow:0 16px 40px rgba(30,64,175,.09)}.kl34-location-card--atlas .kl34-location-card__body{position:relative}.kl34-location-card--atlas .kl34-location-card__body:after{content:"";position:absolute;right:-35px;bottom:-35px;width:140px;height:140px;border:1px solid color-mix(in srgb,var(--kl-accent,var(--mainColor,#f4511e)) 15%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--kl-accent,var(--mainColor,#f4511e)) 4%,transparent);pointer-events:none}
.kl34-location-card--newsroom{border-radius:10px;border-top:4px solid var(--kl-accent,var(--mainColor,#f4511e));box-shadow:none}.kl34-location-card--newsroom h3{text-transform:none}

/* New editorial widgets */
.kl34-widget-news,.kl34-categories,.kl34-authors{color:var(--kl-text,#172033)}
.kl34-widget-news__head h3,.kl34-categories>h3,.kl34-authors>h3{margin:0 0 14px;font-size:18px;line-height:1.25;letter-spacing:-.015em;color:inherit}
.kl34-widget-news__list{list-style:none;margin:0;padding:0}.kl34-widget-news__item{display:grid;grid-template-columns:auto 82px minmax(0,1fr);gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--kl-border,#e5e7eb)}.kl34-widget-news__item:first-child{padding-top:0}.kl34-widget-news__item:last-child{padding-bottom:0;border-bottom:0}
.kl34-widget-news__rank{width:28px;font-size:18px;font-weight:850;line-height:1;color:color-mix(in srgb,var(--kl-accent,var(--mainColor,#f4511e)) 80%,var(--kl-text,#172033))}
.kl34-widget-news__thumb{display:block;width:82px;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:#e7ebf1}.kl34-widget-news__thumb img,.kl34-widget-news__thumb>.kabarlagi-fallback-cover{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto!important}
.kl34-widget-news__body{min-width:0}.kl34-widget-news__category{display:block;margin-bottom:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--kl-accent,var(--mainColor,#f4511e))}.kl34-widget-news__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;font-weight:750;line-height:1.36;text-decoration:none;color:inherit}.kl34-widget-news__meta{display:flex;flex-wrap:wrap;gap:4px 9px;margin-top:6px;font-size:10px;color:var(--kl-muted,#758094)}
.kl34-local-news__badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--kl-accent,var(--mainColor,#f4511e)) 11%,transparent);font-size:11px;font-weight:800;color:var(--kl-accent,var(--mainColor,#f4511e))}
.kl34-categories ul{list-style:none;margin:0;padding:0}.kl34-categories li+li{border-top:1px solid var(--kl-border,#e5e7eb)}.kl34-categories a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;text-decoration:none;color:inherit;font-size:13px;font-weight:650}.kl34-categories a strong{display:grid;place-items:center;min-width:30px;height:26px;padding:0 7px;border-radius:999px;background:var(--kl-surface-2,#f2f4f8);font-size:11px;color:var(--kl-muted,#687386)}
.kl34-authors__list{display:grid;gap:9px}.kl34-authors__item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--kl-border,#e5e7eb);border-radius:12px;text-decoration:none;color:inherit}.kl34-authors__item img{width:52px;height:52px;border-radius:50%;object-fit:cover}.kl34-authors__item span{min-width:0}.kl34-authors__item strong,.kl34-authors__item small{display:block}.kl34-authors__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.kl34-authors__item small{margin-top:3px;font-size:10px;color:var(--kl-muted,#687386)}.kl34-authors__item b{font-size:20px;color:var(--kl-accent,var(--mainColor,#f4511e))}

/* Dark mode compatibility */
html[data-theme="dark"] .kl34-location-card,html.dark-mode .kl34-location-card,html.kl-v6-dark .kl34-location-card,body.dark-mode .kl34-location-card,.dark-mode .kl34-location-card{--kl-surface:#111827;--kl-text:#f8fafc;--kl-muted:#aeb8c8;--kl-border:#2a3444;background:var(--kl-surface);color:var(--kl-text)}
html[data-theme="dark"] .kl34-location-card__verified,html.dark-mode .kl34-location-card__verified,html.kl-v6-dark .kl34-location-card__verified,body.dark-mode .kl34-location-card__verified{color:#86efac}
html[data-theme="dark"] .kl34-widget-news,html[data-theme="dark"] .kl34-categories,html[data-theme="dark"] .kl34-authors,html.dark-mode .kl34-widget-news,html.dark-mode .kl34-categories,html.dark-mode .kl34-authors,html.kl-v6-dark .kl34-widget-news,html.kl-v6-dark .kl34-categories,html.kl-v6-dark .kl34-authors,body.dark-mode .kl34-widget-news,body.dark-mode .kl34-categories,body.dark-mode .kl34-authors{--kl-text:#f8fafc;--kl-muted:#aab4c4;--kl-border:#2a3444;--kl-surface-2:#202a3a;color:var(--kl-text)}

@media (max-width:900px){.kl34-hero-slider__viewport{min-height:520px}.kl34-hero-slide__content{width:min(700px,82%)}.kl34-hero-slide__shade{background:linear-gradient(0deg,rgba(4,10,22,.94) 0%,rgba(4,10,22,.55) 54%,rgba(4,10,22,.18) 100%)}.kl34-location-card{grid-template-columns:190px minmax(0,1fr)}}
@media (max-width:640px){.kl34-hero-slider{margin-bottom:20px}.kl34-hero-slider__viewport{min-height:520px;border-radius:18px}.kl34-hero-slide__content{left:18px;right:18px;bottom:82px;width:auto}.kl34-hero-slide h2{font-size:clamp(28px,9vw,42px)}.kl34-hero-slide__content>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px}.kl34-hero-slide__meta span:last-child{display:none}.kl34-hero-slider__controls{left:14px;right:14px;bottom:16px}.kl34-hero-slider__arrow{width:38px;height:38px}.kl34-hero-slider__dot{flex-basis:36px}.kl34-hero-slider--glass .kl34-hero-slide__content{padding:16px}.kl34-location-card{grid-template-columns:1fr;border-radius:16px}.kl34-location-card__media{max-height:220px}.kl34-location-card__media img{min-height:190px}.kl34-location-card__body{padding:18px}.kl34-location-card__verified{margin-left:0}.kl34-widget-news__item{grid-template-columns:auto 72px minmax(0,1fr)}.kl34-widget-news__thumb{width:72px}}
@media (prefers-reduced-motion:reduce){.kl34-hero-slide,.kl34-hero-slider__arrow,.kl34-hero-slider__dot span{transition:none!important}}
