/*
Theme Name:   Lainataivas Kadence
Theme URI:    https://www.lainataivas.fi/
Description:  Lainataivas.fi:n lapsiteema Kadencelle: lukittu fontti DejaVu Sans (itse isännöity), hyväksytyn ilmeen värit, painikkeet, header ja footer. Taivas-animaatiot ja laskurit ovat lisäosassa Lainataivas – taivas ja laskurit.
Author:       Tomorrows Consulting Oy
Template:     kadence
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  lainataivas-kadence
*/

/* ===== Fontti: DejaVu Sans, itse isännöity (lukittu) ===== */
@font-face{font-family:"DejaVu Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/dv-regular.woff) format("woff")}
@font-face{font-family:"DejaVu Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/dv-bold.woff) format("woff")}

/* ===== Hyväksytyn ilmeen värit ja muuttujat (reference/tyylit-referenssi.css) ===== */
:root{
  --zenith:#0E1B36; --horizon:#CFE8FA; --dawn:#6FA7D9; --sky-text:#10233F; --sky-text-2:rgba(16,35,63,.82);
  --ground:#FFFFFF; --paper:#FFFFFF; --mist:#EAF4FD; --ink:#10233F; --ink-2:#4A5A72; --ink-3:#7C8AA0; --line:#DFE5EC;
  --sun:#FFC02E; --sun-deep:#C98A0C; --blue:#2A6BB0; --blue-soft:#E1ECF8; --glass:rgba(255,255,255,.55); --glass-line:rgba(255,255,255,.9);
  --display:"DejaVu Sans",Verdana,system-ui,sans-serif; --sans:"DejaVu Sans",Verdana,system-ui,sans-serif; --mono:"DejaVu Sans",Verdana,system-ui,sans-serif;
  --shadow:0 30px 60px -36px rgba(16,35,63,.45); --shadow-sm:0 10px 24px -18px rgba(16,35,63,.35);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --ground:#0C1426; --paper:#131D33; --mist:#182440; --ink:#EEF3FA; --ink-2:#B7C3D6; --ink-3:#8593AA; --line:#28385A; --sun:#F5B65A; --sun-deep:#F8CB7C; --blue:#7FB3EA; --blue-soft:#1B2D4D; --shadow:0 30px 60px -36px rgba(0,0,0,.8); --shadow-sm:0 10px 24px -18px rgba(0,0,0,.7); color-scheme:dark } }
:root[data-theme="dark"]{ --ground:#0C1426; --paper:#131D33; --mist:#182440; --ink:#EEF3FA; --ink-2:#B7C3D6; --ink-3:#8593AA; --line:#28385A; --sun:#F5B65A; --sun-deep:#F8CB7C; --blue:#7FB3EA; --blue-soft:#1B2D4D; --shadow:0 30px 60px -36px rgba(0,0,0,.8); --shadow-sm:0 10px 24px -18px rgba(0,0,0,.7); color-scheme:dark }

/* Kadencen globaalit muuttujat samoihin arvoihin (myös tumma tila seuraa) – tämä tiedosto
   ladataan Kadencen inline-CSS:n jälkeen, joten nämä voittavat Customizerin arvot. */
:root{
  --global-palette1:var(--blue); --global-palette2:var(--sun-deep); --global-palette3:var(--ink); --global-palette4:var(--ink);
  --global-palette5:var(--ink-2); --global-palette6:var(--ink-3); --global-palette7:var(--line); --global-palette8:var(--mist);
  --global-palette9:var(--paper); --global-palette10:var(--sun); --global-palette11:var(--blue-soft);
  --global-palette-highlight:var(--blue); --global-palette-highlight-alt:var(--ink);
  --global-palette-btn:#1B1200; --global-palette-btn-hover:#1B1200;
  --global-palette-btn-bg:var(--sun); --global-palette-btn-bg-hover:var(--sun);
  --global-body-font-family:var(--sans); --global-heading-font-family:var(--display); --global-primary-nav-font-family:var(--sans);
  --global-content-width:1180px; --global-content-narrow-width:760px;
  --global-content-edge-padding:clamp(16px,4vw,44px);
}

/* ===== Perustypografia (mallin body, h1–h3, linkit) ===== */
body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}
body,button,input,select,optgroup,textarea{font-family:var(--sans)}
a{color:var(--blue)}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
h1,h2,h3,h4,h5,h6,.entry-title{font-family:var(--display);color:var(--ink)}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;text-wrap:balance}
h1,.entry-hero h1.entry-title{font-size:clamp(2.5rem,6vw,5rem);line-height:.98}
h1 em{font-style:normal;font-weight:400;color:var(--sun-deep)}
h2{font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.02}
h3{font-size:1.35rem;line-height:1.1}
.site-container,.content-container{max-width:1180px}
.site-container{padding-left:clamp(16px,4vw,44px);padding-right:clamp(16px,4vw,44px)}

/* ===== Painikkeet globaalisti: pyöreä, 54 px, keltainen liukuväri, tumma teksti ===== */
.wp-block-button__link,.button,button.button,input[type=submit],.wp-element-button,.header-button,.kb-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:0;
  background:linear-gradient(180deg,#F8BE5A,var(--sun));color:#1B1200;font:600 1rem var(--sans);text-decoration:none;
  box-shadow:0 8px 24px -10px rgba(242,169,59,.8);transition:transform .18s,box-shadow .18s;cursor:pointer}
.wp-block-button__link:hover,.button:hover,.wp-element-button:hover,.header-button:hover{transform:translateY(-2px);color:#1B1200}
/* Toissijainen: läpinäkyvä, tummansininen reuna */
.wp-block-button.is-style-haamu .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link,.header-button.button-style-outline{
  background:rgba(255,255,255,.55);color:var(--sky-text);border:1.5px solid rgba(16,35,63,.35);box-shadow:none;backdrop-filter:blur(8px)}
.wp-block-button.is-style-viiva .wp-block-button__link{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}

/* ===== Header (Kadence header builder): logo + Päävalikko + Hae lainaa ===== */
#masthead .site-header-row-container-inner{background:transparent}
.site-branding .site-title,.site-branding a.brand{font:500 1.3rem var(--display);color:#10233F;letter-spacing:0;display:inline-flex;align-items:center;gap:10px}
/* Mallin SVG-merkki (kaari + aurinko + viiva) sivuston nimen eteen */
.site-branding .site-title::before{content:"";width:32px;height:32px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M3 22a13 13 0 0 1 26 0' fill='none' stroke='%2310233F' stroke-width='2.5'/%3E%3Ccircle cx='16' cy='22' r='4.5' fill='%23FFC02E'/%3E%3Cpath d='M2 27.5h28' stroke='%2310233F' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.site-branding.branding-layout-standard .site-title-wrap{display:flex;align-items:center}
.main-navigation .primary-menu-container>ul>li.menu-item>a{font-size:.95rem;font-weight:600;color:rgba(16,35,63,.8);padding-left:13px;padding-right:13px}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover{color:#10233F}
.header-navigation .header-menu-container ul ul.sub-menu{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:6px 0}
.header-navigation .header-menu-container ul ul li.menu-item>a{color:var(--ink);font-size:.92rem;font-weight:500}
.header-navigation .header-menu-container ul ul li.menu-item>a:hover{background:var(--mist);color:var(--ink)}
/* Läpinäkyvä header taivaan päällä (etusivu ja taivas-hero-sivut) */
.transparent-header #masthead{background:transparent}
.transparent-header .site-main-header-wrap .site-header-row-container-inner{background:transparent;border:0}
.header-button.button-style-outline,.mobile-header-button-wrap .button-style-outline{min-height:46px}
.mobile-header-button-wrap .mobile-header-button{background:rgba(255,255,255,.55);color:var(--sky-text);border:1.5px solid rgba(16,35,63,.35);box-shadow:none;min-height:42px;padding:0 18px;font-size:.95rem}
.mobile-toggle-open-container .menu-toggle-open{color:#10233F}

/* Mobiilivalikko (Kadence off canvas): sama vaalea ilme */
#mobile-drawer .drawer-inner{background:var(--paper);color:var(--ink)}
#mobile-drawer .drawer-header .drawer-toggle{color:var(--ink)}
#mobile-drawer .mobile-navigation ul li>a,#mobile-drawer .mobile-navigation ul li .drawer-nav-drop-wrap{color:var(--ink);border-color:var(--line);font-weight:600}
#mobile-drawer .mobile-navigation ul ul li>a{font-weight:500;color:var(--ink-2)}
#mobile-drawer .mobile-navigation ul li.current-menu-item>a{color:var(--blue)}
#mobile-drawer .mobile-navigation .drawer-sub-toggle{color:var(--ink);border-color:var(--line)}

/* ===== Murupolku (Yoast) Kadencen otsikkoalueessa (artikkelit, vanhat sivut) ===== */
.kadence-breadcrumbs,.entry-header .kadence-breadcrumbs{font-size:.82rem;color:var(--ink-2);margin-bottom:10px}
.kadence-breadcrumbs a{color:var(--blue);text-decoration:none}
.kadence-breadcrumbs a:hover{text-decoration:underline}

/* ===== Taivas-hero-sivut: hero heti headerin alta, ei Kadencen otsikkoaluetta ===== */
.lt-taivas-sivu .content-area{margin-top:0;margin-bottom:0}
.lt-taivas-sivu .entry-hero,.lt-taivas-sivu .entry-content-wrap>.entry-header{display:none}
.lt-taivas-sivu .entry-content-wrap{padding:0}
.lt-taivas-sivu .content-bg,.lt-taivas-sivu .entry.content-bg{background:transparent;box-shadow:none}
.lt-taivas-sivu .entry-content{margin:0}
.lt-taivas-sivu .site-container.content-container,.lt-taivas-sivu #primary{max-width:none}

/* ===== Artikkelipohja: kapea palsta, otsikkoalue taivaan sävyin, pääkuva, päiväys ===== */
.single-post .entry-hero-container-inner{background:linear-gradient(180deg,#8CC6F2 0%,#ABD7F6 40%,#CFE7FA 75%,#E6F3FC 100%)}
.single-post .entry-hero .entry-header{padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,48px)}
.single-post .entry-hero h1.entry-title,.single-post h1.entry-title{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.04;color:var(--sky-text)}
.single-post .entry-meta{font:600 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-deep)}
.single-post .entry-meta a{color:inherit}
.single-post .post-thumbnail img,.single-post .article-post-thumbnail img{border-radius:22px}
.single-post .entry-content{font-size:17px;line-height:1.7}
.single-post .entry-content h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.12;margin:2.2em 0 .6em}
.single-post .entry-content h3{font-size:1.25rem;margin:1.6em 0 .4em}
.single-post .entry-content .wp-block-spacer{height:0!important}
.single-post .entry-content .wp-block-table table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.95rem}
.single-post .entry-content .wp-block-table th{background:var(--blue-soft);color:var(--ink);text-align:left}
.single-post .entry-content .wp-block-table th,.single-post .entry-content .wp-block-table td{border:0;border-bottom:1px solid var(--line);padding:10px 14px}
.single-post .entry-content .wp-block-table tr:last-child td{border-bottom:0}
.lt-huomio{padding:18px 22px;border-radius:18px;background:var(--mist);border-left:4px solid var(--sun);margin:1.4em 0}
.lt-huomio p:last-child{margin-bottom:0}

/* ===== Footer (Kadence footer builder): 2 palstaa + pieni printti ===== */
.site-footer{background:linear-gradient(180deg,#EAF3FB,#D6E8F7);color:#4A5A72;font-size:.9rem;position:relative}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7FB8E8,#F2A93B,#7FB8E8);z-index:1}
.site-footer .site-footer-wrap>div,.site-footer .site-footer-row-container-inner{background:transparent;border:0}
.site-footer .site-middle-footer-inner-wrap{padding-top:56px;padding-bottom:0;gap:22px}
@media (min-width:800px){.site-footer .site-middle-footer-inner-wrap.site-footer-row-columns-2{grid-template-columns:3fr 2fr}}
.site-footer a{color:#10233F;text-decoration:underline}
.site-footer b,.site-footer strong{color:#10233F}
.site-footer p{margin:0}
.site-footer .widget p+p{margin-top:8px}
.site-footer .widget p.lt-vuosi{margin-top:12px}
.site-footer .widget-title,.site-footer .widget h2{font:700 .9rem var(--sans);letter-spacing:0;margin:0}
.site-footer .site-bottom-footer-inner-wrap{padding-top:18px;padding-bottom:40px}
.site-footer .footer-html,.site-footer .footer-html-inner,.site-footer .footer-html p{font-size:.68rem;line-height:1.5;color:#7C8AA0;opacity:.8;letter-spacing:.01em;text-align:left}
.site-footer .footer-html a{color:inherit;text-decoration:none;pointer-events:none}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}