/* Fonts served locally from SP Page Builder (no requests to Google) */
@import url('../../../media/com_sppagebuilder/assets/google-fonts/Geomini/stylesheet.css');
@import url('../../../media/com_sppagebuilder/assets/google-fonts/Instrument Serif/stylesheet.css');

/* =========================================================
   Blikksmiðurinn – brand layer on top of the Ample template
   Colours: navy #13213F · red #C8322B · body #4C5466 · labels #5D6577
   ========================================================= */
:root {
	--blikk-navy: #13213F;
	--blikk-red: #C8322B;
	--blikk-body: #4C5466;
	--blikk-label: #5D6577;
	--blikk-panel: #F4F5F8;
	--blikk-divider: #E5E7EC;
	--blikk-border: #D6D9E0;
	--blikk-on-navy: #C4CBDB;
}

/* Accent words in headings: Instrument Serif italic, same size as the heading */
.sppb-addon-title em,
.sppb-addon-title i,
.blikk-h em {
	font-family: "Instrument Serif", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.01em;
}

/* Images fill their column */
.blikk-img .sppb-addon-single-image-container,
.blikk-img img {
	width: 100%;
}
.blikk-img img { display: block; }

/* Brand strip */
.blikk-brands-row { border-bottom: 1px solid var(--blikk-divider); }
.blikk-brands {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.blikk-brands li {
	font-size: 19px;
	font-weight: 600;
	color: #8A91A3;
	letter-spacing: -0.01em;
}

/* Hero */
.blikk-hero { border-bottom: 10px solid var(--blikk-red); }
.blikk-hero-card-col .sppb-column-addons { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.blikk-hero-card {
	background: #fff;
	border-radius: 20px;
	padding: 26px 28px 22px;
	max-width: 400px;
	margin-left: auto;
	box-shadow: 0 20px 50px rgba(19, 33, 63, .25);
}

/* Meta line: "Flokkur · Staður · Ár" */

/* Buttons: keep the copy as written (Ample capitalises every word) */
body .sppb-btn, body .btn { text-transform: none; }
body .sppb-btn.sppb-btn-link { padding: 0 0 2px; border-width: 0 0 1px; border-radius: 0; }

/* Dynamic meta line */
.blikk-meta { flex-wrap: wrap; align-items: baseline; }
.blikk-meta .sppb-dynamic-content-text { margin: 0; }
.blikk-meta > .sppb-addon-wrapper:has(.sppb-dynamic-content-text:empty),
.blikk-meta > .sppb-addon-wrapper:not(:has(.sppb-dynamic-content-text)) { display: none; }
.blikk-meta > .sppb-addon-wrapper + .sppb-addon-wrapper .sppb-dynamic-content-text::before { content: "·"; margin-right: 6px; }

/* News cards (articles addon) */
.blikk-news .sppb-addon-article { display: flex; flex-direction: column; }
.blikk-news .sppb-article-img-wrap { display: block; overflow: hidden; border-radius: 20px; margin-bottom: 20px; background: var(--blikk-panel); }
.blikk-news .sppb-article-img-wrap img { width: 100%; height: 220px; object-fit: cover; transition: transform .5s ease; }
.blikk-news .sppb-addon-article:hover .sppb-article-img-wrap img { transform: scale(1.04); }
.blikk-news .sppb-article-info-wrap { padding: 0; }
.blikk-news .sppb-article-info-wrap h3 { margin: 0; }
.blikk-news .sppb-meta-date { display: block; order: -1; font-size: 13px; color: var(--blikk-label); margin-bottom: 8px; }
.blikk-news .sppb-addon-article-layout { margin-bottom: 40px; }
@media (max-width: 767px) { .blikk-news .sppb-article-img-wrap img { height: 200px; } }

/* Project cards */
.blikk-verk .sppb-dynamic-content-collection__item { overflow: visible; }
.blikk-verk-title a, .blikk-verk-title { color: var(--blikk-navy); }
.blikk-verk-title a:hover { color: var(--blikk-red); }
.blikk-verk-img img { transition: transform .5s ease; }

/* ---------- Header ---------- */
/* Home: mail / phone / calendar icons. Other pages: "Verkbeiðni" pill (red on the contact page). */
body.itemid-101 .blikk-header-btn { display: none !important; }
body:not(.itemid-101) .blikk-header-icons { display: none !important; }
body.itemid-484 .blikk-header-btn .sppb-btn { background-color: var(--blikk-red) !important; border-color: var(--blikk-red) !important; }
body.itemid-484 .blikk-header-btn .sppb-btn:hover { background-color: #A92721 !important; }
#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span { text-transform: uppercase; letter-spacing: .04em; }

/* ---------- Bókaðu skoðun band + footer (white, per design) ---------- */
#sp-bottom, #sp-footer { background: #fff; color: var(--blikk-body); }
#sp-bottom { padding: 0; }
#sp-bottom::before, #sp-footer::before, #sp-bottom::after { display: none !important; }
#sp-position1 + *, #sp-cta-bottom { position: relative; z-index: 2; }
#sp-cta-bottom { padding-bottom: 0; }
.blikk-footer { border-top: 0; }
.blikk-footer-mail a { color: var(--blikk-navy); }
.blikk-footer-mail a:hover { color: var(--blikk-red); }
.blikk-footer a { color: var(--blikk-navy); }
.blikk-footer a:hover { color: var(--blikk-red); }
#sp-footer .container-inner,
#sp-footer > .container > .container-inner { border-top: 1px solid var(--blikk-divider); padding: 22px 0; }
#sp-footer, #sp-footer .sp-copyright { font-size: 14px; color: var(--blikk-label); }
.blikk-fb .sppb-btn { font-size: 14px; color: var(--blikk-label); border-color: var(--blikk-label); }
#sp-cta-bottom .sp-module { margin-bottom: 0; }
#sp-cta-bottom { padding-top: 0; padding-left: 0 !important; padding-right: 0 !important; }

/* ---------- Carousel arrows (bxSlider) → round pill buttons ---------- */
.blikk-hero-card .bx-wrapper, .blikk-verk .bx-wrapper { position: relative; margin: 0; max-width: none !important; }
.blikk-hero-card .bx-controls-direction a,
.blikk-verk .bx-controls-direction a {
	position: absolute; width: 46px; height: 46px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	border: 1px solid var(--blikk-border); background: #fff; color: var(--blikk-navy);
	text-indent: 0; font-size: 16px; z-index: 5; transition: background .2s, color .2s;
}
.blikk-hero-card .bx-controls-direction a.bx-next,
.blikk-verk .bx-controls-direction a.bx-next { background: var(--blikk-navy); border-color: var(--blikk-navy); color: #fff; }
.blikk-hero-card .bx-controls-direction a:hover,
.blikk-verk .bx-controls-direction a:hover { background: var(--blikk-red); border-color: var(--blikk-red); color: #fff; }
.blikk-hero-card .bx-controls-direction a { bottom: 0; top: auto; left: auto; transform: none; }
.blikk-hero-card .bx-controls-direction a.bx-prev { right: 56px; }
.blikk-hero-card .bx-controls-direction a.bx-next { right: 0; }
.blikk-hero-card .hero-card-link { padding-right: 110px; }
.blikk-hero-card .blikk-meta { padding-right: 4px; }
.blikk-verk .bx-controls-direction a { top: -104px; bottom: auto; left: auto; transform: none; }
.blikk-verk .bx-controls-direction a.bx-prev { right: 58px; }
.blikk-verk .bx-controls-direction a.bx-next { right: 0; }
@media (max-width: 767px) { .blikk-verk .bx-controls-direction a { top: -70px; } }
.blikk-hero-card li, .blikk-verk li { list-style: none; }
.blikk-hero-card .bx-controls-direction a.bx-prev { left: auto !important; right: 56px !important; }
.blikk-hero-card .bx-controls-direction a.bx-next { left: auto !important; right: 0 !important; }
.blikk-verk .bx-controls-direction a.bx-prev { left: auto !important; right: 58px !important; }
.blikk-verk .bx-controls-direction a.bx-next { left: auto !important; right: 0 !important; }
.blikk-meta > .sppb-addon-wrapper { flex: 0 0 auto; max-width: 100%; }

/* footer navigation: plain links */
.blikk-footer-nav .sppb-link-list-wrap ul, .blikk-footer-nav ul { display: block; padding: 0; margin: 0; }
.blikk-footer-nav li { display: block; margin: 0 0 6px; }
.blikk-footer-nav a { background: none !important; color: var(--blikk-navy) !important; padding: 0 !important; font-size: 16px; }
.blikk-footer-nav a:hover { color: var(--blikk-red) !important; }
#sp-footer1 > .sp-column { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
#sp-footer1 .sp-module, #sp-footer1 .sp-copyright { margin: 0; }
#sp-footer1 .sppb-section { padding: 0 !important; }

/* ---------- Subpages ---------- */
.blikk-crumbs a { color: var(--blikk-label); text-decoration: underline; text-underline-offset: 3px; }
.blikk-crumbs a:hover { color: var(--blikk-red); }
.blikk-crumbs .sep { margin: 0 4px; }
.blikk-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.blikk-tags li { border: 1px solid var(--blikk-border); border-radius: 45px; padding: 7px 14px; font-size: 13px; line-height: 1.2; color: var(--blikk-navy); background: #fff; }
@media (min-width: 992px) {
	.blikk-pad-left > .sppb-column, .blikk-pad-left { padding-left: 48px !important; }
	.blikk-pad-right > .sppb-column, .blikk-pad-right { padding-right: 48px !important; }
}
/* process steps */
.sppb-column.blikk-step { border-top: 2px solid var(--blikk-navy); padding-top: 26px !important; }
.sppb-column.blikk-step-last { border-top-color: var(--blikk-red); }
/* included grid */
.blikk-inc-row { border-top: 1px solid var(--blikk-divider); }
.sppb-column.blikk-inc { border-bottom: 1px solid var(--blikk-divider); padding-top: 22px !important; padding-bottom: 22px !important; height: 100%; }
/* FAQ */
.blikk-faq { border-top: 1px solid var(--blikk-navy); }
.blikk-faq .sppb-panel { border: 0 !important; border-bottom: 1px solid var(--blikk-divider) !important; border-radius: 0 !important; margin: 0 !important; background: none !important; }
.blikk-faq .sppb-panel-heading { padding-left: 0 !important; padding-right: 0 !important; background: none !important; }
/* sidebar */
.blikk-side-nav li { border-bottom: 1px solid var(--blikk-divider); display: block; }
.blikk-side-nav li:last-child { border-bottom: 0; }
.blikk-side-nav a { display: flex !important; justify-content: space-between; background: none !important; }
.blikk-side-nav a::after { content: "→"; font-weight: 400; }
.blikk-contact-person .sppb-person-image img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: top; }
.blikk-contact-person .sppb-addon-content { display: flex; align-items: center; gap: 14px; text-align: left; }
.blikk-contact-links a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.blikk-contact-links a:hover { color: var(--blikk-on-navy); }
@media (min-width: 992px) { .blikk-sidebar .sppb-column-addons { position: sticky; top: 110px; } }

/* Helix containers follow the 1320px design grid */
@media (min-width: 1400px) {
	body .container, body .sppb-row-container { max-width: 1320px; }
}
.blikk-contact-person .sppb-person-image { flex: 0 0 56px; margin: 0; }
.blikk-contact-person .person-content-show-on-hover { display: none; }
.blikk-contact-person .sppb-person-information { background: none !important; padding: 0 !important; position: static !important; text-align: left; box-shadow: none !important; }
.blikk-contact-person .sppb-person-name { display: block; color: #fff; font-weight: 700; font-size: 18px; line-height: 1.3; }
.blikk-contact-person .sppb-person-designation { display: block; color: var(--blikk-on-navy); font-size: 14px; line-height: 1.4; }

/* ---------- Verkin ---------- */
.blikk-tabs .sppb-nav { display: flex; flex-wrap: wrap; gap: 8px; border: 0; padding-bottom: 32px; margin-bottom: 48px; border-bottom: 1px solid var(--blikk-divider); }
.blikk-tabs .sppb-nav > li > a, .blikk-tabs .sppb-nav > li > button { border: 1px solid var(--blikk-border) !important; border-radius: 45px !important; padding: 10px 18px !important; }
.blikk-tabs .sppb-nav > li.active > a, .blikk-tabs .sppb-nav > li.active > button { border-color: var(--blikk-navy) !important; }
.blikk-feat { align-items: center; }
.blikk-feat > .sppb-addon-wrapper:first-child { flex: 0 0 60%; max-width: 60%; }
.blikk-feat-img, .blikk-feat-img > * { width: 100%; }
.blikk-feat-img img { width: 100%; }
.blikk-feat-text { flex: 1 1 auto; }
.blikk-feat-meta { border-top: 1px solid var(--blikk-divider); border-bottom: 1px solid var(--blikk-divider); padding: 12px 0; margin-top: 18px; }
@media (max-width: 991px) {
	.blikk-feat { flex-direction: column; align-items: stretch; gap: 24px !important; }
	.blikk-feat > .sppb-addon-wrapper:first-child, .blikk-feat-img { max-width: 100%; flex-basis: auto; }
}
/* Verk detail */
.blikk-crumbs-row { align-items: baseline; }
.blikk-crumbs-row p { margin: 0; }
.blikk-spec { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 24px; border-bottom: 1px solid var(--blikk-divider); padding-bottom: 24px; }
.blikk-spec .sppb-dynamic-content-text { margin: 0; }
.blikk-spec-item:not(:has(.sppb-dynamic-content-text:not(:empty))) { display: none; }
@media (max-width: 767px) { .blikk-spec { grid-template-columns: repeat(2, 1fr); } }
.blikk-rich p { margin: 0 0 1em; }

/* ---------- Búnaður ---------- */
.blikk-split .sppb-row { border-radius: 20px; overflow: hidden; }
.blikk-split .sppb-column.blikk-split-text { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.blikk-split-img img { border-radius: 0 !important; }
.blikk-brand-row-first .sppb-row-container { border-top: 1px solid var(--blikk-navy); }
.blikk-brand-row .sppb-row-container > .sppb-row { border-bottom: 1px solid var(--blikk-divider); }
.sppb-column.blikk-brand { padding-top: 26px !important; padding-bottom: 26px !important; }
.blikk-brand .sppb-addon-title a { color: var(--blikk-navy); }
.blikk-brand .sppb-addon-title a:hover { color: var(--blikk-red); }
.blikk-band-text { max-width: 420px; margin-left: auto !important; margin-right: auto !important; }

/* ---------- Sagan ---------- */
.blikk-mile .sppb-row-container > .sppb-row { border-bottom: 1px solid var(--blikk-divider); }
.blikk-mile-first .sppb-row-container { border-top: 1px solid var(--blikk-navy); }
.blikk-person-links a { color: var(--blikk-navy); text-decoration: underline; text-underline-offset: 3px; }
.blikk-person-links a:hover { color: var(--blikk-red); }
.blikk-portrait img { object-position: top center; }

/* ---------- Hafa samband ---------- */
.blikk-info-value a { color: var(--blikk-navy); }
.blikk-info-value a:hover { color: var(--blikk-red); }
.blikk-form .sppb-form-group label, .blikk-form label { font-size: 14px; font-weight: 600; color: var(--blikk-navy); margin-bottom: 6px; }
.blikk-form .sppb-form-control {
	background: #fff; border: 1px solid var(--blikk-border); border-radius: 12px;
	min-height: 50px; padding: 12px 14px; font-size: 16px; color: var(--blikk-navy); box-shadow: none;
}
.blikk-form textarea.sppb-form-control { min-height: 140px; }
.blikk-form .sppb-form-control:focus { border-color: var(--blikk-navy); outline: 0; box-shadow: 0 0 0 3px rgba(19, 33, 63, .1); }
/* clear space between the captcha and the submit button */
.blikk-form altcha-widget, .blikk-form .sppb-form-builder-powcaptcha, .blikk-form [class*="captcha"] { display: block; margin-top: 8px; margin-bottom: 28px !important; }
.blikk-form .sppb-form-builder-btn, .blikk-form button[type="submit"] { margin-top: 0; }
.blikk-map, .blikk-map .sppb-addon-content, .blikk-map .sppb-addon-openstreetmap { border-radius: 20px; overflow: hidden; }
.blikk-split .sppb-row { align-items: stretch; }
.blikk-split .sppb-column-addons, .blikk-split .sppb-addon-wrapper, .blikk-split .sppb-addon-single-image-container { height: 100%; }
.blikk-split .blikk-split-img img { height: 100% !important; min-height: 380px; object-fit: cover; }
.sppb-column.blikk-split-text { border-radius: 0 20px 20px 0; }
@media (max-width: 767px) { .sppb-column.blikk-split-text { border-radius: 0 0 20px 20px; } .blikk-split .blikk-split-img img { min-height: 260px; } }
.blikk-brand-row .sppb-row-container > .sppb-row { margin-left: 0; margin-right: 0; }
#sp-cta-bottom > .container, #sp-bottom > .container { max-width: none; width: auto; padding-left: 0; padding-right: 0; }
#sp-cta-bottom > .container > .container-inner > .row, #sp-bottom > .container > .container-inner > .row { margin-left: 0; margin-right: 0; }
#sp-position1, #sp-bottom1 { padding-left: 0; padding-right: 0; }

/* ---------- Fréttir (category layout "blikk") ---------- */
.blikk-news-page, .blikk-article, .blikk-article-more { font-family: Geomini, sans-serif; }
.blikk-news-head, .blikk-article__head { padding-top: 170px; margin-bottom: 40px; }
.blikk-page-title, .blikk-article__title { font-weight: 800; color: var(--blikk-navy); letter-spacing: -0.04em; line-height: .92; margin: 0; }
.blikk-page-title { font-size: 104px; }
.blikk-page-title em, .blikk-section-title em { font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -0.01em; }
.blikk-news-date { font-size: 13px; color: var(--blikk-label); margin: 0 0 8px; }
.blikk-textlink { color: var(--blikk-navy); font-weight: 600; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.blikk-textlink:hover { color: var(--blikk-red); }
.blikk-news-featured { display: grid; grid-template-columns: 60% 1fr; gap: 48px; align-items: center; margin-bottom: 72px; }
.blikk-news-featured__img { display: block; border-radius: 20px; overflow: hidden; background: var(--blikk-panel); }
.blikk-news-featured__img img { width: 100%; height: 440px; object-fit: cover; display: block; }
.blikk-news-featured__title { font-size: 44px; line-height: 1.08; letter-spacing: -0.03em; font-weight: 700; margin: 0 0 16px; }
.blikk-news-featured__title a, .blikk-news-card__title a { color: var(--blikk-navy); }
.blikk-news-featured__title a:hover, .blikk-news-card__title a:hover { color: var(--blikk-red); }
.blikk-news-featured__intro { font-size: 17px; line-height: 1.6; color: var(--blikk-body); margin: 0 0 22px; }
.blikk-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 56px 20px; }
.blikk-news-card__img { display: block; border-radius: 20px; overflow: hidden; margin-bottom: 18px; background: var(--blikk-panel); aspect-ratio: 16 / 10; }
.blikk-news-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.blikk-news-card:hover .blikk-news-card__img img { transform: scale(1.04); }
.blikk-news-card__title { font-size: 22px; line-height: 1.3; letter-spacing: -0.01em; font-weight: 700; margin: 0; }
.blikk-pagination { margin: 64px 0 120px; display: flex; justify-content: center; }
.blikk-pagination ul, .blikk-pagination .pagination { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; }
.blikk-pagination .page-link, .blikk-pagination a, .blikk-pagination span.page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border-radius: 50% !important; border: 1px solid var(--blikk-border); color: var(--blikk-navy); background: #fff; padding: 0 6px; }
.blikk-pagination .active .page-link, .blikk-pagination .active span { background: var(--blikk-navy); color: #fff; border-color: var(--blikk-navy); }

/* ---------- Frétt (article layout "blikk") ---------- */
.blikk-article__head { max-width: 900px; margin-left: auto; margin-right: auto; }
.blikk-article__title { font-size: 64px; line-height: 1.02; letter-spacing: -0.035em; font-weight: 700; }
.blikk-article__image { margin: 0 0 64px; border-radius: 20px; overflow: hidden; background: var(--blikk-panel); }
.blikk-article__image img { width: 100%; max-height: 620px; object-fit: cover; display: block; }
.blikk-article__body { max-width: 620px; margin: 0 auto; font-size: 17px; line-height: 1.65; color: var(--blikk-body); }
.blikk-article__body .lead, .blikk-article__body > p:first-child { font-size: 22px; line-height: 1.45; color: var(--blikk-navy); }
.blikk-article__body img { max-width: 100%; height: auto; border-radius: 14px; margin: 12px 0; }
.blikk-article__body blockquote { border-left: 3px solid var(--blikk-red); padding: 4px 0 4px 24px; margin: 32px 0; font-family: "Instrument Serif", Georgia, serif; font-style: italic; font-size: 30px; line-height: 1.2; color: var(--blikk-navy); }
.blikk-article__body blockquote p { margin: 0; }
.blikk-article__foot { max-width: 620px; margin: 40px auto 0; padding-top: 28px; border-top: 1px solid var(--blikk-divider); display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.blikk-pill { border: 1px solid var(--blikk-border); border-radius: 45px; padding: 10px 18px; color: var(--blikk-navy); font-size: 14px; }
.blikk-pill:hover { border-color: var(--blikk-navy); color: var(--blikk-navy); }
.blikk-article-more { margin: 120px 0; }
.blikk-section-title { font-size: 48px; font-weight: 700; letter-spacing: -0.03em; color: var(--blikk-navy); margin: 0 0 40px; }

@media (max-width: 991px) {
	.blikk-page-title { font-size: 72px; }
	.blikk-article__title { font-size: 48px; }
	.blikk-news-featured { grid-template-columns: 1fr; gap: 24px; }
	.blikk-news-featured__img img { height: 360px; }
	.blikk-news-grid { grid-template-columns: repeat(2, 1fr); }
	.blikk-news-head, .blikk-article__head { padding-top: 130px; }
}
@media (max-width: 575px) {
	.blikk-page-title { font-size: 50px; }
	.blikk-article__title { font-size: 36px; }
	.blikk-news-featured__title { font-size: 32px; }
	.blikk-news-featured__img img { height: 240px; }
	.blikk-news-grid { grid-template-columns: 1fr; gap: 40px; }
	.blikk-section-title { font-size: 34px; }
	.blikk-article__body blockquote { font-size: 24px; }
	.blikk-news-head, .blikk-article__head { padding-top: 110px; }
}

/* Base typography (was Helix "Typography" options, now local) */
body { font-family: Geomini, "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.6; color: var(--blikk-body); }
@media (max-width: 575px) { body { font-size: 16px; } }
h1, h2, h3, h4, h5, h6, .sppb-addon-title { font-family: Geomini, "Helvetica Neue", Arial, sans-serif; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .offcanvas-menu .menu > li > a { font-family: Geomini, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 500; }
/* one wrapper per dynamic item, so editor canvas and live page match */
.sppb-div-addon.blikk-card { width: 100%; flex: 1 1 100%; }
.blikk-feat { width: 100%; }

/* Projects strip on the home page: swipe / scroll horizontally */
.blikk-verk-scroll { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 14px; -webkit-overflow-scrolling: touch; }
.blikk-verk-scroll > .sppb-dynamic-content-collection__item, .blikk-verk-scroll .sppb-dynamic-content-collection__item { flex: 0 0 calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); scroll-snap-align: start; }
@media (max-width: 991px) { .blikk-verk-scroll .sppb-dynamic-content-collection__item { flex-basis: 46%; max-width: 46%; } }
@media (max-width: 575px) { .blikk-verk-scroll .sppb-dynamic-content-collection__item { flex-basis: 84%; max-width: 84%; } }
.blikk-hero-card .blikk-meta > .sppb-addon-wrapper { flex: 0 1 auto; }
.blikk-verk .blikk-meta > .sppb-addon-wrapper { flex: 0 1 auto; }

/* ---------- Small screens ---------- */
@media (max-width: 767px) {
	body .sppb-row-container, body .container { padding-left: 20px; padding-right: 20px; }
	.blikk-brands { justify-content: flex-start; gap: 8px 24px; }
	.blikk-brands li { font-size: 16px; }
	.blikk-hero-card { max-width: none; padding: 20px 20px 18px; }
	.blikk-hero-card .blikk-meta { display: block !important; }
	.blikk-hero-card .blikk-meta > .sppb-addon-wrapper { display: inline; }
	.blikk-hero-card .blikk-meta .sppb-dynamic-content-text { display: inline; }
	.blikk-hero-card .blikk-meta > .sppb-addon-wrapper + .sppb-addon-wrapper .sppb-dynamic-content-text::before { margin: 0 6px; }
	.blikk-footer .sppb-column { margin-bottom: 28px; }
	#sp-footer1 > .sp-column { flex-direction: column-reverse; align-items: flex-start; }
}
@media (max-width: 991px) { .sppb-column.blikk-intro-side { margin-top: 20px; } }

/* ---------- QA fixes (round 2) ---------- */
/* Hero "Nýlegt verk" card: real inner padding, meta as one flowing line, stable height between slides */
.sppb-addon-wrapper .blikk-hero-card, div.blikk-hero-card { padding: 24px 28px 24px !important; }
.blikk-hero-card .blikk-meta { display: block !important; font-size: 14px; line-height: 1.5; }
.blikk-hero-card .blikk-meta > .sppb-addon-wrapper,
.blikk-hero-card .blikk-meta .clearfix,
.blikk-hero-card .blikk-meta .sppb-dynamic-content-text { display: inline !important; }
.blikk-hero-card .blikk-meta > .sppb-addon-wrapper + .sppb-addon-wrapper .sppb-dynamic-content-text::before { margin: 0 6px; }
.blikk-hero-card .blikk-card { min-height: 184px; display: flex; flex-direction: column; min-width: 0; max-width: 100%; }
.blikk-hero-card .blikk-meta .clearfix::before, .blikk-hero-card .blikk-meta .clearfix::after { display: none !important; }
.blikk-hero-card .blikk-card > .sppb-addon-wrapper:last-child { margin-top: auto; }

/* Brand strip: label styled as an eyebrow label, vertically centred with the names */
.blikk-brands-row .sppb-addon-text-block p, .blikk-brands-row .sppb-addon-content p { margin: 0; }
.blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content { font-size: 19px !important; font-weight: 600; line-height: 1.4 !important; letter-spacing: -0.01em; color: var(--blikk-navy) !important; white-space: nowrap; }
@media (max-width: 767px) { .blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content { font-size: 16px !important; } }
.blikk-brands li { line-height: 1.4; }
@media (max-width: 991px) { .blikk-brands-row .sppb-column:not(:has(.blikk-brands)) { margin-bottom: 12px; } }

/* Home projects: a clean grid instead of a sideways-scrolling strip */
.blikk-verk-scroll { overflow: visible !important; flex-wrap: wrap !important; scroll-snap-type: none; padding-bottom: 0; row-gap: 48px !important; }
.blikk-verk-scroll .sppb-dynamic-content-collection__item { flex: 0 0 calc((100% - 40px) / 3) !important; max-width: calc((100% - 40px) / 3) !important; }
.blikk-verk-scroll .sppb-dynamic-content-collection__item:nth-child(n+7) { display: none !important; }
@media (max-width: 991px) {
	.blikk-verk-scroll .sppb-dynamic-content-collection__item { flex-basis: calc((100% - 20px) / 2) !important; max-width: calc((100% - 20px) / 2) !important; }
}
@media (max-width: 575px) {
	.blikk-verk-scroll .sppb-dynamic-content-collection__item { flex-basis: 100% !important; max-width: 100% !important; }
	.blikk-verk-scroll .sppb-dynamic-content-collection__item:nth-child(n+4) { display: none !important; }
}

/* Meta lines: even spacing around the "·" separator */
.blikk-meta { column-gap: 0 !important; }
.blikk-meta > .sppb-addon-wrapper + .sppb-addon-wrapper .sppb-dynamic-content-text::before { margin: 0 7px !important; }

/* Búnaður split panel: only the image stretches to full height; the text stacks naturally and is centred */
.blikk-split .blikk-split-text .sppb-column-addons,
.blikk-split .blikk-split-text .sppb-addon-wrapper { height: auto !important; }
.blikk-split .blikk-split-text .sppb-addon-wrapper + .sppb-addon-wrapper { margin-top: 16px; }
.blikk-split .blikk-split-text .blikk-tags { margin-top: 8px; }

/* Service sidebar: full-width rows with the arrow pushed to the right */
.blikk-side-nav ul { display: block !important; padding: 0; margin: 0; }
.blikk-side-nav li { display: block !important; width: 100% !important; }
.blikk-side-nav a { width: 100%; align-items: center; gap: 12px; }

/* Footer bottom line: copyright and Facebook on one baseline, aligned with the columns above */
#sp-footer .sp-copyright { padding: 0 !important; }
#sp-footer1 .sppb-row-container { padding-left: 0 !important; padding-right: 0 !important; }
#sp-footer1 .sppb-row { margin: 0 !important; }
#sp-footer1 .sppb-column, #sp-footer1 .sppb-addon-wrapper { padding: 0 !important; margin: 0 !important; }

/* Low-resolution photos: shown small and centred on a panel instead of stretched */
.blikk-lowres-wrap { background: var(--blikk-panel); border-radius: 20px; display: flex !important; align-items: center; justify-content: center; padding: 32px; }
img.blikk-lowres { width: auto !important; height: auto !important; max-height: none !important; object-fit: contain !important; border-radius: 12px !important; margin: 0 auto; }

/* Project gallery: hide when it only repeats the cover photo, otherwise an even grid */
.sppb-section:has(.blikk-dc-gallery):not(:has(.blikk-dc-gallery li + li)) { display: none !important; }
.blikk-dc-gallery ul.sppb-gallery { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 !important; width: auto !important; }
.blikk-dc-gallery ul.sppb-gallery li { width: auto !important; margin: 0 !important; }
.blikk-dc-gallery ul.sppb-gallery li, .blikk-dc-gallery ul.sppb-gallery a, .blikk-dc-gallery ul.sppb-gallery img { width: 100% !important; }
.blikk-dc-gallery ul.sppb-gallery img { height: 300px !important; object-fit: cover; border-radius: 20px; }
@media (max-width: 767px) { .blikk-dc-gallery ul.sppb-gallery { grid-template-columns: repeat(2, 1fr); gap: 12px; } .blikk-dc-gallery ul.sppb-gallery img { height: 180px !important; } }

/* Verkin featured project: breathing room between title, intro and meta */
.blikk-feat-title { margin-bottom: 14px !important; }
.blikk-dc-gallery ul.sppb-gallery::before, .blikk-dc-gallery ul.sppb-gallery::after { display: none !important; content: none !important; }
.blikk-spec .blikk-spec-item:not(:has(.sppb-dynamic-content-text:not(:empty))) { display: none !important; }
img.blikk-lowres { width: 100% !important; }
.blikk-lowres-wrap { height: auto !important; min-height: 0 !important; }
.blikk-spec > .sppb-addon-wrapper:not(:has(.sppb-dynamic-content-text:not(:empty))) { display: none !important; }

/* Timeline (Sagan) and supplier list (Búnaður): divider lines exactly as wide as the content */
.blikk-mile-first .sppb-row-container, .blikk-brand-row-first .sppb-row-container { border-top: 0 !important; }
.blikk-mile .sppb-row-container > .sppb-row, .blikk-brand-row .sppb-row-container > .sppb-row { margin-left: 0 !important; margin-right: 0 !important; }
.blikk-mile-first .sppb-row-container > .sppb-row, .blikk-brand-row-first .sppb-row-container > .sppb-row { border-top: 1px solid var(--blikk-navy); }
.blikk-mile .sppb-row { align-items: baseline; }
.blikk-mile .sppb-row-container > .sppb-row > .sppb-row-column:first-child,
.blikk-brand-row .sppb-row-container > .sppb-row > .sppb-row-column:first-child { padding-left: 0 !important; }
.blikk-mile .sppb-row-container > .sppb-row > .sppb-row-column:last-child,
.blikk-brand-row .sppb-row-container > .sppb-row > .sppb-row-column:last-child { padding-right: 0 !important; }

/* Hero card on phones: no extra slide padding, compact card, link level with the arrows */
.blikk-hero-card ul.sppb-dc-collection-bxslider > li { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 767px) {
	.sppb-addon-wrapper .blikk-hero-card, div.blikk-hero-card { padding: 20px 20px 20px !important; }
	.blikk-hero-card .blikk-card { min-height: 150px; }
}
.blikk-hero-card .blikk-card > .sppb-addon-wrapper:has(.hero-card-link) { margin-top: auto !important; min-height: 46px; display: flex; align-items: center; }

/* Stats: numbers never break mid-figure */
.blikk-stats .sppb-column-addons > .sppb-addon-wrapper:first-child .sppb-addon-title { white-space: nowrap; }
@media (max-width: 575px) { .blikk-stats .sppb-column-addons > .sppb-addon-wrapper:first-child .sppb-addon-title { font-size: 36px !important; } }
.blikk-hero-card .sppb-div-addon.blikk-card { display: flex !important; flex-direction: column !important; }
.blikk-hero-card .blikk-card > .sppb-addon-wrapper:has(.hero-card-link) { margin-bottom: 0 !important; }

/* Contact form fields line up with the "Verkbeiðni" heading */
.blikk-form form.sppb-addon-form-builder-form { margin-left: -14px !important; margin-right: -14px !important; }
/* Footer: Facebook link flush with the page edge */
#sp-footer1 .sppb-row-column { padding-left: 0 !important; padding-right: 0 !important; }
/* Búnaður suppliers on phones/tablets: every stacked card flush with the page edge */
@media (max-width: 767px) { .blikk-brand-row .sppb-row-container > .sppb-row > .sppb-row-column, .blikk-mile .sppb-row-container > .sppb-row > .sppb-row-column { padding-left: 0 !important; padding-right: 0 !important; } }


/* Brand strip: label column as wide as its text, brands share the rest of the line */
.blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content p { font-weight: 600 !important; color: var(--blikk-navy) !important; }
@media (min-width: 992px) {
	.blikk-brands-row .sppb-row-container > .sppb-row { flex-wrap: nowrap; }
	.blikk-brands-row .sppb-row-container > .sppb-row > .sppb-row-column:first-child { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding-right: 48px; }
	.blikk-brands-row .sppb-row-container > .sppb-row > .sppb-row-column:last-child { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0; }
	.blikk-brands { gap: 12px 32px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.blikk-brands li, .blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content { font-size: 16px !important; }
	.blikk-brands { gap: 12px 22px; flex-wrap: nowrap; }
	.blikk-brands-row .sppb-row-container > .sppb-row > .sppb-row-column:first-child { padding-right: 32px; }
}

/* ---------- Frétt (article) — full-width layout like the project pages ---------- */
.blikk-article__head { max-width: none !important; margin: 0 0 40px !important; }
.blikk-article__head .blikk-crumbs { margin: 0 0 20px; font-size: 15px; color: var(--blikk-label); }
.blikk-article__title { font-size: 72px !important; line-height: 1 !important; letter-spacing: -0.035em; font-weight: 800 !important; max-width: 1100px; }
.blikk-article__image { margin: 0 0 72px !important; }
.blikk-article__image img { max-height: 640px; }
.blikk-article__main { display: grid; grid-template-columns: 4fr 8fr; gap: 48px; align-items: start; padding-bottom: 72px; border-bottom: 1px solid var(--blikk-divider); }
.blikk-article__aside { border-top: 1px solid var(--blikk-navy); padding-top: 22px; }
.blikk-article__label { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--blikk-label); margin: 0 0 6px; }
.blikk-article__date { font-size: 18px; font-weight: 700; color: var(--blikk-navy); margin: 0 0 28px; }
.blikk-article__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.blikk-article__body { max-width: 760px !important; margin: 0 !important; font-size: 18px; line-height: 1.7; }
.blikk-article__body .lead, .blikk-article__body > p:first-child { font-size: 24px; line-height: 1.45; color: var(--blikk-navy); margin-top: 0; }
@media (min-width: 992px) { .blikk-article__aside { position: sticky; top: 110px; } }
@media (max-width: 991px) {
	.blikk-article__title { font-size: 52px !important; }
	.blikk-article__main { grid-template-columns: 1fr; gap: 32px; }
	.blikk-article__aside { order: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
	.blikk-article__aside .blikk-article__date { margin: 0; }
	.blikk-article__actions { flex-direction: row; align-items: center; margin-left: auto; }
	.blikk-article__image { margin-bottom: 40px !important; }
}
@media (max-width: 575px) {
	.blikk-article__title { font-size: 36px !important; line-height: 1.08 !important; }
	.blikk-article__body { font-size: 17px; }
	.blikk-article__body .lead, .blikk-article__body > p:first-child { font-size: 20px; }
	.blikk-article__actions { margin-left: 0; flex-wrap: wrap; }
}

/* Brand strip: label identical to the brand names */
.blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content,
.blikk-brands-row .sppb-column:not(:has(.blikk-brands)) .sppb-addon-content p { color: #8A91A3 !important; font-weight: 600 !important; letter-spacing: -0.01em !important; text-transform: none !important; }

/* News: small inline photos sit beside the text, as on the old site */
.blikk-article__body img.blikk-inline-img { float: left; width: 150px; max-width: 40%; height: auto; margin: 6px 22px 10px 0; border-radius: 10px; }
.blikk-article__body::after { content: ""; display: block; clear: both; }
/* Logos/badges (PNG) are never cropped */
.blikk-news-card__img img[src$=".png"], .blikk-news-featured__img img[src$=".png"] { object-fit: contain !important; padding: 8%; background: #fff; }
.blikk-news-card__img:has(img[src$=".png"]), .blikk-news-featured__img:has(img[src$=".png"]) { background: #fff; border: 1px solid var(--blikk-divider); }
/* Articles without a photo (none on the old site either): logo placeholder instead of an empty box */
.blikk-news-card__img:empty, .blikk-news-featured__img:empty { background: var(--blikk-panel) url("../../../images/blikk/logo.svg") no-repeat center / 44% auto; opacity: 1; }
.blikk-news-featured__img:empty { min-height: 440px; }

/* Sagan: partner list links */
.blikk-partners a { color: inherit; text-decoration: underline; text-decoration-color: var(--blikk-border); text-underline-offset: 4px; }
.blikk-partners a:hover { color: var(--blikk-red); text-decoration-color: currentColor; }
.blikk-fax { display: block; font-size: 15px; font-weight: 400; color: var(--blikk-label); margin-top: 4px; }

/* Sticky header on phones/tablets: Helix forces the desktop sticky logo visible (display:block !important),
   so it showed next to the phone logo. Only one logo per breakpoint. */
@media (max-width: 991.98px) {
	#sp-header.header-sticky .logo .logo-sticky { display: none !important; }
	#sp-header.header-sticky .logo .logo-image-phone { display: inline-block !important; }
}
@media (min-width: 992px) {
	#sp-header .logo .logo-image-phone { display: none !important; }
}
#sp-header.header-sticky { background: #fff; box-shadow: 0 1px 0 var(--blikk-divider); }

/* Sagan portraits: always anchored to the top of the photo so the head is never cut */
.blikk-portrait img, .blikk-portrait .sppb-addon-single-image-container img { object-fit: cover !important; object-position: 50% 0 !important; width: 100% !important; }
@media (max-width: 767px) {
	/* phones: proportional box (4:5) instead of a fixed height, so the crop is the same on every screen width */
	.blikk-portrait img, .blikk-portrait .sppb-addon-single-image-container img { height: auto !important; aspect-ratio: 4 / 5; }
}

/* Verkin "Valið verk": stack image and text below 992px (Page Builder's own flex-direction rule is more specific) */
@media (max-width: 991.98px) {
	.blikk-feat, .sppb-div-addon.blikk-feat { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 24px !important; }
	.blikk-feat > .sppb-addon-wrapper { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; }
}