/*
Theme Name: Uudised24
Description: Uudiste teema: kuninglik sinine raam, kreemikas sisupaneel, ühesuurused postituste kaardid. Kõik sisu muudetav WordPressi adminis.
Version: 1.9
Author: Uudised24
Text Domain: uudised24
*/
:root{--navy:#081447;--royal:#1f3fcf;--gold:#f2b632;--cream:#fbf5ec;--ink:#0b1440;--mute:#6b7396;--tint:#dfe5ff}
*{box-sizing:border-box;margin:0}
body{background:linear-gradient(180deg,#0a1a63,var(--navy) 60%);background-attachment:fixed;color:var(--ink);font-family:'Manrope',system-ui,sans-serif;padding:16px 8px 32px;line-height:1.55}
a{color:inherit}
.frame{max-width:1680px;margin:0 auto}
.panel{background:var(--cream);border-radius:36px;padding:30px 48px 40px;box-shadow:0 30px 80px #00000066,0 0 0 2px #3459f055}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.crumb a{color:var(--mute);text-decoration:none}.crumb b{color:var(--ink)}
.clock{font-weight:700;color:var(--royal);font-size:13px;font-variant-numeric:tabular-nums}
.top ul{list-style:none;display:flex;gap:4px;flex-wrap:wrap;padding:0}
.top ul a{text-decoration:none;font-weight:700;font-size:13px;padding:6px 12px;border-radius:99px;display:block}
.top ul a:hover,.top ul a:focus-visible{background:var(--tint)}
.ttl{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;margin:6px 0 6px}
.slogan{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:clamp(22px,3vw,32px);color:var(--royal);margin:0 0 26px;letter-spacing:.3px}
h1.site{font-family:'Anton','Impact',sans-serif;font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1;color:var(--navy);letter-spacing:.5px}
h1.site a{text-decoration:none}
h1.site em{font-style:normal;color:var(--royal)}
.badge{background:var(--tint);color:var(--royal);font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;margin-top:10px}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
body.single .pills{display:none}
.pill{background:#fff;color:var(--ink);text-decoration:none;font:600 13px 'Manrope',sans-serif;padding:10px 20px;border-radius:99px;box-shadow:0 2px 8px #1f3fcf1f}
.pill.on{background:var(--royal);color:#fff;box-shadow:0 4px 14px #1f3fcf66}
.pill:focus-visible{outline:2px solid var(--royal);outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.card{display:block;position:relative;color:inherit;text-decoration:none}
.card h2 a{color:inherit;text-decoration:none}
.card h2 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:14px}
.card h2 a:focus-visible{outline:none}.card h2 a:focus-visible::after{outline:2px solid var(--royal);outline-offset:3px}
.img{position:relative;border-radius:14px;overflow:hidden;background:var(--royal);height:260px}
.img img,.img svg{display:block;width:100%;height:100%;object-fit:cover}
.tag,.time{position:absolute;top:12px;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;background:#fffffff2;color:var(--ink)}
.tag{left:12px}.time{right:12px}
.date{font-size:11px;margin:12px 0 4px}
h2.t{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:500;font-size:30px;line-height:1.05}
.pod{grid-column:1/-1;display:flex;gap:16px;align-items:center;margin-top:14px}
.pod .thumb{width:100px;height:100px;border-radius:12px;flex:none;overflow:hidden;background:var(--royal)}
.pod .thumb img{width:100%;height:100%;object-fit:cover}
.pod .tx{flex:1;min-width:0}.pod h2.t{font-size:26px}
.wave{display:flex;align-items:center;gap:2px;height:20px;margin-top:10px}
.wave i{display:block;width:2px;background:var(--royal);border-radius:1px}
.more{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;border-top:2px solid var(--navy);padding-top:22px}
.more small{color:var(--royal);font-weight:800;font-size:11px}
.more h3{font-family:'Barlow Condensed',sans-serif;font-weight:500;font-size:24px;line-height:1.1;margin-top:6px}
.entry{max-width:760px;margin:0 auto}
.entry h1.t{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(38px,6vw,64px);line-height:1;margin:8px 0 18px}
.entry .hero{position:relative;border-radius:18px;overflow:hidden;margin-bottom:22px}.entry .hero img{width:100%;height:auto;display:block}
.entry .content{font-size:17px}.entry .content p,.entry .content ul,.entry .content ol{margin:0 0 1.1em}
.entry .content h2,.entry .content h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;margin:1.2em 0 .4em;font-size:30px}
.entry .content a{color:var(--royal)}
/* Jagamisikoonid piltide peal */
.share{position:absolute;right:9px;bottom:9px;display:flex;gap:5px;z-index:3}
.share a{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;box-shadow:0 2px 5px #0000006b,0 0 0 1.5px #ffffffd9;transition:transform .15s}
.share a:hover,.share a:focus-visible{transform:scale(1.14)}
.share a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.share svg{width:12px;height:12px;fill:currentColor}
.share .s-fb{background:#1877f2}.share .s-x{background:#000}.share .s-wa{background:#25d366}.share .s-th{background:#101010}.share .s-in{background:#0a66c2}
.entry .hero .share a{width:28px;height:28px}.entry .hero .share svg{width:15px;height:15px}.entry .hero .share{right:12px;bottom:12px;gap:6px}
.pager{display:flex;gap:10px;justify-content:center;margin-top:30px}
.pager a,.pager span{padding:8px 14px;border-radius:99px;background:#fff;text-decoration:none;font-weight:700;font-size:13px}
.pager .current{background:var(--royal);color:#fff}
footer.foot{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.foot-r{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.socials{display:inline-flex;gap:6px}
.socials a{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .15s}
.socials a:hover,.socials a:focus-visible{transform:scale(1.12)}
.socials a:focus-visible{outline:2px solid var(--royal);outline-offset:2px}
.socials svg{width:14px;height:14px;fill:currentColor}
.socials .s-fb{background:#1877f2}.socials .s-th{background:#101010}.socials .s-tt{background:#000}
.screen-reader-text{position:absolute;left:-9999px}
.crumb-contact{display:none}
@media(max-width:960px){.crumb-contact{display:inline;margin-left:14px}.masthead{background:linear-gradient(rgba(251,245,236,.18),rgba(251,245,236,.18)),url(assets/header-bg.jpg) center/cover no-repeat,var(--cream);border-radius:26px 26px 0 0;margin:-22px -18px 22px;padding:22px 18px 18px}.masthead .slogan{margin-bottom:0}.masthead h1.site{text-shadow:0 0 10px var(--cream),0 0 6px var(--cream),0 0 4px var(--cream),0 0 2px var(--cream)}.masthead .top{margin-bottom:10px}.masthead .slogan{font-weight:600}.masthead .crumb a{font-weight:800}.masthead .slogan,.masthead .clock,.masthead .crumb a{color:#fff}}
@media(max-width:960px){.panel{padding:22px 18px 30px;border-radius:26px}.grid{grid-template-columns:1fr}.pod{grid-column:auto}.img{height:230px}.top nav{display:none}.badge{margin-top:8px}.pills{gap:6px;margin-bottom:24px}.pill{font-size:12px;padding:6px 13px}.crumb-cur{display:none}body.single .pills{display:flex}.entry h1.t{font-size:28px;line-height:1.1;margin:6px 0 14px}.entry .content h2{font-size:24px}.entry .content h3{font-size:21px}}
.cf{max-width:640px;margin:32px 0 0;display:flex;flex-direction:column;gap:18px;background:#fff;padding:32px;border-radius:24px;box-shadow:0 12px 40px #1f3fcf1f}
.cf label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--mute)}
.cf input,.cf textarea{width:100%;font:500 16px 'Manrope',sans-serif;letter-spacing:0;text-transform:none;padding:14px 18px;border:2px solid transparent;border-radius:16px;background:#f1f4ff;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}
.cf textarea{resize:vertical;min-height:140px}
.cf input:focus,.cf textarea:focus{outline:none;background:#fff;border-color:var(--royal);box-shadow:0 0 0 4px #1f3fcf1f}
.cf button{align-self:stretch;background:linear-gradient(135deg,#3459f0,var(--royal));color:#fff;border:0;border-radius:99px;font:800 16px 'Manrope',sans-serif;padding:15px 30px;cursor:pointer;box-shadow:0 8px 20px #1f3fcf55;transition:transform .15s,box-shadow .15s}
.cf button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #1f3fcf66}
.cf-msg{margin:0;padding:12px 16px;border-radius:14px;font-weight:700}.cf-msg.ok{background:#dff5e3;color:#14602a}.cf-msg.err{background:#fde3e3;color:#8a1c1c}
@media(max-width:960px){.cf{padding:22px 18px;border-radius:20px}}

/* Uudisteriba päises */
.mh-row{display:flex;align-items:stretch;flex-wrap:wrap;column-gap:36px}
.mh-l{flex:none;max-width:100%}
.ticker{flex:1 1 440px;min-width:0;min-height:80px;align-self:stretch;margin:6px 0 26px;padding-left:24px;background:var(--navy);border-radius:14px;overflow:hidden;display:flex;align-items:center;box-shadow:0 0 0 2px var(--navy)}
.ticker .run{display:flex;align-items:center;flex:none;width:max-content;gap:34px;padding-right:34px;white-space:nowrap;font:600 24px/1 'Barlow Condensed','Arial Narrow',sans-serif;color:var(--cream);animation:u24run linear infinite}
.ticker .dup{display:contents}
.ticker a{color:inherit;text-decoration:none}
.ticker a:hover,.ticker a:focus-visible{text-decoration:underline}
.ticker i{font-style:normal;color:#6f8cff;font-size:.8em}
.ticker:hover .run{animation-play-state:paused}
@keyframes u24run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker{overflow-x:auto}.ticker .run{animation:none}.ticker .dup{display:none}}
@media(max-width:960px){.mh-l{width:100%}.ticker{display:none}.masthead .slogan{margin-bottom:0}}

/* Märk kategooriate kõrval */
.pills .badge{margin:0;align-self:center;font-size:13px;padding:10px 18px}
@media(max-width:960px){.pills .badge{margin:0;font-size:12px;padding:6px 13px}}