/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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: astra-child
Template: astra
*/

/* ================================================
   TYPOGRAPHY - Fluid sizes
   ================================================ */

:root {
    --font-p-desktop:  18px;
    --font-h1-desktop: 48px;
    --font-h2-desktop: 32px;
    --font-h3-desktop: 26px;
    --font-h4-desktop: 22px;
    --font-h5-desktop: 20px;
    --font-h6-desktop: 18px;

    --font-p-tablet:  17px;
    --font-h1-tablet: 38px;
    --font-h2-tablet: 26px;
    --font-h3-tablet: 22px;
    --font-h4-tablet: 20px;
    --font-h5-tablet: 18px;
    --font-h6-tablet: 17px;

    --font-p-mobile:  18px;
    --font-h1-mobile: 30px;
    --font-h2-mobile: 22px;
    --font-h3-mobile: 20px;
    --font-h4-mobile: 18px;
    --font-h5-mobile: 17px;
    --font-h6-mobile: 16px;
}

body, p { font-size: var(--font-p-desktop) !important; }
h1 { font-size: var(--font-h1-desktop) !important; }
h2 { font-size: var(--font-h2-desktop) !important; }
h3 { font-size: var(--font-h3-desktop) !important; }
h4 { font-size: var(--font-h4-desktop) !important; }
h5 { font-size: var(--font-h5-desktop) !important; }
h6 { font-size: var(--font-h6-desktop) !important; }

@media (max-width: 768px) {
    body, p { font-size: var(--font-p-tablet) !important; }
    h1 { font-size: var(--font-h1-tablet) !important; }
    h2 { font-size: var(--font-h2-tablet) !important; }
    h3 { font-size: var(--font-h3-tablet) !important; }
    h4 { font-size: var(--font-h4-tablet) !important; }
    h5 { font-size: var(--font-h5-tablet) !important; }
    h6 { font-size: var(--font-h6-tablet) !important; }
}

@media (max-width: 480px) {
    body, p { font-size: var(--font-p-mobile) !important; }
    h1 { font-size: var(--font-h1-mobile) !important; }
    h2 { font-size: var(--font-h2-mobile) !important; }
    h3 { font-size: var(--font-h3-mobile) !important; }
    h4 { font-size: var(--font-h4-mobile) !important; }
    h5 { font-size: var(--font-h5-mobile) !important; }
    h6 { font-size: var(--font-h6-mobile) !important; }
}

/* ================================================
   FOOTER - Primary footer layout and contact list
   ================================================ */

/* Center all sections vertically within the primary footer grid row */
.site-primary-footer-inner-wrap.ast-builder-grid-row {
    align-items: center;
    min-height: 100px;
}

/* Section 1 - logo: flex, vertically centered, full height */
.site-footer-primary-section-1,
.site-footer-primary-section-1 .footer-widget-area,
.site-footer-primary-section-1 .footer-widget-area-inner {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Section 2 - contact list and social icon stacked, aligned to the right */
.site-footer-primary-section-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
}

/* Contact list row aligned to the right */
.site-footer-primary-section-2 .footer-widget-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

/* Social icons wrapper aligned to the right */
.site-footer-primary-section-2 .ast-builder-layout-element {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

/* Override Astra's default centering on the social icon inner wrap */
.site-footer-primary-section-2 .ast-footer-social-wrap,
.site-footer-primary-section-2 .footer-social-inner-wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* Remove default list styling and display contact items in a horizontal row */
.ast-footer-html-1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

/* Display each contact item as a flex row with icon and text inline, no wrapping */
.ast-footer-html-1 ul li {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* Prevent link text from wrapping */
.ast-footer-html-1 ul li a {
    white-space: nowrap;
}

/* Add telephone icon before tel item */
.ast-footer-html-1 ul li.tel::before {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-image: url("https://treogmalun.is/wp-content/uploads/2026/05/tel-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* Add mail icon before mail item */
.ast-footer-html-1 ul li.mail::before {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    min-width: 20px;
    background-image: url("https://treogmalun.is/wp-content/uploads/2026/05/mail-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* ================================================
   FOOTER - Below footer layout and company info list
   ================================================ */

/* Center all sections vertically within the below footer grid row */
.site-below-footer-inner-wrap.ast-builder-grid-row {
    align-items: center;
}

/* Set font size for all text in the below footer */
.site-below-footer-inner-wrap {
    font-size: 16px;
}

/* Section 1 - company info list: flex, vertically centered, left aligned */
.site-footer-below-section-1,
.site-footer-below-section-1 .footer-widget-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Section 2 - paragraph: flex, vertically centered, right aligned */
.site-footer-below-section-2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.site-footer-below-section-2 .footer-widget-area-inner,
.site-footer-below-section-2 .widget {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Remove margin from paragraph */
.site-footer-below-section-2 p {
    margin: 0;
    font-size: 16px;
}

/* Display company info items in a horizontal row with pipe separators */
.ast-footer-html-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

/* Remove bullet points, add spacing for the pipe separator */
.ast-footer-html-2 ul li {
    list-style: none;
    padding: 0 12px;
    position: relative;
    font-size: 16px;
}

/* Add a pipe character after each list item */
.ast-footer-html-2 ul li::after {
    content: "|";
    position: absolute;
    right: -2px;
}

/* Hide the pipe separator after the last item */
.ast-footer-html-2 ul li:last-child::after {
    display: none;
}

/* ================================================
   FOOTER - Mobile: stack and center all elements
   ================================================ */

@media (max-width: 768px) {

    /* Primary footer - stack and center all sections */
    .site-primary-footer-inner-wrap.ast-builder-grid-row {
        flex-direction: column;
        align-items: center;
    }

    /* Section 1 - logo: centered with margin below */
    .site-footer-primary-section-1 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 40px !important;
    }

    .site-footer-primary-section-1 .footer-widget-area,
    .site-footer-primary-section-1 .footer-widget-area-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    /* Center the logo image itself */
    .site-footer-primary-section-1 figure,
    .site-footer-primary-section-1 img {
        display: block;
        margin: 0 auto;
    }

    /* Section 2 - contact list and social icon stacked and centered */
    .site-footer-primary-section-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 12px;
    }

    .site-footer-primary-section-2 .footer-widget-area,
    .site-footer-primary-section-2 .ast-builder-layout-element {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Add 40px margin above the Facebook social icon */
    .site-footer-primary-section-2 .ast-builder-layout-element {
        margin-top: 40px;
    }

    /* Contact list stacked and centered on mobile */
    .ast-footer-html-1 ul {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* Increase phone icon size on mobile */
    .ast-footer-html-1 ul li.tel::before {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    /* Increase phone number text size on mobile */
    .ast-footer-html-1 ul li.tel a {
        font-size: 20px;
    }

    /* Social icon centered on mobile */
    .site-footer-primary-section-2 .ast-footer-social-wrap,
    .site-footer-primary-section-2 .footer-social-inner-wrap {
        justify-content: center;
        width: 100%;
    }

    /* Below footer - stack and center all sections */
    .site-below-footer-inner-wrap.ast-builder-grid-row {
        flex-direction: column;
        align-items: center;
    }

    /* Section 1 - company info list: centered */
    .site-footer-below-section-1,
    .site-footer-below-section-1 .footer-widget-area {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    /* Company info list stacked and centered on mobile */
    .ast-footer-html-2 ul {
        flex-direction: column;
        align-items: center;
    }

    .ast-footer-html-2 ul li::after {
        display: none;
    }

    /* First list item in below footer - larger and bolder with spacing below */
    .ast-footer-html-2 ul li:first-child {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
    }

    /* Section 2 - paragraph: centered */
    .site-footer-below-section-2 {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .site-footer-below-section-2 .footer-widget-area-inner,
    .site-footer-below-section-2 .widget {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .site-footer-below-section-2 p {
        text-align: center;
    }
}

/* ================================================
   HERO SLIDER
   ================================================ */

/* Full width breakout slider container */
.main-hero-slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    height: 70vh;
    background-color: #222;
    padding: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

.main-hero-slider::-webkit-scrollbar {
    display: none;
}

/* Each slide item */
.hero-item {
    flex: 0 0 100%;
    min-width: 100%;
    scroll-snap-align: start;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
}

/* Dark overlay over each slide */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Centered content wrapper */
.hero-content {
    max-width: 900px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

/* Animate title, subtitle and button in on active slide */
.hero-title,
.hero-subtitle,
.hero-btn-wrap {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.hero-content.is-active .hero-title,
.hero-content.is-active .hero-subtitle,
.hero-content.is-active .hero-btn-wrap {
    opacity: 1;
    transform: translateY(0);
}

.hero-subtitle { transition-delay: 0.2s; }
.hero-btn-wrap { transition-delay: 0.4s; }

/* Hero title */
.hero-title {
    color: #ffffff;
    font-family: 'Gilmer', sans-serif;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 800;
    margin: 0 0 20px 0;
}

/* Hero subtitle */
.hero-subtitle {
    color: #ffffff;
    font-family: 'Gilmer', sans-serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 35px 0;
}

/* Hero CTA button */
#heroSlider .hero-cta-button {
    display: inline-block;
    background-color: #e65e25;
    color: #ffffff !important;
    padding: 16px 35px;
    font-family: 'Gilmer', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 0;
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hero button - prevent full width and remove underline */
.hero-btn-wrap .ast-custom-button-link {
    display: inline-block;
    text-decoration: none !important;
}

.hero-btn-wrap .ast-custom-button {
    display: inline-block !important;
    width: auto !important;
}

.hero-btn-wrap .ast-custom-button-link:hover {
    text-decoration: none !important;
}

/* Mobile hero */
@media (max-width: 768px) {
    .main-hero-slider { height: 60vh; }
    .hero-title { font-size: 32px; }
    .hero-subtitle { font-size: 18px; }
}

/* ================================================
   GLOBAL
   ================================================ */

/* Section intro text width */
.section-intro {
    font-size: 22px;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 768px) {
    .section-intro {
        max-width: 90% !important;
    }
}

/* ================================================
   VERKEFNI - FacetWP listing grid
   ================================================ */

/* Force 1:1 ratio on image container */
.facet-featured-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: pointer;
}

/* Image fills container with cover and zooms on hover */
.facet-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.facet-featured-image:hover img {
    transform: scale(1.1);
}

/* Make featured image clickable */
.facet-featured-image a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Title styling */
.facet-titill {
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif;
    display: block;
    margin-top: 20px;
    color: #232323;
}

/* Orange color on title hover or card hover */
.facet-titill:hover,
.fwpl-result:hover .facet-titill {
    color: #e85d1e !important;
}

/* Taxonomy term styling in facet listing */
.fwpl-tax-tegund {
    color: #e85d1e;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Gilmer Regular", Helvetica, Arial, sans-serif;
    letter-spacing: 0.12em;
}

/* Animate filtered results */
.fwpl-result {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.facetwp-hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
}

/* Tablet - 3 column grid */
@media (max-width: 768px) {
    .fwpl-layout {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-gap: 20px !important;
    }
}

/* Mobile - 2 column grid with 10px gap */
@media (max-width: 480px) {
    .fwpl-layout {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 20px !important;
    }
}

/* ================================================
   VERKEFNI - FacetWP filter
   ================================================ */

/* Center all facets and display inline */
.facetwp-facet {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    margin-bottom: 30px;
}

/* Style each checkbox option in all facets */
.facetwp-facet .facetwp-radio {
    background-image: none !important;
    border: none !important;
    padding: 8px 20px !important;
    cursor: pointer;
    font-size: 18px !important;
    font-family: "Gilmer Regular", Helvetica, Arial, sans-serif;
    position: relative;
    color: inherit;
}

/* Animated underline - base state */
.facetwp-facet .facetwp-radio::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background-color: #e85d1e;
    transition: width 0.3s ease;
}

/* Hover - underline expands from center */
.facetwp-facet .facetwp-radio:hover::after {
    width: 80%;
}

/* Active/checked state */
.facetwp-facet .facetwp-radio.checked {
    background-image: none !important;
    background-color: transparent !important;
    color: #e85d1e !important;
}

.facetwp-facet .facetwp-radio.checked::after {
    width: 80%;
}

/* Hide counter */
.facetwp-facet .facetwp-counter {
    display: none;
}

/* Reset button - centered and smaller */
.facetwp-facet-hreinsa {
    display: flex;
    justify-content: center;
    width: 100%;
}

.facetwp-facet-hreinsa .facetwp-reset {
    font-size: 14px;
    cursor: pointer;
}

/* ================================================
   VERKEFNI - Single post
   ================================================ */

/* Center and style the title */
.type-verkefni .entry-title {
    text-align: center;
    color: #000000;
    font-size: 48px !important;
}

/* Hide author and date */
.type-verkefni .entry-meta {
    display: none;
}

/* Add padding below post navigation on single verkefni */
.single-verkefni .post-navigation {
    padding-bottom: 60px;
}

/* ================================================
   TEGUND - Taxonomy archive page
   ================================================ */

/* Archive title color */
.tax-tegund .page-title {
    color: #232323 !important;
    font-size: 32px !important;
}

/* Remove Astra grid padding and spacing */
.tax-tegund .ast-separate-posts {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Force 1:1 ratio on featured image */
.tax-tegund .post-thumb-img-content {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: pointer;
}

.tax-tegund .post-thumb-img-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.tax-tegund .post-thumb-img-content:hover img {
    transform: scale(1.1);
}

/* Title styling matching facet-titill */
.tax-tegund .entry-title {
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    color: #232323 !important;
    text-align: left !important;
}

.tax-tegund .entry-title a {
    color: #232323 !important;
    text-decoration: none !important;
}

.tax-tegund .entry-title a:hover,
.tax-tegund .ast-article-post:hover .entry-title a {
    color: #e85d1e !important;
}

/* Hide entry meta and content */
.tax-tegund .entry-meta,
.tax-tegund .entry-content {
    display: none !important;
}

/* Remove featured image padding */
.tax-tegund .remove-featured-img-padding .post-thumb {
    margin: 0 !important;
    padding: 0 !important;
}

/* ================================================
   CONTACT FORM 7
   ================================================ */

/* Black labels 16px */
.wpcf7-form label {
    color: #000000 !important;
    font-size: 16px !important;
}

/* Remove border, outline and border radius from all inputs */
.wpcf7-form-control {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
}

/* Orange bottom border on focus */
.wpcf7-form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-bottom: 2px solid #e85d1e !important;
}

/* ================================================
   BUTTONS
   ================================================ */

/* Fix Gilmer Semi Bold font weight */
.ast-custom-button,
.wp-block-button__link,
.ast-custom-button-link {
    font-family: "Gilmer Semi Bold", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
}

/* ================================================
   DRAG AND DROP FILE UPLOAD
   ================================================ */

.codedropz-upload-wrapper,
.codedropz-upload-handler,
.codedropz-upload-container,
.codedropz-upload-inner {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Main box */
.codedropz-upload-container {
    border: 1px dashed #d6d6d6 !important;
    padding: 26px 24px !important;
}

/* Text */
.codedropz-upload-inner h3 {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #e85d1e !important;
}

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

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

/* Browse files button */
.cd-upload-btn {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #e85d1e;
    color: #e85d1e !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

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

/* File list */
.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;
}

.section-intro {
    font-size: 22px !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 768px) {
    .section-intro {
        max-width: 100% !important;
    }
}

/* Ensure correct font on verkefni titles in facet listing */
.facet-titill,
.facet-titill * {
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif !important;
}

/* ================================================
   FONTS - Gilmer
   ================================================ */

@font-face {
    font-family: "Gilmer Regular";
    src: url("https://treogmalun.is/wp-content/uploads/2026/05/Gilmer-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilmer Bold";
    src: url("https://treogmalun.is/wp-content/uploads/2026/05/Gilmer-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gilmer Heavy";
    src: url("https://treogmalun.is/wp-content/uploads/2026/05/Gilmer-Heavy.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.facetwp-facet .facetwp-radio.checked,
.facetwp-facet .facetwp-radio.checked .facetwp-display-value {
    font-weight: 900 !important;
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif !important;
}

/* Icon list with list-text class - Gilmer Heavy */
.list-text .uagb-icon-list__label {
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif !important;
    font-weight: 900 !important;
}

/* Icon list with list-text class - Gilmer Heavy */
strong {
    font-family: "Gilmer Heavy", Helvetica, Arial, sans-serif !important;
    font-weight: 900 !important;
}

/* ============================================
   CTA - Fáðu tilboð - Mobile stillingar
   ============================================ */

@media (max-width: 768px) {

  /* 1. Aðal container - stafla lóðrétt og miðja */
  .cta_fadu_tilbod > .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 2. Vinstri container - icon og fyrirsögn */
  .cta_fadu_tilbod .uagb-block-72d13a01 > .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 3. Logo icon - minnka í 80px */
  .cta_fadu_tilbod .uagb-block-72d13a01 img {
    width: 80px !important;
  }

  /* 4. Fyrirsögn - miðja og stækka í 30px */
  .cta_fadu_tilbod .uagb-block-fcfcf092 .uagb-heading-text {
    text-align: center !important;
    font-size: 30px !important;
  }

  /* 5. Hægri container - CTA titill og icon listi */
  .cta_fadu_tilbod .uagb-block-8f75230f > .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 6. Icon listi - raða í röð og miðja */
  .cta_fadu_tilbod .uagb-block-c9072696 .uagb-icon-list__wrap {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 15px !important;
  }

  /* 7. Fela textalabels - sýna aðeins icon */
  .cta_fadu_tilbod .uagb-block-c9072696 .uagb-icon-list__label {
    display: none !important;
  }

  /* 8. Icon stærð - 50px */
  .cta_fadu_tilbod .uagb-block-c9072696 .uagb-icon-list__source-wrap {
    width: 50px !important;
    height: 50px !important;
  }

  .cta_fadu_tilbod .uagb-block-c9072696 .uagb-icon-list__source-image {
    width: 50px !important;
    height: 50px !important;
  }
}

.cta_fadu_tilbod figure,
.cta_fadu_tilbod img {
  box-shadow: none !important;
  background: none !important;
}

@media (max-width: 921px) {

    .site-header-primary-section-right {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        line-height: 1 !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;
        background-color: #e2601e !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        border: none !important;
        line-height: 1 !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('https://treogmalun.is/wp-content/uploads/2026/05/tel-main.svg') !important;
        mask-image: url('https://treogmalun.is/wp-content/uploads/2026/05/tel-main.svg') !important;
    }

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

    .site-header-primary-section-right .ast-button-wrap .menu-toggle[aria-expanded="true"]::before {
        -webkit-mask-image: url('https://treogmalun.is/wp-content/uploads/2026/05/close.svg') !important;
        mask-image: url('https://treogmalun.is/wp-content/uploads/2026/05/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;
    }

}