/* Njálurefill static-layout restoration, 2026-10-22.
   Retains Studioshop look; replaces YJSG framework layout imports omitted by SiteOne.
   These rules load after the archived Joomla styles. */
*, *::before, *::after { box-sizing:border-box; }
html {scroll-behavior:smooth;}
body { min-width:0; margin:0; }
#layout_type.yjsgsitew { width:100% !important; max-width:1200px; margin:0 auto; }
#layout_type .yjsgsitew { width:100% !important; max-width:100%; }
#layout_type .centertop_out,
#layout_type .centerbottom_out { width:100%; }
#layout_type .centered { margin-left:auto; margin-right:auto; }
#layout_type .yjsg_grid { clear:both; }
#layout_type .yjsg_grid::after,
#layout_type .holders::after,
#layout_type .inside-container::after { content:""; display:table; clear:both; }
#layout_type .inside-container { padding-left:15px; padding-right:15px; }
/* Header has the original 315 x 90 pixel image, with no extra home menu item. */
#header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:110px; padding:10px 20px; }
#logoholder {width:315px !important;height:90px !important; flex:0 0 315px; margin:0;}
#logo { width:315px !important; height:90px !important; background-position:left center !important; background-size:314px 89px !important;}
#logo a { display:block; width:100%; height:100%; }
#yjsgheadergrid { flex:1 1 auto; min-width:0; }
#yjsgheadergrid #topmenu_holder { width:100%; margin:0; padding:0; }
#horiznav > ul.yjsgmenu { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; }
#horiznav > ul.yjsgmenu > li { float:none; flex:0 0 auto; }
#horiznav > ul.yjsgmenu > li a { height:auto; min-height:48px; padding:0 12px; line-height:48px; }
#horiznav a:focus-visible, .njal-menu-toggle:focus-visible,
#leftblock a:focus-visible, #midblock a:focus-visible { outline:2px solid #910a02; outline-offset:3px; }
/* The crawler's mobile select contains only one menu item. The static menu instead uses every link. */
#mmenu_holder { display:none !important; }
.njal-menu-toggle { display:none; font:inherit; font-weight:700; padding:10px 16px; background:#910a02; color:#fff; border:0; border-radius:2px; cursor:pointer; }
/* Middle is content on the left, secondary navigation on the right (65 / 35). */
#holder2 {display:flow-root;width:100%;}
#midblock, #leftblock { min-width:0; }
#midblock {width:65%;float:left;}
#leftblock {width:35%;float:right;}
#midblock .inside-container, #leftblock .inside-container { width:100%; }
#midblock img, #leftblock img, #yjsg1 img { max-width:100%; height:auto; }
#midblock iframe, #midblock video { max-width:100%; }
.yjsg-newsitems .teaserarticles {display:flow-root;}
.yjsg-newsitems .teaserarticles > .float-left { float:none; width:100%; }
.yjsgarticle { margin:0 0 24px; }
.article_title { line-height:1.35; overflow-wrap:break-word; }
.article_title a { text-decoration:none; }
.newsitem_text {line-height:1.7; overflow-wrap:break-word;}
.newsitem_text:after {content:"";display:block;clear:both;}
.newsitem_text p {margin:0 0 14px;}
.article_separator {display:block; clear:both; height:1px; margin:20px 0; background:#eeeeee;}
#leftblock .yjsquare {margin-bottom:20px;}
#leftblock ul.defaultmenu {padding:0; list-style:none;}
#leftblock ul.defaultmenu li a {display:block; overflow-wrap:break-word; padding:9px 8px; line-height:1.45;}
#leftblock .modid90 img {width:auto;max-width:100%;}
#yjsg1 .yjsquare_in > p {margin:0;}
#yjsg1 img {display:block;}
#yjsg4, #yjsg6 { color:#fff; }
#yjsg4 { text-align:center; }
#yjsg6 {display:flow-root;}
#yjsg6 .yjsgxhtml { float:left; min-width:0; }
#yjsg6 #user17, #yjsg6 #user18 {width:50% !important;}
#yjsg6 .yjsquare_in {padding:0 10px;}
#footer {clear:both;}
#footer .yjsgcp {overflow-wrap:break-word;}
#midblock table {max-width:100%;}
#midblock .pagination, #midblock .pagination ul {display:flex;flex-wrap:wrap;gap:8px;}
.njal-external-links { padding:0; margin:10px 0 24px; list-style:none; }
.njal-external-links li {padding:12px 0;border-bottom:1px solid #e5e5e5;}
.njal-external-links a {font-weight:600;}
.njal-external-links p {margin:4px 0 0;}
.njal-missing-image {display:inline-block;padding:10px;border:1px solid #ddd;background:#f7f7f7;font-size:.9em;color:#555;}
@media (max-width:1140px) {
  #header {flex-direction:column; justify-content:center; gap:2px; padding-bottom:12px;}
  #logoholder {margin:0 auto;}
  #yjsgheadergrid {width:100%;}
  #horiznav > ul.yjsgmenu {justify-content:center;flex-wrap:wrap;}
}
@media (max-width:980px) {
  /* Override the archived template's forced width:1200px!important between 981px and 1450px. */
  #layout_type.yjsgsitew {width:100% !important;}
  #layout_type .yjsgsitew {width:100% !important;}
  #centerbottom {padding:24px 16px;}
  #midblock, #leftblock {width:100% !important;float:none !important;clear:both;}
  #leftblock {padding-top:12px;border-top:1px solid #ececec;}
}
@media (max-width:760px) {
  #header {padding:10px 14px;}
  #logoholder {width:315px !important; max-width:100%;}
  #logo {max-width:100%;}
  #yjsgheadergrid {width:100%;}
  .njal-menu-toggle {display:block;margin:10px auto 2px;}
  #horiznav > ul.yjsgmenu {display:none; flex-direction:column;align-items:stretch;width:100%;padding:8px 0;}
  #horiznav.njal-menu-open > ul.yjsgmenu {display:flex;}
  #horiznav > ul.yjsgmenu > li {display:block;float:none;width:100%;}
  #horiznav > ul.yjsgmenu > li a {min-height:42px;line-height:42px;padding:0 16px;}
  #layout_type .yjsg_grid {padding:14px;}
  #yjsg1 {padding:0 !important;}
  #centerbottom {padding:18px 6px;}
  #midblock .newsitem_text img[style*="float"] {float:none !important;display:block;margin:12px auto !important;}
  #yjsg6 #user17, #yjsg6 #user18 {width:100% !important;float:none;}
  #yjsg6 #user17 {padding-bottom:12px;}
  #footer {padding:24px 12px;}
}
@media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }

/* Footer: keep one readable, accessible Núna ehf credit instead of the
   redundant legacy YJSG image-link text that was exposed during export. */
#footer { text-align:center; }
#footer #cp { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
#footer .yjsgcp { display:block; width:100%; text-align:center; line-height:1.6; font-size:14px; }
#footer .yjsgcp a { font-weight:600; white-space:nowrap; text-decoration:underline; text-underline-offset:2px; }
#footer .validators { order:2; text-align:center; }
#footer .validators a { text-decoration:underline; text-underline-offset:2px; }


/* News archive pagination: restore the YJSG control layout without Joomla.
   Applies to both Fréttir archive pages. */
#midblock .yjsg-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:28px 0 14px;
  padding:18px 0 0;
  border-top:1px solid #e6e6e6;
}
#midblock .yjsg-pagination-counter {
  margin:0;
  color:#666;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
}
#midblock ul.yjsg-pagination-links {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  margin:0;
  padding:0;
  list-style:none;
}
#midblock ul.yjsg-pagination-links > li {
  display:block;
  float:none;
  margin:0;
  padding:0;
  line-height:1;
  list-style:none;
}
#midblock ul.yjsg-pagination-links > li::before { content:none; }
#midblock ul.yjsg-pagination-links > li > a,
#midblock ul.yjsg-pagination-links > li > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  float:none;
  min-width:34px;
  min-height:34px;
  margin:0 !important;
  padding:6px 11px;
  background:#fff;
  color:#910a02;
  border:1px solid #dcdcdc;
  border-radius:4px !important;
  font:600 14px/1.3 Lato,Arial,sans-serif;
  text-decoration:none;
  box-shadow:none;
}
#midblock ul.yjsg-pagination-links > li strong {
  font:inherit;
  color:inherit;
}
#midblock ul.yjsg-pagination-links > li > span.yjsg-pagination-inactive {
  color:#777;
  background:#f3f3f3;
  border-color:#e5e5e5;
}
#midblock ul.yjsg-pagination-links > li:not([class]) > span.yjsg-pagination-inactive {
  color:#fff;
  background:#910a02;
  border-color:#910a02;
}
#midblock ul.yjsg-pagination-links > li > a:hover,
#midblock ul.yjsg-pagination-links > li > a:focus-visible {
  color:#fff;
  background:#910a02;
  border-color:#910a02;
}
@media(max-width:520px) {
  #midblock .yjsg-pagination {flex-direction:column; gap:8px;}
  #midblock ul.yjsg-pagination-links > li > a,
  #midblock ul.yjsg-pagination-links > li > span {min-width:32px;min-height:32px;padding:6px 8px;font-size:13px;}
}