/**
Theme Name: mannvirkjahonnun
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: mannvirkjahonnun
Template: astra
*/


/* ==========================================================================
   GLOBAL ELEMENT RESETS
   Base resets applied site-wide before any component-specific styling
   ========================================================================== */

/* Remove default list margin/padding so custom list spacing rules below apply cleanly */
ul {
    margin: 0px !important;
    padding: 0px !important;
}


/* ==========================================================================
   TYPOGRAPHY SCALE
   h1-h4 scale smoothly between mobile and desktop using clamp()
   All headings reach max size around 1333px viewport width for consistent scaling
   Paragraph text stays fixed at 18px on all screen sizes
   !important used to override Astra/Spectra theme defaults on headings
   ========================================================================== */

/* H1: 40px mobile, 80px desktop */
h1 {
    font-size: clamp(40px, 6vw, 80px) !important;
    line-height: 1.1 !important;
}

/* H2: 32px mobile, 60px desktop */
h2 {
    font-size: clamp(32px, 4.5vw, 60px) !important;
    line-height: 1.15 !important;
}

/* H3: 26px mobile, 46px desktop */
h3 {
    font-size: clamp(26px, 3.45vw, 46px) !important;
    line-height: 1.2 !important;
}

/* H4: 22px mobile, 34px desktop */
h4 {
    font-size: clamp(22px, 2.55vw, 34px) !important;
    line-height: 1.25 !important;
}

/* Paragraph text: fixed size, no scaling between mobile and desktop */
p {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Prevent mid-word breaking on Spectra Advanced Heading blocks. Long words like
   "Samgöngumannvirki" should wrap at spaces only, never split mid-word.
   Targets Spectra's own heading class directly, not the generic h1/h2 tag */
.uagb-heading-text {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

/* Section intro paragraph: larger than body text, extra space above */
.section-intro {
    font-size: 22px !important;
    margin-top: 30px;
}


/* ==========================================================================
   LISTS
   Bullet list hanging indent and icon list sizing
   ========================================================================== */

/* Bullet list hanging indent fix (list-style-position: inside required).
   Marker stays inside the text flow, but wrapped lines still align under the
   text, achieved with padding-left + matching negative text-indent */
.wp-block-uagb-container .wp-block-list li {
    list-style-position: inside;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

/* Icon list marker size fix: makes the SVG icon match the paragraph font-size
   instead of its own fixed size. Font-size set on both the label and the icon
   wrapper so 1em scaling works correctly. !important overrides Spectra's own
   more specific selector */
.uagb-icon-list__label,
.uagb-icon-list__source-wrap {
    font-size: 18px !important;
}

.uagb-icon-list__source-wrap svg {
    width: 1em !important;
    height: 1em !important;
}

/* Small top offset so the icon lines up visually with the label text */
.wp-block-uagb-icon-list.uagb-block-1d129531 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
    margin-top: 6px;
}


/* ==========================================================================
   HERO SECTION
   White text, scales between mobile and desktop with clamp()
   ========================================================================== */

.hero-title h1, .hero-intro {
    color: #fff !important;
}

.hero-title h1 {
    font-size: clamp(40px, 6vw, 80px) !important;
    line-height: 1.1;
    margin-bottom: 20px !important;
}

.hero-intro {
    font-size: clamp(20px, 3vw, 24px) !important;
    line-height: 1.4;
}


/* ==========================================================================
   FOOTER COPYRIGHT LIST
   Desktop: inline items, centered, separated by a "|" divider (not shown
   before first item). Mobile: stacked vertically, centered, no divider
   All text white, links turn #00adea on hover
   ========================================================================== */

/* Remove default bullets, reset list layout, center items */
.ast-footer-copyright ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* List items sit inline on desktop */
.ast-footer-copyright ul li {
    display: inline-block;
    color: #fff;
}

/* Divider before each item except the first */
.ast-footer-copyright ul li:not(:first-child)::before {
    content: "|";
    padding: 0 8px;
    color: #fff;
}

/* Links inside footer list: white by default, blue on hover */
.ast-footer-copyright ul li a {
    color: #fff;
    transition: color 0.2s ease;
}

.ast-footer-copyright ul li a:hover {
    color: #00adea;
}

/* Mobile: stack items vertically, centered, no divider */
@media (max-width: 768px) {
    .ast-footer-copyright ul {
        flex-direction: column;
        align-items: center;
    }

    .ast-footer-copyright ul li:not(:first-child)::before {
        content: none;
    }
}


/* ==========================================================================
   HAFA SAMBAND CONTACT FORM
   Black outlines and black text throughout. Submit button is inverted:
   black background with white text/outline by default, switching to a
   black text/outline on hover
   ========================================================================== */

/* Contact form text and label color */
.hafa-samband label,
.hafa-samband p {
    color: #000;
}

/* Label font size and spacing */
.hafa-samband label {
    font-size: 18px;
    line-height: 2.5em;
}

/* Input and textarea fields: transparent background, black outline, no rounded corners */
.hafa-samband .wpcf7-form-control {
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
}

/* Placeholder text color inside inputs */
.hafa-samband .wpcf7-form-control::placeholder {
    color: #000;
    opacity: 0.7;
}

/* Submit button: black background, white text and outline */
.hafa-samband .wpcf7-submit {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Submit button hover state: white background, black text and outline */
.hafa-samband .wpcf7-submit:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

/* Field focus state: white background, black text (fields already default to
   black text/outline, so this mainly matters if the form sits on a dark section) */
.hafa-samband .wpcf7-form-control:focus {
    background-color: #fff;
    color: #000;
    outline: none;
}

/* Placeholder text stays readable against white background while focused */
.hafa-samband .wpcf7-form-control:focus::placeholder {
    color: #555;
}