/*
Theme Name:   Qasva Modern Boutique
Theme URI:    https://www.qasva.fi/
Description:  Astra-lapsiteema Qasva PR & Events -sivustolle. Modern Boutique -ilme (Suunta 1): kerma-pohja, syvä turkoosi, lila-aksentit ja kulta-detaljit, Lora-otsikot + Inter-leipäteksti. Laatinut Det Goda Livet Oy.
Author:       Det Goda Livet Oy
Template:     astra
Version: 1.2.17
Text Domain:  qasva-modern-boutique
*/

/* =========================================================
   1. DESIGN-TOKENIT
   ========================================================= */
:root{
  --qasva-cream:#FAF6F0;
  --qasva-cream-2:#F2EBE0;
  --qasva-turkoosi:#1A5566;
  --qasva-turkoosi-dark:#123F4C;
  --qasva-lila:#8B6F9E;
  --qasva-lila-soft:#B6A3C4;
  --qasva-kulta:#C9A36A;
  --qasva-ink:#26201C;
  --qasva-muted:#6B635C;
  --qasva-line:#E4DBCD;
  --qasva-serif:'Lora', Georgia, 'Times New Roman', serif;
  --qasva-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --qasva-radius:18px;
}

/* =========================================================
   2. GLOBAALIT PERUSTYYLIT
   ========================================================= */
html body,
body.ast-separate-container,
.site,
#page{
  background-color:var(--qasva-cream) !important;
}
html body{
  font-family:var(--qasva-sans) !important;
  color:var(--qasva-ink) !important;
  line-height:1.6;
}

h1,h2,h3,h4,h5,h6,
.entry-title,
.entry-title a,
.site-title,
.site-title a,
.ast-archive-title,
.widget-title{
  font-family:var(--qasva-serif) !important;
  font-weight:500 !important;
  color:var(--qasva-turkoosi) !important;
  line-height:1.15;
  text-transform:none !important;
  letter-spacing:normal !important;
}

/* Astra korottaa h3:n ISOIHIN KIRJAIMIIN tarkemmalla valitsimella -
   nostetaan oma saanto sen yli korttien ja osioiden otsikoissa. */
body .qasva-card h3,
body .qasva-card h2,
body .qasva-cta h2,
body .qasva-hero h1,
body .qasva-title{
  text-transform:none !important;
}

a{ color:var(--qasva-turkoosi); }
a:hover{ color:var(--qasva-lila); }

/* Ei alleviivauksia napeissa, poluissa eika osioiden linkeissa
   (Astra alleviivaa sisaltolinkit oletuksena). */
.qasva-section a,
.qasva-hero a,
.qasva-cta a,
.qasva-pill,
.qasva-btn,
.qasva-card .more{
  text-decoration:none !important;
}

/* =========================================================
   3. NAVIGAATIO & HEADER
   ========================================================= */
.main-header-bar,
.ast-primary-header-bar{
  background-color:rgba(250,246,240,.94);
  border-bottom:1px solid var(--qasva-line);
}
.main-navigation .menu-item > a,
.ast-builder-menu .menu-item > a{
  font-family:var(--qasva-sans);
  font-weight:500;
  color:var(--qasva-ink);
}
.main-navigation .menu-item > a:hover{ color:var(--qasva-turkoosi); }
.site-title a{ font-family:var(--qasva-serif); color:var(--qasva-turkoosi); }

/* =========================================================
   4. NAPIT
   ========================================================= */
.ast-button,
.button,
button.menu-toggle,
.wp-block-button__link,
input[type="submit"],
.qasva-btn{
  font-family:var(--qasva-sans);
  font-weight:600;
  border-radius:999px !important;
  padding:13px 26px;
  border:1.5px solid var(--qasva-turkoosi) !important;
  background-color:var(--qasva-turkoosi) !important;
  color:#fff !important;
  text-decoration:none;
  transition:.15s ease;
  display:inline-block;
}
.ast-button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.qasva-btn:hover{
  background-color:var(--qasva-turkoosi-dark);
  border-color:var(--qasva-turkoosi-dark);
  color:#fff;
}
.qasva-btn--ghost{
  background:transparent !important;
  color:var(--qasva-turkoosi) !important;
}
.qasva-btn--ghost:hover{
  background:var(--qasva-turkoosi) !important;
  color:#fff !important;
}
.qasva-btn--gold,
.is-style-qasva-gold .wp-block-button__link{
  background-color:var(--qasva-kulta) !important;
  border-color:var(--qasva-kulta) !important;
  color:#3a2c12 !important;
}
.qasva-btn--gold:hover,
.is-style-qasva-gold .wp-block-button__link:hover{
  filter:brightness(.96);
  color:#3a2c12 !important;
}

/* =========================================================
   5. APULUOKAT JA OSIOT
   ========================================================= */
.qasva-section{ padding:74px 0; }
.qasva-section--alt{ background:var(--qasva-cream-2); }
.qasva-wrap{ max-width:1180px; margin:0 auto; padding:0 28px; }
.qasva-eyebrow{
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--qasva-lila); font-weight:600; margin-bottom:12px;
}
.qasva-eyebrow--muted{ color:var(--qasva-muted); }
.qasva-title{ font-family:var(--qasva-serif); font-size:36px; color:var(--qasva-turkoosi); margin-bottom:36px; }

.qasva-hero{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
.qasva-hero h1{ font-size:54px; margin-bottom:20px; }
.qasva-hero .qasva-lead{ font-size:18px; color:var(--qasva-muted); max-width:30em; margin-bottom:30px; }
.qasva-hero-visual{
  position:relative; border-radius:var(--qasva-radius); min-height:380px;
  background:linear-gradient(150deg,var(--qasva-turkoosi) 0%,var(--qasva-turkoosi-dark) 55%,#3a4f63 100%);
  overflow:hidden;
}
.qasva-badge{
  position:absolute; top:22px; left:22px; width:104px; height:104px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--qasva-lila),#6f5783); color:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
.qasva-badge .big{ font-family:var(--qasva-serif); font-size:26px; line-height:1; }
.qasva-badge .small{ font-size:9px; letter-spacing:.14em; text-transform:uppercase; margin-top:4px; max-width:74px; }

.qasva-pathbar{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:14px 0; border-top:1px solid var(--qasva-line); border-bottom:1px solid var(--qasva-line); }
.qasva-pathbar .lbl{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--qasva-muted); margin-right:6px; }
.qasva-pill{
  font-size:13px; letter-spacing:.12em; text-transform:uppercase; padding:8px 16px;
  border-radius:999px; border:1px solid var(--qasva-line); background:#fff;
  color:var(--qasva-ink); font-weight:600;
}
.qasva-pill.active{ background:var(--qasva-turkoosi); color:#fff; border-color:var(--qasva-turkoosi); }

.qasva-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:34px 0; border-top:1px solid var(--qasva-line); border-bottom:1px solid var(--qasva-line); }
.qasva-stat .num{ font-family:var(--qasva-serif); font-size:38px; color:var(--qasva-turkoosi); }
.qasva-stat .lbl{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--qasva-muted); margin-top:4px; }

.qasva-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.qasva-card{ background:#fff; border:1px solid var(--qasva-line); border-radius:var(--qasva-radius); padding:30px 26px; display:flex; flex-direction:column; }
.qasva-card .tag{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; margin-bottom:14px; color:var(--qasva-lila); }
.qasva-card h3{ font-size:23px; margin-bottom:12px; }
.qasva-card ul{ list-style:none; margin:6px 0 22px; padding:0; }
.qasva-card li{ font-size:14.5px; color:var(--qasva-muted); padding:7px 0; border-bottom:1px dashed var(--qasva-line); }
.qasva-card .more{ margin-top:auto; font-size:13px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--qasva-turkoosi); }
.qasva-card--feature{ background:var(--qasva-turkoosi); border-color:var(--qasva-turkoosi); }
.qasva-card--feature .tag{ color:var(--qasva-kulta); }
.qasva-card--feature h3{ color:#fff !important; }
.qasva-card--feature li{ color:#CBD9DD; border-color:rgba(255,255,255,.18); }
.qasva-card--feature .more{ color:var(--qasva-kulta); }

.qasva-cta{ background:var(--qasva-turkoosi-dark); color:#fff; text-align:center; padding:80px 28px; border-radius:var(--qasva-radius); }
.qasva-cta h2{ color:#fff !important; font-size:40px; margin-bottom:16px; }
.qasva-cta h2 em{ color:var(--qasva-kulta) !important; }
.qasva-cta p{ color:#BFD0D4; max-width:34em; margin:0 auto 28px; }

/* =========================================================
   6. RESPONSIIVISUUS
   ========================================================= */
@media (max-width:921px){
  .qasva-hero{ grid-template-columns:1fr; }
  .qasva-stats{ grid-template-columns:repeat(2,1fr); }
  .qasva-cards{ grid-template-columns:1fr; }
  .qasva-hero h1{ font-size:40px; }
  .qasva-cta h2{ font-size:30px; }
}


/* =========================================================
   v1.1.4 — GLOBAALIT KORJAUKSET (footer, logot, valikko, some)
   ========================================================= */
.site-primary-footer-wrap,
.ast-small-footer{ background-color:var(--qasva-cream) !important; }

img.custom-logo{ mix-blend-mode:multiply; }
.wp-image-4152{ mix-blend-mode:multiply; height:auto !important; }

.ast-button-wrap .menu-toggle,
button.menu-toggle,
.main-header-menu-toggle{
  background:var(--qasva-turkoosi) !important;
  color:#fff !important;
  width:54px !important; height:54px !important;
  border-radius:14px !important; padding:0 !important; border:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(26,85,102,.28);
}
.menu-toggle .ast-mobile-svg,
.menu-toggle svg{ fill:#fff !important; width:26px !important; height:26px !important; }
.menu-toggle .menu-toggle-icon:before,
.menu-toggle [class*="ast-icon"]:before{ color:#fff !important; font-size:24px !important; }

.ast-footer-social-wrap a{
  background:var(--qasva-turkoosi) !important;
  color:#fff !important;
  width:48px !important; height:48px !important;
  border-radius:50% !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  margin:0 8px !important; transition:.2s ease;
}
.ast-footer-social-wrap a:hover{ background:var(--qasva-lila) !important; transform:translateY(-3px); }
.ast-footer-social-wrap a svg,
.ast-footer-social-wrap a:before{ fill:#fff !important; color:#fff !important; width:24px !important; height:24px !important; font-size:24px !important; }
.ast-footer-social-1-wrap{ text-align:center !important; }

/* SPOT-logo: rajaa ympyräksi, poistaa harmaat kulmat */
.wp-image-4152{ clip-path:circle(50%) !important; }

/* Alavalikon kaksi yhdistelmäsivua: luonnollinen kirjainkoko (ei capitalize),
   jotta "ja -tapahtumat" ja "ja -näkyvyys" pysyvät pienellä. */
.menu-item-2600 > a,
.menu-item-3898 > a,
.menu-item-2626 > a,
.menu-item-2836 > a,
.menu-item-1250 > a{ text-transform:none !important; }

/* premium-submenu: kaunis, varikas dropdown, teksti edelleen luettava */
.main-header-bar .sub-menu,
.ast-builder-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu{
  background:var(--qasva-cream) !important;
  border:1px solid var(--qasva-line) !important;
  border-top:3px solid var(--qasva-kulta) !important;
  border-radius:0 0 16px 16px !important;
  box-shadow:0 18px 44px rgba(38,32,28,.16) !important;
  padding:10px !important;
  min-width:268px !important;
}
.main-header-bar .sub-menu .menu-item,
.ast-builder-menu .sub-menu .menu-item{ margin:0 !important; border:0 !important; }
.main-header-bar .sub-menu .menu-item > a,
.ast-builder-menu .sub-menu .menu-item > a{
  border-radius:10px !important;
  padding:12px 16px !important;
  margin:1px 0 !important;
  color:var(--qasva-ink) !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  border-bottom:0 !important;
  transition:background .15s ease,color .15s ease,padding-left .15s ease !important;
}
.main-header-bar .sub-menu .menu-item > a:hover,
.ast-builder-menu .sub-menu .menu-item > a:hover,
.main-header-bar .sub-menu .menu-item.current-menu-item > a,
.ast-builder-menu .sub-menu .menu-item.current-menu-item > a{
  background:var(--qasva-turkoosi) !important;
  color:#fff !important;
  padding-left:20px !important;
}

/* premium-submenu-broad: laajemmat valitsimet linkeille */
.sub-menu .menu-item > a{ border-radius:10px !important; padding:12px 16px !important; margin:1px 4px !important; color:var(--qasva-ink) !important; font-weight:500 !important; line-height:1.3 !important; border-bottom:0 !important; transition:background .15s ease,color .15s ease,padding-left .15s ease !important; }
.sub-menu .menu-item > a:hover,
.sub-menu .menu-item.current-menu-item > a,
.sub-menu .menu-item > a:focus{ background:var(--qasva-turkoosi) !important; color:#fff !important; padding-left:20px !important; }
.sub-menu .menu-item > a:hover .menu-text,
.sub-menu .menu-item > a:hover *{ color:#fff !important; }

/* premium-submenu-id: ID-tason tarkkuus (voittaa Astran dynaamisen CSS:n) */
#ast-desktop-header .main-header-menu .sub-menu{ background:var(--qasva-cream) !important; border:1px solid var(--qasva-line) !important; border-top:3px solid var(--qasva-kulta) !important; border-radius:0 0 16px 16px !important; box-shadow:0 18px 44px rgba(38,32,28,.16) !important; padding:10px !important; min-width:270px !important; }
#ast-desktop-header .main-header-menu .sub-menu .menu-item{ margin:0 !important; }
#ast-desktop-header .main-header-menu .sub-menu .menu-item > a{ border-radius:10px !important; padding:12px 16px !important; margin:1px 4px !important; color:var(--qasva-ink) !important; font-weight:500 !important; line-height:1.3 !important; border-bottom:0 !important; transition:background .15s ease,color .15s ease,padding-left .15s ease !important; }
#ast-desktop-header .main-header-menu .sub-menu .menu-item > a:hover,
#ast-desktop-header .main-header-menu .sub-menu .menu-item.current-menu-item > a{ background:var(--qasva-turkoosi) !important; color:#fff !important; padding-left:20px !important; }

/* logo-cream-blend: valkoinen JPG-logo sulautuu kermaan myos lapinakyvassa headerissa */
.custom-logo-link,
.site-logo-img,
.ast-logo-title-inline .site-logo-img,
.site-branding .custom-logo-link{ background-color:var(--qasva-cream) !important; }
img.custom-logo{ mix-blend-mode:multiply !important; }

/* footer-top-pad: puolita footerin ylatila */
.site-primary-footer-wrap{ padding-top:30px !important; }

/* home-footer-photo-air: vain etusivulla reilusti ilmaa Heidin kuvan vasemmalle (kuvan koko ennallaan) */
.qasva-foot-photo{ margin-left:200px !important; }
@media(max-width:921px){ .qasva-foot-photo{ margin-left:0 !important; } }


/* ===== Mobile premium polish v1.2.6 ===== */
@media (max-width:921px){
  /* 1. Keskita hero-CTA-napit ja anna ilmaa */
  .qasva-cta-row{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:18px !important; }
  .qasva-cta-row .qasva-btn{ margin:0 !important; }

  /* 2. Polkuvalitsimen pillit: brandivari myos passiivisena */
  .qasva-pathbar{ justify-content:center !important; }
  .qasva-pill:not(.active){ background:rgba(26,85,102,.07) !important; border-color:rgba(26,85,102,.30) !important; color:var(--qasva-turkoosi) !important; }

  /* 3. Tilastot: pehmea kultainen kortti karun valkoisen sijaan */
  .qasva-stats{ background:rgba(201,163,106,.10) !important; border:1px solid rgba(201,163,106,.22) !important; border-radius:18px !important; padding:26px 22px !important; }

  /* 4. Kevenna hero-yläosan kermakaistaa (vain normaalin headerin sivut) */
  body:not(.ast-theme-transparent-header) .site-content .content-area{ padding-top:26px !important; }
  .qasva-section:first-of-type{ padding-top:26px !important; }
}


/* ===== Fixes v1.2.7 ===== */
/* a) Vaikuttajamarkkinointi: tumman kortin otsikko nakyviin (oli turkoosi turkoosilla) */
.qbr-card.a h1,.qbr-card.a h2,.qbr-card.a h3,.qbr-card.a h4{ color:var(--qasva-cream) !important; }

@media (max-width:921px){
  /* b) Palvelusivujen hero-CTA:t: pinoa keskitetysti ja ilmavasti */
  p > a.qasva-btn{ display:block !important; width:-moz-fit-content !important; width:fit-content !important; margin:0 !important; }
  p > a.qasva-btn + a.qasva-btn{ margin-top:18px !important; }

  /* c) Palvelusivujen tilastot: sama kultainen kortti kuin etusivulla */
  .qev-stats,.qbr-stats{ background:rgba(201,163,106,.10) !important; border:1px solid rgba(201,163,106,.22) !important; border-radius:18px !important; padding:26px 22px !important; }
}


/* ===== v1.2.9: korjaa palvelusivujen hero-ylivuoto mobiilissa ===== */
@media (max-width:921px){
  [class*="-hero"]{ grid-template-columns:1fr !important; }
  [class*="-hero"] > *{ min-width:0 !important; max-width:100% !important; }
  .qbr-img,.qev-img,.qmk-img{ max-width:100% !important; }
}


/* ===== v1.2.10: Medialistan MailerLite-lomake lila-tyyliin + mobiilin alavalikon fontti ===== */
.page-id-801 .ml-form-embedContainer,.page-id-801 .ml-form-embedWrapper{ background:transparent !important; max-width:none !important; width:100% !important; border:0 !important; box-shadow:none !important; }
.page-id-801 .ml-form-embedHeader,.page-id-801 .ml-form-embedContent{ display:none !important; }
.page-id-801 .ml-form-embedBody{ padding:0 !important; }
.page-id-801 .ml-form-embedContainer input.form-control,.page-id-801 .ml-form-embedContainer input[type=text],.page-id-801 .ml-form-embedContainer input[type=email],.page-id-801 .ml-form-embedContainer input[type=tel]{ width:100% !important; max-width:none !important; background:#fff !important; color:var(--qasva-ink) !important; border:0 !important; border-radius:12px !important; padding:14px 18px !important; font-size:16px !important; box-shadow:none !important; }
.page-id-801 .ml-form-embedContainer .ml-form-fieldRow{ margin-bottom:14px !important; }
.page-id-801 .ml-form-embedContainer label,.page-id-801 .ml-form-embedContainer .ml-form-embedPermissions,.page-id-801 .ml-form-embedContainer .ml-form-embedPermissions *,.page-id-801 .ml-form-embedContainer .ml-form-interestGroupsRow,.page-id-801 .ml-form-embedContainer .ml-form-checkboxRow label,.page-id-801 .ml-form-embedContainer .label-description{ color:#fff !important; }
.page-id-801 .ml-form-embedContainer button[type=submit],.page-id-801 .ml-form-embedContainer button.primary,.page-id-801 .ml-form-embedSubmit button{ width:100% !important; background:var(--qasva-kulta) !important; color:#3a2f1c !important; border:0 !important; border-radius:999px !important; padding:15px 22px !important; font-size:16px !important; font-weight:800 !important; letter-spacing:.02em !important; cursor:pointer !important; }
.page-id-801 .ml-form-embedContainer button.primary:hover{ filter:brightness(1.05) !important; }
.page-id-801 .ml-form-successBody,.page-id-801 .ml-form-successContent *{ color:#fff !important; }

@media (max-width:921px){
  .ast-hfb-header .ast-builder-menu-mobile .main-header-menu .sub-menu .menu-link,
  .ast-mobile-header-wrap .sub-menu .menu-link,
  .ast-mobile-header-wrap .sub-menu a{ font-size:0.9rem !important; white-space:nowrap !important; }
}


/* ===== v1.2.11: MailerLite lila-tyyli vahvalla specificityllä ===== */
#mlb2-41680045#mlb2-41680045 .ml-form-embedWrapper{ background:transparent !important; max-width:none !important; width:100% !important; box-shadow:none !important; border:0 !important; }
#mlb2-41680045#mlb2-41680045 .ml-form-embedContent,#mlb2-41680045#mlb2-41680045 .ml-form-embedHeader{ display:none !important; }
#mlb2-41680045#mlb2-41680045 .ml-form-embedBody{ padding:0 !important; }
#mlb2-41680045#mlb2-41680045 input.form-control{ background:#fff !important; color:#26201C !important; border:0 !important; border-radius:12px !important; padding:14px 18px !important; font-size:16px !important; width:100% !important; box-shadow:none !important; }
#mlb2-41680045#mlb2-41680045 .ml-form-fieldRow{ margin-bottom:14px !important; }
#mlb2-41680045#mlb2-41680045 label,#mlb2-41680045#mlb2-41680045 .ml-form-embedPermissions *,#mlb2-41680045#mlb2-41680045 .label-description,#mlb2-41680045#mlb2-41680045 .ml-form-checkboxRow label{ color:#fff !important; }
#mlb2-41680045#mlb2-41680045 button.primary{ background:var(--qasva-kulta) !important; color:#3a2f1c !important; border:0 !important; border-radius:999px !important; padding:15px 22px !important; font-size:16px !important; font-weight:800 !important; letter-spacing:.02em !important; width:100% !important; cursor:pointer !important; }


/* ===== v1.2.12: desktop CTA-vali, hero H1 mobiili, Meista-lomakkeen leveys, desktop alavalikon fontti ===== */
@media (min-width:922px){
  .qasva-cta-row{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:14px !important; }
  #ast-desktop-header .main-header-menu .sub-menu .menu-link,
  #ast-desktop-header .main-header-menu .sub-menu .menu-item > a{ font-size:0.95rem !important; }
}
@media (max-width:921px){
  [class*="-hero"] h1{ font-size:clamp(19px,5.2vw,40px) !important; }
  .page-id-800 .ast-container{ padding-left:20px !important; padding-right:20px !important; }
  .page-id-800 .site-main article{ padding-left:0 !important; padding-right:0 !important; }
}


/* ===== v1.2.13: uutiskirje-boksi + sivu + Meista-otsikko ===== */
/* Boksi (astra_footer_before) */
.qnl-box-band{ background:var(--qasva-cream); padding:8px 24px 56px; }
.qnl-box{ max-width:1000px; margin:0 auto; background:var(--qasva-turkoosi); border-radius:26px; padding:52px 44px; text-align:center; box-shadow:0 16px 40px rgba(38,32,28,.10); }
.qnl-box-eyebrow{ color:var(--qasva-kulta); letter-spacing:.2em; text-transform:uppercase; font-size:13px; font-weight:700; margin:0 0 16px; }
.qnl-box-title{ color:var(--qasva-cream); font-size:32px; line-height:1.2; max-width:620px; margin:0 auto 14px; }
.qnl-box-title em{ color:var(--qasva-kulta); font-style:italic; }
.qnl-box-sub{ color:#C9D6DA; font-size:16px; line-height:1.6; max-width:480px; margin:0 auto 26px; }
.qnl-box-sub strong{ color:var(--qasva-cream); font-weight:500; }
.qnl-box-btn{ display:inline-block; background:var(--qasva-kulta); color:#3a2f1c; font-weight:700; font-size:16px; padding:15px 30px; border-radius:999px; text-decoration:none; }
.qnl-box-btn:hover{ filter:brightness(1.05); color:#3a2f1c; }
/* Sivun MailerLite-lomake (sNXbCW) */
#mlb2-41680467#mlb2-41680467 .ml-form-embedWrapper{ background:transparent !important; max-width:none !important; width:100% !important; box-shadow:none !important; border:0 !important; }
#mlb2-41680467#mlb2-41680467 .ml-form-embedContent,#mlb2-41680467#mlb2-41680467 .ml-form-embedHeader{ display:none !important; }
#mlb2-41680467#mlb2-41680467 .ml-form-embedBody{ padding:0 !important; }
#mlb2-41680467#mlb2-41680467 input.form-control{ background:#fff !important; color:#26201C !important; border:0 !important; border-radius:12px !important; padding:14px 18px !important; font-size:16px !important; width:100% !important; box-shadow:none !important; }
#mlb2-41680467#mlb2-41680467 .ml-form-fieldRow{ margin-bottom:14px !important; }
#mlb2-41680467#mlb2-41680467 label,#mlb2-41680467#mlb2-41680467 .ml-form-embedPermissions *{ color:#fff !important; }
#mlb2-41680467#mlb2-41680467 button.primary{ background:var(--qasva-kulta) !important; color:#3a2f1c !important; border:0 !important; border-radius:999px !important; padding:15px 22px !important; font-size:16px !important; font-weight:800 !important; width:100% !important; cursor:pointer !important; }
@media (max-width:921px){
  .qnl-box-band{ padding:4px 16px 40px; }
  .qnl-box{ padding:34px 24px; }
  .qnl-box-title{ font-size:clamp(22px,6.4vw,32px); }
  /* Meista: liian iso osio-otsikko mobiilissa */
  .page-id-800 .entry-content h2.wp-block-heading{ font-size:clamp(22px,6vw,38px) !important; overflow-wrap:break-word !important; }
}


/* ===== v1.2.14: uutiskirje-otsikot nakyviin tummalla ===== */
.qnl-form-card h2{ color:var(--qasva-cream) !important; }
.qnl-box-title{ color:var(--qasva-cream) !important; }
.qnl-box-title em{ color:var(--qasva-kulta) !important; }


/* ===== v1.2.15: Meista mobiilin ylivuoto + alavalikon teksti as-typed ===== */
@media (max-width:921px){
  .page-id-800 .wp-block-uagb-container{ max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }
}
/* Alavalikot: nayta teksti kuten kirjoitettu (ei isoa alkukirjainta joka sanaan) */
.sub-menu .menu-link,.sub-menu a{ text-transform:none !important; }


/* ===================================================================
   v1.2.16  Qasva-artikkelipohja  (NATIIVILOHKOT)
   Tyylit koskevat VAIN .qasva-artikkeli-lohkoa => ei vaikuta yhteenkaan
   olemassa olevaan sivuun, lomakkeeseen tai aiempaan artikkeliin.
   =================================================================== */
.qasva-artikkeli{ max-width:760px!important; margin-left:auto!important; margin-right:auto!important; color:#43403c; }
.qasva-artikkeli > *{ max-width:100%; }
.qasva-artikkeli p{ font-size:17px; line-height:1.75; margin:0 0 18px; }
.qasva-artikkeli .qasva-lead{ font-size:20px; line-height:1.55; color:#5a564f; margin:0 0 30px; }
.qasva-artikkeli h2.wp-block-heading{ font-family:Georgia,'Times New Roman',serif; font-weight:normal; color:var(--qasva-turkoosi); font-size:27px; line-height:1.25; margin:46px 0 14px; letter-spacing:-.01em; }
.qasva-artikkeli h3.wp-block-heading{ font-family:Georgia,serif; font-weight:normal; color:var(--qasva-turkoosi); font-size:21px; line-height:1.3; margin:0 0 14px; }
.qasva-artikkeli ul.wp-block-list{ list-style:none; margin:0 0 18px; padding:0; }
.qasva-artikkeli ul.wp-block-list li{ position:relative; padding:5px 0 5px 26px; font-size:17px; line-height:1.6; }
.qasva-artikkeli ul.wp-block-list li:before{ content:"\2022"; position:absolute; left:4px; color:var(--qasva-kulta); font-weight:bold; }
.qasva-artikkeli .wp-block-quote.qasva-pull{ border-left:4px solid var(--qasva-kulta); padding:6px 0 6px 22px; margin:34px 0; }
.qasva-artikkeli .wp-block-quote.qasva-pull p{ font-family:Georgia,serif; font-style:italic; color:var(--qasva-turkoosi); font-size:23px; line-height:1.4; margin:0; }
.qasva-artikkeli .wp-block-image{ margin:34px 0; }
.qasva-artikkeli .wp-block-image img{ width:100%; height:auto; border-radius:14px; display:block; }
.qasva-artikkeli .wp-block-image figcaption{ font-size:13px; color:#8a857d; font-style:italic; text-align:center; margin-top:8px; }
.qasva-artikkeli .qasva-box{ background:#fff; border:1px solid #ece2d0; border-radius:16px; padding:28px 30px; margin:34px 0; }
.qasva-artikkeli .qasva-box h3.wp-block-heading{ font-size:20px; margin:0 0 14px; }
.qasva-artikkeli .qasva-box ul.wp-block-list li{ padding-left:30px; color:var(--qasva-ink); }
.qasva-artikkeli .qasva-box ul.wp-block-list li:before{ content:"\2713"; left:0; }
.qasva-artikkeli .qasva-cta{ background:var(--qasva-turkoosi); border-radius:22px; padding:40px; margin:50px 0 0; text-align:center; }
.qasva-artikkeli .qasva-cta h2.wp-block-heading,.qasva-artikkeli .qasva-cta h3.wp-block-heading{ color:var(--qasva-cream); margin:0 0 10px; font-size:25px; }
.qasva-artikkeli .qasva-cta p{ color:#C9D6DA; font-size:16px; max-width:34em; margin:0 auto 22px; }
.qasva-artikkeli .qasva-cta .wp-block-buttons{ justify-content:center; }
.qasva-artikkeli .qasva-cta .wp-block-button__link{ background:var(--qasva-kulta)!important; color:#3A2F1C!important; font-weight:bold; font-size:16px; padding:15px 32px; border-radius:999px; }
@media(max-width:921px){
  .qasva-artikkeli h2.wp-block-heading{ font-size:clamp(22px,6vw,27px); }
  .qasva-artikkeli .qasva-lead{ font-size:18px; }
  .qasva-artikkeli .qasva-cta{ padding:30px 22px; }
}