/* Smartlagnir – útlit á tölvu og spjaldtölvu v1.0
   Til að fara til baka: Viðbætur → „Smartlagnir – útlit á tölvu" → Gera óvirkt.
   Til að bera saman: bættu ?sl_utlit_off=1 aftan við slóð. */

/* --- Merkið: stærra --- */
html body header .sl-logo__svg { height: 66px; }
@media (max-width: 1199px) { html body header .sl-logo__svg { height: 58px; } }

/* --- Símar: nafnið „Smartlagnir" sést (var bara táknið) og Bráðaþjónusta verður rauð lína undir hausnum --- */
@media (max-width: 781px) {
  html body header .header-main-box .wp-block-columns { width: 100% !important; max-width: 100% !important; flex-wrap: wrap !important; align-items: center !important; row-gap: 8px !important; }
  html body header .header-main-box .wp-block-columns > .wp-block-column:first-child { flex: 1 1 auto !important; width: auto !important; overflow: visible !important; order: 1; }
  html body header .header-main-box .wp-block-columns > .wp-block-column:last-child { display: contents !important; }
  html body header .header-main-box .sl-logo { display: inline-flex !important; width: auto !important; overflow: visible !important; }
  html body header .header-main-box .sl-logo__svg { height: 44px !important; width: auto !important; max-width: none !important; }
  html body header .header-main-box .menu-box { display: contents !important; }
  html body header .header-main-box nav.wp-block-navigation { order: 2; margin-left: auto !important; align-self: center !important; }
  html body header .header-main-box .sl-sos { order: 3; flex: 1 0 100% !important; justify-content: center !important; margin: 0 !important;
    padding: 7px 14px !important; border-radius: 10px !important; gap: 10px !important; }
  html body header .header-main-box .sl-sos__txt { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 10px; }
  html body header .header-main-box .sl-sos__txt strong { display: block !important; font-size: 13px !important; letter-spacing: .06em !important; }
  html body header .header-main-box .sl-sos__txt span { display: block !important; font-size: 16px !important; font-weight: 700; }
  html body header .header-main-box .sl-sos__ico { width: 26px !important; height: 26px !important; }
}
@media (max-width: 360px) {
  html body header .header-main-box .sl-logo__svg { height: 38px !important; }
}

/* --- Haus: merkið tekur sitt pláss, valmyndin rest (lagar skörun á spjaldtölvum) --- */
@media (min-width: 782px) {
  header .header-main-box > .wp-block-columns { flex-wrap: nowrap !important; gap: 24px !important; }
  header .header-main-box > .wp-block-columns > .wp-block-column:first-child { flex: 0 0 auto !important; width: auto !important; min-width: 0; }
  header .header-main-box > .wp-block-columns > .wp-block-column:last-child { flex: 1 1 auto !important; width: auto !important; min-width: 0; }
}
/* Símar, spjaldtölvur og minni fartölvur: valmyndin fer í hnapp (☰) svo ekkert skarist */
@media (max-width: 1099px) {
  header .header-main-box .wp-block-navigation__responsive-container-open { display: flex !important; }
  header .header-main-box .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
}

/* --- Forsíða: „Þjónusta okkar" í miðjunni (var föst vinstra megin á breiðum skjám) --- */
.services-box { margin-left: auto !important; margin-right: auto !important; }

/* --- Minna autt bil milli hluta á tölvuskjám --- */
@media (min-width: 1025px) {
  .services-box, .steps-section, .map-section { padding-top: 84px !important; padding-bottom: 84px !important; }
}

/* --- Breiðir skjáir: aðeins breiðara efni --- */
@media (min-width: 1500px) {
  .services-box { max-width: 1280px !important; }
  .steps-section > *, .map-section > *, .trust-strip > * { max-width: 1280px !important; }
}

/* --- Þjónustusíða: þjónustan sem spjöld í dálkum í stað langrar runu --- */
@media (min-width: 782px) {
  .sl-svc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 28px 0 8px; }
  .sl-svc-card { background: #fff; border: 1px solid var(--sl-line, #E4EBF1); border-radius: 14px; padding: 22px 24px; box-shadow: 0 8px 24px -20px rgba(12,35,51,.45); }
  .sl-svc-card > h2 { margin: 0 0 6px !important; font-size: 21px !important; }
  .sl-svc-card > p { margin: 0 !important; font-size: 16px; line-height: 1.6; }
  .sl-svc-cta { margin-top: 18px; padding: 24px 28px; border-radius: 14px; background: var(--sl-accent-soft, #E6F4FA); }
  .sl-svc-cta > h2 { margin: 0 0 6px !important; }
  .sl-svc-cta > p { margin: 0 !important; }
  body .wp-block-post-content.sl-svc-wide { max-width: 1180px !important; }
  body .wp-block-post-content.sl-svc-wide > p:first-child { max-width: 760px; }
}
@media (min-width: 1100px) {
  .sl-svc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* "Efst á síðu" hnappurinn: örin var í sama lit og hringurinn og sást ekki. Nú hvít ör. */
html body .scroll-top-button a,
html body .scroll-top-button a .dashicons,
html body .scroll-top-button a .dashicons::before{color:#fff !important;}
html body .scroll-top-button a{display:inline-flex !important;align-items:center;justify-content:center;width:26px;height:26px;cursor:pointer;}
html body .scroll-top-button a .dashicons{font-size:24px;width:24px;height:24px;line-height:1;}
html body .scroll-top-button{width:48px !important;height:48px !important;padding:0 !important;display:flex !important;align-items:center;justify-content:center;border-radius:50% !important;box-sizing:border-box;}
html body .scroll-top-button:hover{filter:brightness(1.12);}
html body .scroll-top-button a:focus-visible{outline:2px solid #fff;outline-offset:3px;}
