/* =========================================================
   DOMKI — SEO TOKENS
   ========================================================= */

:root {
  --seo-bg: var(--white);
  --seo-pad-y: var(--section-padding);

  --seo-maxw: 100%;

  --seo-p-fs: var(--p-md-fs);
  --seo-p-lh: 1.75;
  --seo-p-opacity: 0.8;
  --seo-p-mb: 14px;

  --seo-strong-fw: 600;

  --seo-h2-color: var(--dark-grey);
  --seo-h2-align: center;
  --seo-h2-font: var(--font-heading);
  --seo-h2-fw: var(--heading-fw);
  --seo-h2-fs: var(--h3-size);
  --seo-h2-lh: 1.2;
  --seo-h2-ls: -0.01em;
  --seo-h2-mt: 28px;
  --seo-h2-mb: 14px;

  --seo-h3-fs: clamp(22px, 3vw, 34px);
  --seo-h3-lh: 1.2;
  --seo-h3-mb: 0.8rem;

  --seo-list-pl: 18px;
  --seo-list-mt: 10px;
  --seo-list-mb: 18px;
  --seo-li-mb: 10px;

  --seo-link-color: var(--color-text);
  --seo-link-hover: var(--color-text);
}

/* =========================================================
   DOMKI — SEO
   ========================================================= */

.home-seo {
  background: var(--seo-bg);
  padding-top: var(--seo-pad-y);
  padding-bottom: var(--seo-pad-y);
}

.home-seo__box {
  max-width: var(--seo-maxw);
  margin-left: auto;
  margin-right: auto;
}

.home-seo__box p {
  margin-bottom: var(--seo-p-mb);
  font-size: var(--seo-p-fs);
  line-height: var(--seo-p-lh);
  opacity: var(--seo-p-opacity);
}

.home-seo__box strong {
  font-weight: var(--seo-strong-fw);
  opacity: 1;
}

.home-seo__box h2 {
  margin-top: var(--seo-h2-mt);
  margin-bottom: var(--seo-h2-mb);
  text-align: var(--seo-h2-align);
  font-family: var(--seo-h2-font);
  font-weight: var(--seo-h2-fw);
  font-size: var(--seo-h2-fs);
  line-height: var(--seo-h2-lh);
  letter-spacing: var(--seo-h2-ls);
  color: var(--seo-h2-color);
}

.home-seo__box h3 {
  margin: 0 0 var(--seo-h3-mb);
  text-align: var(--seo-h2-align);
  font-family: var(--seo-h2-font);
  font-weight: var(--seo-h2-fw);
  font-size: var(--seo-h3-fs);
  line-height: var(--seo-h3-lh);
  letter-spacing: var(--seo-h2-ls);
  color: var(--seo-h2-color);
}

.home-seo__box ul {
  margin: var(--seo-list-mt) 0 var(--seo-list-mb);
  padding-left: var(--seo-list-pl);
}

.home-seo__box li {
  margin-bottom: var(--seo-li-mb);
  font-size: var(--seo-p-fs);
  line-height: var(--seo-p-lh);
  opacity: var(--seo-p-opacity);
}

.home-seo__box li strong {
  font-weight: var(--seo-strong-fw);
}

.home-seo__box a {
  color: var(--seo-link-color);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition:
          color 0.25s ease,
          opacity 0.25s ease;
}

.home-seo__box a:hover,
.home-seo__box a:focus-visible {
  color: var(--seo-link-hover);
  opacity: 1;
}

.seo-readmore__toggle {
  margin-top: 0.15rem;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: var(--font-body);
  font-size: var(--seo-p-fs);
  line-height: 1.2;
  color: var(--seo-link-color);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  opacity: 1;
}

/* =========================================================
   DOMKI — SEO RESPONSIVE
   ========================================================= */

@media (max-width: 479px) {
  :root {
    --seo-maxw: 100%;
    --seo-h2-fs: clamp(20px, 5.2vw, 26px);
    --seo-h3-fs: clamp(19px, 4.8vw, 24px);
    --seo-p-lh: 1.7;
    --seo-list-pl: 16px;
  }
}