/*
Theme Name: Svensk Kredit – barntema
Description: Redaktionellt barntema för Svenskkredit.nu. Aktivera först efter test och verifiering av föräldratema.
Theme URI: https://svenskkredit.nu/
Author: Svensk Kredit
Template: astra
Version: 0.5.4
Text Domain: svenskkredit-child
*/

/* Avsiktligt scoped så att befintliga WordPress-sidor inte förändras oväntat. */
.sk-editorial {
  --sk-ink: #192b3c;
  --sk-muted: #586676;
  --sk-border: #d9e0e5;
  --sk-accent: #155e78;
  --sk-paper: #fbfaf7;
  color: var(--sk-ink);
  background: var(--sk-paper);
  font: 400 1.0625rem/1.75 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.sk-editorial *, .sk-editorial *::before, .sk-editorial *::after { box-sizing: border-box; }
.sk-editorial .sk-container { width: min(100% - 2.5rem, 74rem); margin-inline: auto; }
.sk-editorial .sk-article { max-width: 46rem; margin-inline: auto; padding-block: 3rem 5rem; }
.sk-editorial h1, .sk-editorial h2, .sk-editorial h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.17;
  color: var(--sk-ink);
}
.sk-editorial h1 { font-size: clamp(2.25rem, 5vw, 4rem); margin: 0 0 1.1rem; }
.sk-editorial h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); margin: 2.6rem 0 1rem; }
.sk-editorial h3 { font-size: 1.38rem; margin: 2rem 0 .65rem; }
.sk-editorial p { margin: 0 0 1.3rem; }
.sk-editorial a { color: var(--sk-accent); text-underline-offset: .18em; }
.sk-editorial a:focus-visible { outline: 3px solid var(--sk-accent); outline-offset: 3px; }
.sk-editorial .sk-eyebrow {
  font: 700 .74rem/1.3 system-ui, sans-serif;
  text-transform: uppercase; letter-spacing: .12em; color: var(--sk-accent);
}
.sk-editorial .sk-lead { font-size: clamp(1.13rem, 2vw, 1.36rem); color: var(--sk-muted); line-height: 1.6; }
.sk-editorial .sk-meta { font-size: .85rem; color: var(--sk-muted); border-block: 1px solid var(--sk-border); padding-block: .8rem; margin-block: 2rem; }
.sk-editorial .sk-content table { display: block; overflow-x: auto; width: 100%; border-collapse: collapse; font-size: .92rem; }
.sk-editorial .sk-content th, .sk-editorial .sk-content td { border: 1px solid var(--sk-border); padding: .7rem; text-align: left; }
.sk-editorial .sk-content th { background: #eef3f4; }
.sk-editorial .sk-disclosure { border-top: 1px solid var(--sk-border); margin-top: 3rem; padding-top: 1.25rem; font-size: .9rem; color: var(--sk-muted); }
@media (max-width: 600px) {
  .sk-editorial .sk-container { width: min(100% - 1.5rem, 74rem); }
  .sk-editorial .sk-article { padding-block: 2rem 3rem; }
  .sk-editorial { font-size: 1rem; }
}

/* Keep comparison controls usable and respect hidden state with parent themes. */
.sk-v11 [hidden] { display: none !important; }
.sk-v11 button.sk-btn { white-space: normal; text-align: left; min-height: 44px; cursor: pointer; }
.sk-v11 button.sk-btn:disabled { opacity: .55; cursor: not-allowed; }
.sk-v11 button.sk-btn:focus-visible { outline: 3px solid #155e78; outline-offset: 3px; }

.sk-v11 .sk-ad-preview { margin-block: 40px; min-height: 180px; padding: 24px; border: 1px dashed #b8c4c0; background: #fff; text-align: center; color: #536368; }
.sk-v11 .sk-ad-preview > span { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 20px; }
.sk-v11 .sk-ad-preview p { font-size: .86rem; max-width: 36rem; margin-inline: auto; }

/* Existing brand asset, restored inside Astra's own identity container. */
#masthead .sk-brand-logo { display: inline-flex; align-items: center; }
#masthead .sk-brand-logo img { width: 225px; max-width: 100%; height: auto; }
.sk-consent-settings { text-align: center; padding: 12px; margin: 0; font-size: .875rem; }
.sk-consent-settings button { background: none; border: 0; color: #175949; text-decoration: underline; cursor: pointer; }
.sk-consent-settings [hidden] { display: none !important; }
@media (max-width: 921px) { #masthead .sk-brand-logo img { width: 180px; } }