/* ==========================================================================
   Skilmálar (page-id-126) — Page-specific CSS
   Scoped to body.page-id-126 to avoid affecting other --dark hero pages.
   ========================================================================== */

/* ── HERO ── */
body.page-id-126 .ser-info-hero--dark {
  background: transparent !important;
  position: relative;
  min-height: 450px;
  overflow: visible !important;
}

body.page-id-126 .ser-info-hero--dark::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: calc(-1 * (50vw - 50%));
  width: calc(70% + (50vw - 50%));
  background: #545b5c;
  z-index: 0;
}

body.page-id-126 .ser-info-hero--dark > .wp-block-group__inner-container,
body.page-id-126 .ser-info-hero--dark > .wp-block-group__inner-container.wp-block-group__inner-container {
  display: flex !important;
  align-items: stretch;
  position: relative;
  min-height: 450px;
  width: 100%;
}

body.page-id-126 .ser-info-hero--dark .ser-info-hero__content,
body.page-id-126 .ser-info-hero--dark .ser-info-hero__content.wp-block-group {
  position: relative;
  z-index: 1;
  flex: 0 0 55% !important;
  max-width: 55% !important;
  display: flex !important;
  align-items: flex-end;
  padding: 0 40px 67px 80px !important;
}

body.page-id-126 .ser-info-hero--dark .ser-info-hero__content > .wp-block-group__inner-container,
body.page-id-126 .ser-info-hero--dark .ser-info-hero__content > .wp-block-group__inner-container.wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 !important;
}

body.page-id-126 .ser-info-hero--dark h1,
body.page-id-126 .ser-info-hero--dark h1.wp-block-heading {
  color: #fff !important;
  font-family: "ivypresto-display", serif !important;
  font-size: 62px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  line-height: 80px !important;
  margin: 0 !important;
}

/* ── TEXT SECTION ── */
body.page-id-126 .ser-info-section--narrow,
body.page-id-126 .ser-info-section--narrow.wp-block-group {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 100px 15px 40px !important;
}

body.page-id-126 .ser-info-section--narrow > .wp-block-group__inner-container {
  padding: 0 !important;
  max-width: none !important;
}

body.page-id-126 .ser-info-section--narrow .ser-info-text,
body.page-id-126 .ser-info-section--narrow .ser-info-text.wp-block-group {
  padding: 0 !important;
}

body.page-id-126 .ser-info-section--narrow .ser-info-text > .wp-block-group__inner-container {
  padding: 0 !important;
}

body.page-id-126 .ser-info-section--narrow h2.wp-block-heading {
  font-family: granville, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #545b5c !important;
  line-height: 28px !important;
  letter-spacing: normal !important;
  margin: 30px 0 8px !important;
}

body.page-id-126 .ser-info-section--narrow p,
body.page-id-126 .ser-info-section--narrow .wp-block-paragraph {
  font-family: granville, serif !important;
  font-size: 15px !important;
  line-height: 28px !important;
  color: #545b5c !important;
  margin: 0 0 16px !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  body.page-id-126 .ser-info-hero--dark { min-height: 300px; }
  body.page-id-126 .ser-info-hero--dark > .wp-block-group__inner-container { min-height: 300px; }
  body.page-id-126 .ser-info-hero--dark::before { width: calc(100% + (50vw - 50%)) !important; }
  body.page-id-126 .ser-info-hero--dark .ser-info-hero__content { flex: 0 0 100% !important; max-width: 100% !important; padding: 40px 20px !important; }
  body.page-id-126 .ser-info-hero--dark h1 { font-size: 36px !important; }
  body.page-id-126 .ser-info-section--narrow { padding: 40px 15px !important; }
}