/**
Theme Name: GardathjonustaSigurjons
Author: Oggupons ehf.
Author URI: https://oggupons.is
Description: Sérsniðið child theme byggt á Astra fyrir Garðaþjónustu Sigurjóns.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gardathjonustasigurjons
Template: astra
*/



/* ============================================
   Árstíðalisti
   ============================================ */

ul.season-list {
  list-style: none;
  margin: 0!important;
  padding: 0!important;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.season-list li {
  background-color: #68B04E;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  display: inline-block;
}

ul.season-list-jol {
  list-style: none;
  margin: 0!important;
  padding: 0!important;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.season-list-jol li {
  background-color: #b72a20 ;
  color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  display: inline-block;
}

/* ============================================
   Lightbox
   ============================================ */

.spectra-image-gallery__control-lightbox--main .swiper-slide img {
    display: block;
    max-height: 85%;
    max-width: 80%;
}


/* Grid wrapperinn */
.robot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  /* Við fjarlægjum align-items: start; svo allir kassar teygist jafnt niður */
}

/* 2 dálkar á tablet */
@media (max-width: 900px){
  .robot-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 1 dálkur á síma */
@media (max-width: 560px){
  .robot-grid{
    grid-template-columns: 1fr;
  }
}

.robot-card {
  display: flex; /* Bætt við: Gerir kassann að flexbox */
  flex-direction: column; /* Bætt við: Raðar hlutum lóðrétt */
  height: 100%;
  padding: 30px;
  border: 1px solid #F4F1EE;
  box-sizing: border-box; /* Tryggir að padding stækki ekki kassann */
}

/* text */
.robot-title {
  margin-top: 0;
  margin-bottom:0px;
}

/* Lýsingin sem á að fylla upp í plássið */
.robot-description {
  flex-grow: 1;
  margin-bottom: 20px;
  
  /* NÝTT: Gerum lýsinguna að flexbox líka */
  display: flex;
  flex-direction: column;
}

p.robot-description {
  font-weight: 600 !important;
}

.robot-description .wp-block-buttons {
  margin-top: auto; /* Þetta ýtir hnappinum niður á botninn á svæðinu */
  padding-top: 20px; /* Smá loft svo hann klessist ekki við textann ef listinn er langur */
}

/* Línan yfir verðinu */
.robot-line {
  margin-top: auto; /* Bætt við: Tryggir að línan leiti alltaf niður */
  margin-bottom: 0px;
  width: 100%;
  border: 0;
  border-top: 1px solid #F4F1EE; /* Passar við rammann hjá þér */
}

/* price */
.robot-price-row {
  font-weight: 600;
  margin-top: 20px;
  display: flex; /* Bætt við: Betra en float fyrir verðið */
  justify-content: space-between; /* Bætt við: "Verð" vinstra megin, upphæð hægra megin */
}

/* Við þurfum ekki float:right lengur með display:flex á row-inu */
.robot-price {
  /* float:right;  -- Má fjarlægja */
}

.robot-card .robot-status {
  display: inline-block;
  color: #121212;
  border: 1px solid #121212;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  margin-bottom: 10px;
  align-self: flex-start; /* Tryggir að status merkið teygist ekki */
}

.post-navigation{
  display: none!important;
}

.section-intro {
  font-size: 20px!important;
  padding-left: 120px!important;
  padding-right: 120px!important;
}

/* Tablet */
@media (max-width: 1024px) {
  .section-intro {
    font-size: 18!important;
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .section-intro {
    font-size: 18!important;
    padding-left: 0!important;
    padding-right: 0!important;
  }
}



/* Spectra image gallery – 3:2 ratio*/
.block-service-feature .spectra-image-gallery__media-wrapper {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.block-service-feature .spectra-image-gallery__media-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Þetta tryggir að ramminn utan um myndina verði ferningur */
.mynd-square .spectra-image-gallery__media-wrapper {
    aspect-ratio: 1 / 1;
    height: auto !important; /* Yfirskrifar hæðarstillingar frá plugininu */
}

/* Þetta tryggir að myndin fylli út í rammann án þess að aflagast */
.mynd-square .spectra-image-gallery__media-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* ============================================
   Trampólín
   ============================================ */

/* Viðbótarþjónusta – bil undir heading */
.vidbotarthjonusta .uagb-heading-text{
  margin-bottom: 0.75em;
}

/* Fjarlægja bil á milli paragraph í viðbótarþjónustu */
.vidbotarthjonusta p{
  margin-top: 0;
  margin-bottom: 0;
}

.trampolin p em {
  font-size:14px!important;
}


.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 4em;
    margin-bottom: 4em;
}

/* ============================================
   Facet flokkun
   ============================================ */

/* Grunnur fyrir hvert kort */
.facetwp-template .fwpl-result{
  position: relative;
}

/* Myndarammi */
.facetwp-template .facet-featured-image a{
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  z-index: 2;
}

/* Mynd fyllir rammann */
.facetwp-template .facet-featured-image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/* Overlay default */
.facetwp-template .facet-featured-image a::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #00000000 0%, #00000066 100%);
  transition: background 0.25s ease;
  pointer-events: none;
}

/* Hover overlay */
.facetwp-template .fwpl-result:hover .facet-featured-image a::before{
  background: linear-gradient(90deg, #68B04E99 0%, #00000099 100%);
}

/* Titill í miðju myndar */
.facetwp-template .facet-post-title{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  text-align: center;
  padding: 24px;
  pointer-events: none;
}

/* Titill texti */
.facetwp-template .facet-post-title a{
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  text-shadow: 0 2px 12px #00000080;
  pointer-events: auto;
  position: relative;
  z-index: 3;
}

/* Fjarlægja margin sem FacetWP setur */
.facetwp-template .fwpl-item{
  margin: 0;
}

/* Grid layout á niðurstöðum */
.facetwp-template .fwpl-layout{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

/* Tablet */
@media (max-width: 1024px){
  .facetwp-template .fwpl-layout{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile */
@media (max-width: 600px){
  .facetwp-template .fwpl-layout{
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* ============================================
   Facets stílar
   ============================================ */

.facetwp-facet{
  position: relative;
  display: block;
  max-width: 420px;
  margin-bottom: 10px !important;
}

/* Mobile full breidd á facets */
@media (max-width: 600px){
  .facetwp-facet{
    max-width: none;
    width: 100%;
  }
}

/* Dropdown stíll */
.facetwp-facet.facetwp-type-dropdown select.facetwp-dropdown{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  height: 52px;
  padding: 0 46px 0 18px;

  font-size: 14px;
  font-weight: 600;
  line-height: 52px;

  color: #222222;
  background-color: #ffffff;

  border: 1px solid #68B04E;
  border-radius: 0;

  cursor: pointer;
}

/* Ör á dropdown facets */
.facetwp-facet.facetwp-type-dropdown::after{
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #68B04E;
  border-bottom: 2px solid #68B04E;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

/* Reset sem hreinn textahlekkur */
.facetwp-facet.facetwp-type-reset{
  max-width: none;
  flex: 0 0 auto !important;
  width: auto !important;
  align-self: center;
}

.facetwp-facet.facetwp-type-reset .facetwp-reset,
.facetwp-facet.facetwp-type-reset .facetwp-reset:hover,
.facetwp-facet.facetwp-type-reset .facetwp-reset:focus{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  height: auto !important;

  color: #68B04E !important;
  font-weight: 500 !important;
  text-decoration: underline !important;

  box-shadow: none !important;
}

.facetwp-facet.facetwp-type-reset .facetwp-reset{
  display: inline-block !important;
  white-space: nowrap;
}

/* 1. Gámurinn: Miðjum hnappana og yfirskrifum 420px regluna */
.facetwp-facet-robotar_flokkar {
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important; /* Miðjar hnappana */
    margin-bottom: 30px !important;
}

/* 2. Hnapparnir sjálfir */
.facetwp-facet-robotar_flokkar .facetwp-radio {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    
    /* Útlit */
    background-image: none !important;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    
    /* Texti */
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333;
    cursor: pointer;
    box-shadow: none !important;
    line-height: 1.2;
}

/* 3. Felum radio hringinn */
.facetwp-facet-robotar_flokkar .facetwp-radio::before {
    display: none !important;
    content: none !important;
}

/* 4. Valinn hnappur (Active) */
.facetwp-facet-robotar_flokkar .facetwp-radio.checked {
    background-color: #5dae52 !important;
    color: #fff !important;
    border-color: #5dae52 !important;
}

/* 5. Hover effekt */
.facetwp-facet-robotar_flokkar .facetwp-radio:hover:not(.checked) {
    background-color: #e0dedb;
}



/* 7. Tölurnar - HÉR ER BREYTINGIN (Minna bil) */
.facetwp-facet-robotar_flokkar .facetwp-counter {
    font-size: 12px !important;
    margin-left: -2px !important; /* Var 6px, nú 2px til að minnka bilið */
    color: inherit;
    opacity: 0.7;
}

/* ============================================
   Filtering icon list miðjun
   ============================================ */

.filtering.wp-block-uagb-icon-list .uagb-icon-list__wrap{
  justify-content: center;
}

.filtering.wp-block-uagb-icon-list .uagb-icon-list-child{
  justify-content: center;
  align-items: center;
}

.filtering.wp-block-uagb-icon-list .uagb-icon-list__label{
  text-align: center;
}

/* Override á Spectra width 100% reglunni fyrir þetta eina block */
.uagb-block-e3c28a24{
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Ef fit-content er eitthvað vesen í einhverjum vöfrum */
@supports not (width: fit-content){
  .uagb-block-e3c28a24{
    display: table !important;
  }
}


/* ============================================
   Mobile valmynd - NÝTT
   ============================================ */

   /* Engin hover áhrif í mobile menu */
#ast-hf-mobile-menu a.menu-link:hover,
#ast-hf-mobile-menu li:hover,
#ast-hf-mobile-menu li:hover > a{
  background: none !important;
  color: inherit !important;
}

/* Fela öll inline icons */
#ast-hf-mobile-menu a.menu-link .ast-icon{
  display: none !important;
}

/* Toggle ör, aðeins fyrir parent items */
#ast-hf-mobile-menu li.menu-item-has-children > a .dropdown-menu-toggle{
  display: inline-flex !important;
}

/* Enginn bakgrunnur */
#ast-hf-mobile-menu .dropdown-menu-toggle{
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
}

/* Lokað */
#ast-hf-mobile-menu li.menu-item-has-children > a .dropdown-menu-toggle svg{
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}

/* Opið */
#ast-hf-mobile-menu li.menu-item-has-children.open > a .dropdown-menu-toggle svg{
  transform: rotate(180deg);
}

/* Arrow fyrir items án children */
#ast-hf-mobile-menu li:not(.menu-item-has-children) > a.menu-link::after{
  content: "›";
  font-size: 22px;
  line-height: 1;
}



#ast-hf-mobile-menu a.menu-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


/* Level 1 */
#ast-hf-mobile-menu > li > a.menu-link{
  color: #ffffff!important;
  background: #68B04E!important;
  font-weight: 500;
}

#ast-hf-mobile-menu > li.current-menu-item > a,
#ast-hf-mobile-menu > li.current-menu-ancestor > a{
  color: #ffffff;
  background: #6fb24e;
  font-weight: 600;
}

/* Level 2 */

#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link{
  color: #4C3F36  !important;
  background:#F4F1EE!important;
  font-weight: 500;
}


#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-item > a .menu-text,
#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-ancestor > a .menu-text,
#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-parent > a .menu-text{
  color: #4a3b2f !important;
  font-weight: 600 !important;
}


#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-item > a,
#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-ancestor > a,
#ast-hf-mobile-menu > li > ul.sub-menu > li.current-menu-parent > a{
  background: #f3efe9 !important;
}


/* Level 3 */
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.menu-link{
  color: #4D833A!important;
  background: #ffffff!important;
  font-weight: 500;  
}

/* 3. level submenu, current item */
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a .menu-text{
  color: #4a3b2f !important;
  font-weight: 600 !important;
}

#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li.current-menu-item > a{
  background: #ffffff !important;
}




/* =========================================================
   MOBILE MENU – FIXED LEVEL STYLES & ARROWS (ASTRA)
   ========================================================= */

/* =========================================================
   FIX 1
   Remove the tiny extra arrow and keep only ONE arrow
   We will use ONLY the pseudo element arrow on the link
   ========================================================= */

/* Remove any theme pseudo icons that might be added */
#ast-hf-mobile-menu a.menu-link::before{
  content: none !important;
}

/* Hide Astra toggle SVG icons so you do not get a second arrow */
#ast-hf-mobile-menu .dropdown-menu-toggle,
#ast-hf-mobile-menu .ast-menu-toggle{
  display: none !important;
}

/* Also hide any stray svg that could still render */
#ast-hf-mobile-menu a.menu-link svg{
  display: none !important;
}


/* =========================================================
   FIX 2
   Lock colors per level even when toggling
   Astra often changes colors on focus active open states
   So we force the same colors for all states
   ========================================================= */

/* Base layout and weight */
#ast-hf-mobile-menu a.menu-link{
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Current state only changes weight */
#ast-hf-mobile-menu .current-menu-item > a.menu-link,
#ast-hf-mobile-menu .current_page_item > a.menu-link{
  font-weight: 600;
}

/* Level 1 always green with white text */
#ast-hf-mobile-menu > li > a.menu-link,
#ast-hf-mobile-menu > li > a.menu-link:hover,
#ast-hf-mobile-menu > li > a.menu-link:focus,
#ast-hf-mobile-menu > li > a.menu-link:active,
#ast-hf-mobile-menu > li > a.menu-link[aria-expanded="true"]{
  background-color: #68B04E !important;
  color: #ffffff !important;
}

/* Level 2 always beige with dark brown text */
#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link,
#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link:hover,
#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link:focus,
#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link:active,
#ast-hf-mobile-menu > li > ul.sub-menu > li > a.menu-link[aria-expanded="true"]{
  background-color: #F4F1EE !important;
  color: #4C3F36 !important;
}

/* Level 3 always white with green text */
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.menu-link,
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.menu-link:hover,
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.menu-link:focus,
#ast-hf-mobile-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.menu-link:active{
  background-color: #ffffff !important;
  color: #4D833A !important;
}


/* =========================================================
   Mobile menu arrows
   Replace Astra default arrows with one consistent chevron
   Keeps right chevrons on items without children, including level 3
   ========================================================= */

/* Explanation
   That tiny extra arrow is literally this element in your markup
   span.ast-icon.icon-arrow inside the link
   We hide it everywhere so only your custom chevron remains
*/
#ast-hf-mobile-menu a.menu-link > span.ast-icon.icon-arrow{
  display: none !important;
}

/* Explanation
   Make sure links lay out as text left and chevron right
*/
#ast-hf-mobile-menu a.menu-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Explanation
   Your single chevron, this replaces any theme arrow on leaf items
   Right by default
*/
#ast-hf-mobile-menu a.menu-link::after{
  content: "" !important;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  flex: 0 0 auto;
  transition: transform 0.25s ease;
}

/* Explanation
   Parent items show a down chevron by default
*/
#ast-hf-mobile-menu li.menu-item-has-children > a.menu-link::after{
  transform: rotate(135deg);
}

/* Explanation
   Parent items rotate 180 degrees when open
*/
#ast-hf-mobile-menu li.menu-item-has-children.open > a.menu-link::after,
#ast-hf-mobile-menu li.menu-item-has-children > a.menu-link[aria-expanded="true"]::after{
  transform: rotate(-45deg);
}

/* Logo í mobile header */

.ast-mobile-popup-drawer .ast-mobile-popup-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  min-height:80px;
}

.mobile-menu-logo{
  display: flex;
  align-items: center;
}

.mobile-menu-logo img{
  height: 50px;
  width: auto;
  display: block;
}

/* Mobile menu CLOSE button – same structure as hamburger */

/* Hide Astra close icon */


/* Use custom SVG instead */
.ast-mobile-popup-header .menu-toggle-close svg{
	background-image: url("/wp-content/uploads/2026/01/close-graent.svg")!important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
}


.ast-mobile-popup-header .menu-toggle-close{
	width: 56px !important;
	height: 56px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	border: 1px solid #68B04E !important;
	background: transparent !important;
	border-radius: 0 !important;

	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

/* Close icon color and size */
.ast-mobile-popup-header .menu-toggle-close svg{
	width: 22px;
	height: 22px;
	fill: #68B04E;
}

/* No hover, no focus styling */
.ast-mobile-popup-header .menu-toggle-close:hover,
.ast-mobile-popup-header .menu-toggle-close:focus{
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* ============================================
   UMSAGNIR – Forsíða (Random grid)
   ============================================ */

.umsagnir-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Kortið sjálft */
.umsogn-card {
  background: #F4F1EE;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Quote myndin / Gæsalappirnar */
.umsogn-image {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.umsogn-image img {
  display: block;
  width: 24px !important; /* Tryggja stærð á gæsalöppum */
  height: auto;
  max-width: none;
}

/* Textinn */
.umsogn-text {
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.6;
}

.umsogn-text p {
  margin: 0;
  padding: 0;
}

/* Umsagnaraðili */
.umsogn-adili {
  margin: 20px 0 0;
  font-size: 16px;
  font-style: italic;
  text-align: center;
  color: #333;
}

/* Stacka á mobile */
@media (max-width: 600px) {
  .umsagnir-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   Carousel image sizes
   ============================================ */

/* Spectra Image Gallery carousel, default 4:3 */
.spectra-image-gallery__layout--carousel
.spectra-image-gallery__media--carousel{
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

/* Myndin fyllir rammann */
.spectra-image-gallery__layout--carousel
.spectra-image-gallery__media-thumbnail--carousel{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
}

/* Mobile, 1:1 */
@media (max-width: 600px){
  .spectra-image-gallery__layout--carousel
  .spectra-image-gallery__media--carousel{
    aspect-ratio: 1 / 1;
  }
}



/* ============================================
   Carousel dots
   ============================================ */

.uagb-slick-carousel ul.slick-dots li,
.uagb-slick-carousel ul.slick-dots li button {
  width: 10px !important;
  height: 10px !important;
  margin: 0 6px !important;
}

.uagb-slick-carousel ul.slick-dots li button {
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
}

.uagb-slick-carousel ul.slick-dots li button::before {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 40px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  opacity: 0.35 !important;
  content: "•" !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.uagb-slick-carousel ul.slick-dots li.slick-active button::before {
  opacity: 1 !important;
}


.uagb-slick-carousel ul.slick-dots li button {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
}

.uagb-slick-carousel ul.slick-dots li button::before {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
.uagb-block-bae65056 .spectra-image-gallery__layout--carousel .slick-dots {
    margin-bottom: 0px !important;
}

/* ============================================
   Remove drop shadow img figure
   ============================================ */

.ast-article-single figure,
.ast-article-single img {
  box-shadow: none !important;
}


/* Lagfæring á millistærð, stoppar ljót brot */
@media (max-width: 1140px) and (min-width: 922px){

  .main-navigation .menu-link .menu-text{
    white-space: nowrap;
  }

  .main-navigation .main-header-menu{
    gap: 8px;
  }

  .main-navigation .main-header-menu > li > a.menu-link{
    padding-left: 4px;
    padding-right: 4px;
  }

  .main-navigation .menu-link{
    font-size: 0.9em;
  }
}

/* ==============================
   Sub menu current state
   ============================== */

.main-navigation .sub-menu li.current-menu-parent > a .menu-text,
.main-navigation .sub-menu li.current-menu-ancestor > a .menu-text {
  font-weight: 600;
  color:#68B04E!important;
}

/* Current item í 2. og 3. level submenu */
.main-navigation .sub-menu .current-menu-item > a .menu-text {
  font-weight: 600;
  color:#68B04E!important;
}


/* ==============================
   Desktop only menu underline
   ============================== */

@media (min-width: 922px){

  /* Top level text */
  .main-navigation ul.main-header-menu > li > a.menu-link .menu-text{
    position: relative;
    display: inline-block;
  }

  /* Undirlína */
  .main-navigation ul.main-header-menu > li > a.menu-link .menu-text::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transform: translateX(-50%);
    transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }

  /* Hover top level */
  .main-navigation ul.main-header-menu > li:hover > a.menu-link .menu-text::after{
    width: 100%;
  }

  /* Active state top level */
  .main-navigation ul.main-header-menu > li.current-menu-item > a.menu-link,
  .main-navigation ul.main-header-menu > li.current-menu-ancestor > a.menu-link{
    font-weight: 600;
  }

  .main-navigation ul.main-header-menu > li.current-menu-item > a.menu-link .menu-text::after,
  .main-navigation ul.main-header-menu > li.current-menu-ancestor > a.menu-link .menu-text::after{
    width: 100%;
  }

}


/* ============================================
   Þýða Next og Previous í Astra post navigation
   ============================================ */


/* Next -> Næsta */
.nav-next .ast-post-nav{
  content: "Næsta ";
  font-size: 16px;
  font-weight: 600;
}

/* Previous -> Fyrri */
.nav-previous .ast-post-nav{
   content: "Fyrri ";
  font-size: 16px;
  font-weight: 600;
}




/* ============================================
   Mobile header
   ============================================ */
@media (max-width: 921px){

  .site-header-primary-section-right{
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .site-header-primary-section-right .ast-custom-button-link,
  .site-header-primary-section-right .ast-button-wrap .menu-toggle{
    width: 56px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ffffff !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .site-header-primary-section-right .ast-custom-button-link .ast-custom-button{
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .site-header-primary-section-right .mobile-menu-toggle-icon,
  .site-header-primary-section-right .menu-link{
    display: none !important;
  }

  .site-header-primary-section-right .ast-custom-button-link::before,
  .site-header-primary-section-right .ast-button-wrap .menu-toggle::before{
    content: "" !important;
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    background-color: #ffffff !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
  }

  .site-header-primary-section-right .ast-custom-button-link::before{
    -webkit-mask-image: url("/wp-content/uploads/2026/01/tel-main.svg") !important;
    mask-image: url("/wp-content/uploads/2026/01/tel-main.svg") !important;
  }

  .site-header-primary-section-right .ast-button-wrap .menu-toggle::before{
    -webkit-mask-image: url("/wp-content/uploads/2026/01/hamburger.svg") !important;
    mask-image: url("/wp-content/uploads/2026/01/hamburger.svg") !important;
  }

  .site-header-primary-section-right .ast-button-wrap .menu-toggle[aria-expanded="true"]::before{
    -webkit-mask-image: url("/wp-content/uploads/2026/01/close.svg") !important;
    mask-image: url("/wp-content/uploads/2026/01/close.svg") !important;
  }

  .site-header-primary-section-right .ast-custom-button-link:focus,
  .site-header-primary-section-right .ast-custom-button-link:focus-visible,
  .site-header-primary-section-right .ast-button-wrap .menu-toggle:focus,
  .site-header-primary-section-right .ast-button-wrap .menu-toggle:focus-visible{
    outline: none !important;
    box-shadow: none !important;
  }

  .site-header-section > *{
    padding: 0 !important;
  }

  .ast-header-break-point .main-header-bar{
    display: block;
    line-height: 1;
  }
}





/* ============================================
   Footer styles
   ============================================ */

/* Grunnur, fjarlægja bullets alls staðar í footer */
.site-footer .ast-builder-html-element ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-footer .ast-builder-html-element li{
  list-style: none !important;
}

/* Above footer á stórum skjá, sími og netfang inline með mask icon */
.site-footer .site-above-footer-wrap .ast-builder-html-element li{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.site-footer .site-above-footer-wrap .ast-builder-html-element li + li{
  margin-left: 12px;
}

.site-footer .site-above-footer-wrap .ast-builder-html-element li:first-child::before{
  content: "";
  width: 20px;
  height: 20px;
  background-color: #68B04E;
  -webkit-mask: url("/wp-content/uploads/2026/01/tel.svg") no-repeat center;
  mask: url("/wp-content/uploads/2026/01/tel.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.site-footer .site-above-footer-wrap .ast-builder-html-element li + li::before{
  content: "";
  width: 20px;
  height: 20px;
  background-color: #68B04E;
  -webkit-mask: url("/wp-content/uploads/2026/01/email.svg") no-repeat center;
  mask: url("/wp-content/uploads/2026/01/email.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Primary footer á stórum skjá, inline með pípum */
.site-footer .site-primary-footer-wrap .ast-builder-html-element li{
  display: inline;
  font-weight: normal;
}

.site-footer .site-primary-footer-wrap .ast-builder-html-element li:not(:first-child)::before{
  content: "|";
  padding: 0 8px;
}

/* ============================================
   Engin hlekkur á kennitöluna
   ============================================ */
.kennitala a[x-apple-data-detectors],
.kennitala span[x-apple-data-detectors]{
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: text !important;
}

/* ============================================
   Mobile
   ============================================ */

@media (max-width: 768px){

  .site-footer{
    text-align: center !important;
  }

  /* Logo */
  .site-footer .wp-block-image.alignleft,
  .site-footer .wp-block-image.alignright,
  .site-footer .wp-block-image.aligncenter{
    float: none !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }

  .site-footer .wp-block-image img{
    display: block !important;
    margin: 0 auto !important;
  }

  /* HTML 1 sími og netfang */
  .site-footer .ast-footer-html-1{
    text-align: center !important;
  }

  .site-footer .ast-footer-html-1 .ast-header-html,
  .site-footer .ast-footer-html-1 .ast-builder-html-element{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element ul{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element li{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element li:last-child{
    margin-bottom: 0 !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element a{
    color: #ffffff !important;
    text-decoration: none !important;
  }

  /* Icon, grænt mask icon, enginn hringur */
  .site-footer .ast-footer-html-1 .ast-builder-html-element li::before{
    content: "" !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    background-color: #68B04E !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element li:nth-child(1)::before{
    -webkit-mask-image: url("/wp-content/uploads/2026/01/tel.svg") !important;
    mask-image: url("/wp-content/uploads/2026/01/tel.svg") !important;
  }

  .site-footer .ast-footer-html-1 .ast-builder-html-element li:nth-child(2)::before{
    -webkit-mask-image: url("/wp-content/uploads/2026/01/email.svg") !important;
    mask-image: url("/wp-content/uploads/2026/01/email.svg") !important;
  }

  /* Social */
  .site-footer .ast-footer-social-wrap .footer-social-inner-wrap{
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 22px 0 32px !important;
  }

  .site-footer .ast-footer-social-wrap a{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .site-footer .ast-footer-social-wrap svg{
    width: 30px !important;
    height: 30px !important;
    fill: #4A4037 !important;
  }

  /* HTML 2 fyrirtækjaupplýsingar */
  .site-footer .ast-footer-html-2 .ast-builder-html-element ul{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .site-footer .ast-footer-html-2 .ast-builder-html-element li{
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    text-align: center !important;
  }

  .site-footer .ast-footer-html-2 .ast-builder-html-element li:last-child{
    margin-bottom: 0 !important;
  }

  .site-footer .ast-footer-html-2 .ast-builder-html-element li::before,
  .site-footer .ast-footer-html-2 .ast-builder-html-element li::after{
    content: none !important;
    display: none !important;
  }

  /* Primary footer mobile, stacked og engar pípur */
  .site-footer .site-primary-footer-wrap .ast-builder-html-element li{
    display: block !important;
    margin: 0 0 6px !important;
    text-align: center !important;
  }

  .site-footer .site-primary-footer-wrap .ast-builder-html-element li::before,
  .site-footer .site-primary-footer-wrap .ast-builder-html-element li::after,
  .site-footer .site-primary-footer-wrap .ast-builder-html-element li:not(:first-child)::before{
    content: none !important;
    display: none !important;
    padding: 0 !important;
  }

  /* Framúrskarandi merki */
  .site-footer .wp-block-image.framurskarandi{
    display: flex !important;
    justify-content: center !important;
    margin: 24px auto 0 !important;
  }

  .site-footer .wp-block-image.framurskarandi img{
    display: block !important;
    margin: 0 auto !important;
  }
}


/* ============================================
   Traust gardathjonusta spjald mobile
   ============================================ */

@media (max-width: 768px) {
  .uagb-block-6acd291b .uagb-icon-list__wrap {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .uagb-block-6acd291b .wp-block-uagb-icon-list-child {
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .uagb-block-6acd291b .uagb-icon-list__label {
    display: none !important;
  }

  .uagb-block-6acd291b .uagb-icon-list__source-wrap {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 56px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .uagb-block-6acd291b .uagb-icon-list__source-image {
    width: 56px !important;
    height: 56px !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
  }

/* House icon block, override default wp-block-image margins */
.entry-content .uagb-block-ab237e91 figure.wp-block-image{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}


}

/* ============================================
    Header styles
   ============================================ */


.site-primary-header-wrap .ast-custom-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.site-primary-header-wrap .ast-custom-button::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("/wp-content/uploads/2026/01/tel-main.svg") no-repeat center;
  mask: url("/wp-content/uploads/2026/01/tel-main.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}



/* ============================================
    Form styles
   ============================================ */

/* ===== CF7 input reitir ===== */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form textarea{
  width:100%;
  box-sizing:border-box;
  background:#ffffff;
  border:0;
  box-shadow:none;
  padding:22px 24px;
  font-size:14px;
  font-weight:500;
  color:#222222 !important;
}

.wpcf7 form ::placeholder{
  color:#222222 !important;
  font-size:14px;
  font-weight:400;
  opacity:1;
}

.wpcf7 form input:focus,
.wpcf7 form textarea:focus{
  outline:2px solid #e5e5e5;
}

.wpcf7 form p{ margin:0 0 22px; }

/* Villur */
.wpcf7-not-valid{ outline:2px solid #E58A2F; }
.wpcf7 .wpcf7-not-valid-tip{
  color:#E58A2F;
  font-size:12px;
  margin-top:6px;
}

/* ===== Drag and drop viðhengi ===== */
.codedropz-upload-wrapper,
.codedropz-upload-handler,
.codedropz-upload-container,
.codedropz-upload-inner{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Aðal boxið */
.codedropz-upload-container{
  border:1px dashed #d6d6d6 !important;
  padding:26px 24px !important;
}

/* Texti */
.codedropz-upload-inner h5{
  margin:0 0 8px !important;
  font-size:16px !important;
  font-weight:600 !important;
}

.codedropz-upload-inner span{
  display:block !important;
  margin:6px 0 12px !important;
  font-size:14px !important;
}

/* Teljari */
.dnd-upload-counter{
  font-size:12px !important;
  color:#9a9a9a !important;
}

/* Veldu skrár hnappur */
.cd-upload-btn{
  display:inline-block;
  padding:10px 18px;
  border:1px solid #68B04E;
  color:#68B04E !important;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
}

.cd-upload-btn:hover{
  background:#68B04E;
  color:#ffffff !important;
}

/* ===== Skráalisti minni ===== */
.dnd-upload-status{
  padding:10px 0;
}

.dnd-upload-status + .dnd-upload-status{
  border-top:1px solid #e5e5e5;
}

.dnd-upload-image{
  width:32px;
  height:32px;
  margin-right:10px;
}

.dnd-upload-details .name{
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  color:#222222;
}

.dnd-upload-details .name em{
  font-size:12px;
  font-style:normal;
  font-weight:400;
  color:#777777;
  margin-left:8px;
}

.dnd-upload-details .remove-file{
  opacity:1;
}