/**
 * Heras Redesign – CSS-overstyringer
 * ====================================
 * Lastes etter temaets egne stilark, så alle regler her vinner.
 */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:root {
	/* === FARGER === */

	/* Primærfarger */
	--heras-orange: #FF6147;
	--heras-white: #FFFFFF;
	--heras-black: #000000;

	/* Bakgrunnsfarger */
	--bg-primary: #F5F5F5;
	/* Light grey */
	--bg-secondary: #FFFFFF;
	/* White fallback */

	/* Tekstfarger */
	--text-light: #FFFFFF;
	/* White text */
	--text-dark: #000000;
	/* Black text */

	/* Gråskala */
	--gray-100: #303030;
	--gray-200: #525252;
	--gray-300: #787878;
	--gray-400: #9E9E9E;
	--gray-500: #C9C9C9;
	--gray-600: #F5F5F5; 

	/* Hyperlinks */
	--link-light: #FFFFFF;
	/* White underlined */
	--link-dark: #000000;
	/* Black underlined */


	/* === TYPOGRAFI === */

	/* Font families */
	--font-primary: 'Heras Pro Regular', Arial, sans-serif;
	--font-fallback: Arial, sans-serif;

	--font-regular: var(--font-primary);
	--font-bold: 'Heras Pro Bold', Arial, sans-serif;
	--font-heavy: 'Heras Pro Heavy', Arial, sans-serif;

	/* Font weights */
	--font-weight-regular: 400;
	--font-weight-bold: 700;
	--font-weight-heavy: 900;


	/* === KOMPONENTER === */

	/* Footer */
	--footer-bg: var(--gray-100);
	--footer-text: var(--gray-400);

	/* Buttons - Primary (important actions) */
	--btn-primary-bg: var(--heras-orange);
	--btn-primary-text: var(--text-dark);

	--btn-primary-bg--hover: #d24e38;
	--btn-primary-text--hover: var(--text-light);

	/* Buttons - Secondary (on dark background) */
	--btn-secondary-bg: var(--gray-dark);
	--btn-secondary-text: var(--text-light);

	/* Buttons - Secondary (on light background) */
	--btn-secondary-light-bg: var(--gray-light);
	--btn-secondary-light-text: #000000;


	/* === LAYOUT === */

	/* Border radius for "soft square" */
	--border-radius-soft: 1rem;
	/* Juster etter behov */
	--border-radius-button: 1rem;
	/* Juster etter behov */

	/* === EXTRA === */
	/* Image Overlay Color */
	--image-overlay: #0000004d;
}


/* ===== Global ===== */

body {
	font-family: var(--font-primary);
	color: var(--gray-100);
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-bold);
	color: var(--text-dark);
}

main p a {
	color: var(--text-dark);
}

main p a:hover {
	font-weight: 400;
	color: var(--text-dark);
}

b,
strong {
	font-family: var(--font-bold);
}

a {
	color: var(--gray-100);
}

a:hover {
	color: var(--gray-100);
	text-decoration: none;
}

.filters {
	background-color: var(--gray-600);
}

.wp-block-buttons a.wp-block-button__link {
	color: var(--text-light);
}

.wp-block-buttons a.wp-block-button__link:hover {
	color: var(--text-light);
}


/* ==== Forms ==== */

main form button[type="submit"],
main form div[data-editorblocktype="SubmitButtonBlock"] button,
main form .lp-form-button {
	background-color: var(--btn-primary-bg);
	border-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	transition: .2s;
}

main form button[type="submit"]:hover,
main form div[data-editorblocktype="SubmitButtonBlock"] button:hover,
main form .lp-form-button:hover {
	background-color: var(--btn-primary-bg--hover);
	border-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}


/* ==== Articles ==== */

.wp-block-image img,
iframe[src*="youtube.com/embed/"] {
	border-radius: .75rem;
}

.wp-block-button__link {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}

.wp-block-button__link:hover {
	background-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}


/* ===== Site Header ===== */

.site-header,
.site-header__wrapper-background {
	background-color: var(--gray-100) !important;
}

.site-header__logo {
	display: block;
}

.site-header__logo svg {
	fill: #fff;
}

.site-header__nav_right .nav li a,
.site-header .main-nav ul li a {
	color: var(--text-light);
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
}

.site-header__nav_right .nav li a:hover,
.site-header .main-nav ul li a:hover {
	color: var(--text-light);
	text-decoration: underline;
}

/* Main Nav Cart Link */
.site-header__nav_right .top-cart a {
	color: var(--text-light);
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
	background-size: 8%;
	background-position: 100% 45%;
}

.site-header__nav_right .top-cart a:hover {
	color: var(--text-light);
}

/* Main Nav Cart Counter */
.site-header__nav_right .top-cart a span {
	background-color: var(--heras-orange);
}

/* Mobile Menu Toggle */
.site-header__nav .menu i {
	color: var(--text-light);
}

.site-header__nav.mobile-active .menu i {
	color: var(--gray-100);
}

/* Site Header Dropdown */
.dropdown-item:hover,
.dropdown-item:focus {
	color: var(--heras-orange);
	text-decoration: underline;
	background-color: transparent;
}

.site-header .main-nav .dropdown-active ul {
	background-color: var(--gray-600);
}

.site-header .main-nav .dropdown-active ul li a {
	color: var(--gray-100);
	font-family: var(--font-bold);
}

.site-header .main-nav .dropdown-active ul ul li a {
	color: var(--gray-100);
	font-size: 1rem;
	font-family: var(--font-regular);
}


/* ==== Breadcrumbs ==== */

.breadcrumbs a,
.breadcrumbs .breadcrumb_last {
	color: var(--gray-100);
}


/* ===== Block Hero ===== */

/* .block-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--image-overlay);
	pointer-events: none;
} */

.block-hero__content {
	line-height: 1.5;
}

.block-hero__title {
	color: var(--text-dark);
	font-family: var(--font-bold);
	margin-bottom: .5rem;
}

.block-hero__text {
	background-color: var(--gray-600);
	color: var(--text-dark);
	border-radius: .75rem;
	z-index: 2;
}

.block-hero__text.block-hero_bg-blue,
.block-hero__text.block-hero_bg-blue .block-hero__title {
	color: var(--text-light);
}


/* ==== Block Hero Second ==== */

.block-hero_bg-red {
	background-color: var(--gray-600);
	color: var(--gray-100);
}

.block-hero_bg-blue {
	background-color: var(--gray-100);
}

.block-hero-second__title,
.block-hero-second__media img {
	border-radius: .75rem;
}

.block-hero-second__title {
	font-family: var(--font-bold);
}


/* ==== Block Industries ==== */

.block-industries__single,
.block-industries__single:hover {
	color: var(--text-dark);
}

.block-industries__single:hover .block-industries__single__title {
	text-decoration: underline;
}

.block-industries__single__title {
	font-weight: 400;
	font-size: 1.125rem;
}

.block-industries__single__title svg {
	fill: var(--heras-orange);
}


/* ==== Block Cards ==== */

.block_cards__row__box .card .icon img {
	filter: grayscale(1) brightness(1.1);
}

.block_cards__row__box .card .title {
	color: var(--text-dark);
}

.block_cards__row__box .card {
	border-color: var(--gray-100);
}


/* ==== Block Accordion ==== */

.accordion-wrapper .accordion {
	color: var(--text-dark);
	font-weight: 400;
}

.accordion-wrapper .accordion.active {
	background-color: var(--gray-600);
	border-top-color: var(--gray-600);
}


/* ==== Block Products ==== */

.block_products__row__products__product a::after {
	color: var(--gray-100);
}

.block_products__row__products__product__thumbnail img {
	border-radius: .75rem;
}


/* ==== Block Steps ==== */

.block_steps__row__box .step .title {
	color: var(--text-dark);
}


/* ===== Block Show Posts ===== */

.block-show-posts__single-post {
	box-shadow: none;
	border-radius: .75rem;
	overflow: hidden;
}

.block-show-posts__single-post:hover {
	text-decoration-color: var(--text-dark);
	text-decoration: none;
	color: var(--text-dark);
}

.block-show-posts__single-post__image {
	position: relative;
}

/* .block-show-posts__single-post__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--image-overlay);
	pointer-events: none;
	transition: .2s;
} */

.block-show-posts.references .block-show-posts__single-post:hover img {
	transform: none;
}

.block-show-posts .block-show-posts__single-post:hover .block-show-posts__single-post__image::after {
	opacity: 0;
}

.block-show-posts__single-post__title {
	background: var(--gray-600);
}

.block-show-posts__single-post:hover .block-show-posts__single-post__title {
	text-decoration: underline;
}

.block-show-posts__single-post__desc {
	color: var(--gray-100);
	text-decoration: none !important;
}


/* ==== Block References ==== */

.references-block {
	background-color: var(--gray-600);
}

.block-show-posts.references .block-references__buttons a {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border-radius: var(--border-radius-button);
	transition: color .2s, background-color .2s;
	font-size: 1rem;
	font-weight: 400;
}

.block-show-posts.references .block-references__buttons a:hover {
	background-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}

.references-intro {
	background-color: var(--gray-600);
	color: var(--text-dark);
	margin-top: 0;
}

.references .container {
	padding-bottom: 0;
}

.filter-container h3,
.filter-container h4 {
	color: var(--text-dark);
}

.filter-form .filter-group button,
.filter-form .filters_references {
	border-color: var(--gray-100);
	color: var(--text-dark);
}

.filter-form label {
	color: var(--text-dark);
}

.filter-form .filter-counter {
	color: var(--heras-orange);
}

.active-filters-container a {
	border-radius: .75rem;
	background-color: var(--heras-orange);
	color: var(--text-light);
}

.active-filters-container a:focus,
.active-filters-container a:hover {
	background-color: var(--gray-500);
	color: var(--text-dark);
}

.filter-form .filter-submit,
.filter-form .filter-reset {
	border-color: var(--gray-100);
	color: var(--text-light);
	background-color: var(--gray-100);
}

.filter-form .filter-reset {
	color: var(--gray-100);
	background-color: transparent;
}

.filter-form .filter-reset:hover {
	color: var(--text-light);
	background-color: var(--gray-100);
}

.references-wrapper {
	background-color: var(--gray-600);
}

.archive-references__card {
	color: var(--gray-100);
}

.archive-references__card .archive-references__card__image img {
	border-radius: .75rem;
}

.archive-references__card__category {
	padding-top: 1rem;
}

.archive-references__card__title {
	font-family: var(--font-bold);
	color: var(--text-dark);
	line-height: 1.2;
}

.archive-references__card__place {
	padding-top: 0.5rem;
	font-size: .875rem;
}

.references-wrapper .pagination a {
	color: var(--text-dark);
}

.references-wrapper .pagination .pagination__item--active {
	font-family: var(--font-bold);
}


/* ==== Block Single Feature ==== */

.block-single-feature .block-single-feature__media img {
	border-radius: .75rem;
}

.block-single-feature__buttons a {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border-radius: var(--border-radius-button);
	transition: color .2s, background-color .2s;
	font-size: 1rem;
	font-weight: 400;
}

.block-single-feature__buttons a:hover {
	background-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}


/* ==== Block Image And Text ==== */

.block-image-and-text__box {
	border-radius: .75rem;
}

.block-image-and-text__box {
	background-color: var(--gray-100);
}

@media (min-width: 768px) {
	.block-image-and-text__box {
		margin-top: 1.875rem;
		margin-left: -180px;
		max-width: 40.625rem;
		padding: 2rem 2.5rem;
	}
}

.block-image-and-text__media img {
	border-radius: .75rem;
	overflow: hidden;
}

.block-image-and-text__title {
	color: var(--text-light);
	margin-top: 0;
}

.block-image-and-text__content {
	color: var(--text-light);
}

.block-image-and-text__buttons {
	margin-top: 2.5rem;
}

.block-image-and-text__buttons a {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border-radius: var(--border-radius-button);
	transition: color .2s, background-color .2s;
	font-size: 1rem;
	font-weight: 400;
	border-color: var(--btn-primary-bg);
}

.block-image-and-text__buttons a:hover {
	background-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}


/* ==== Block Video ==== */

.block-video .start img {
	border-radius: .75rem;
}


/* ==== Block Text Focus ==== */

.block-text-focus__row__focused-content {
	background-color: var(--gray-100);
	color: var(--text-light);
	box-shadow: none;
	border-radius: .75rem;
}

.block-text-focus__row .block-text-focus__row__focused-content a {
	color: var(--text-light);
}

.block-text-focus__row .block-text-focus__row__focused-content a:hover {
	font-weight: 400;
	text-decoration: none;
}


/* ==== Block Vision ==== */

.block-vision__row__title {
	color: var(--heras-orange);
}

@media (max-width: 500px) {
	.block-vision__row__title {
		color: var(--text-light);
	}
}

.block-vision__row__title:before {
	background-color: var(--heras-orange);
}


/* ==== Block Text ==== */

.block-text.layout2 {
	background-color: var(--gray-100);
}

.block-text.layout1,
.block-text .subtitle {
	color: var(--text-dark);
}


/* ==== Block Links ==== */

.block_links__row__box .link .button a {
	color: var(--gray-100);
	font-family: var(--font-bold);
}


/* ==== Block Banner ==== */

.bb-bg-banner {
	background-color: var(--gray-100);
}

.block-banner__buttons a:hover {
	background-color: var(--gray-600);
	color: var(--gray-100);
}


/* ==== Block Flexible Text ==== */

.block_flexible_text {
	background-color: var(--gray-600);
	font-family: var(--font-regular);
}


/* ==== Block Vacancies ==== */

.block_vacancies__elements__element {
	background-color: var(--gray-600);
	border-radius: .75rem;
}

.block_vacancies__elements__element__title,
.block_vacancies__elements__element__link {
	font-family: var(--font-bold);
}

.block_vacancies__elements__element__link a {
	color: var(--text-dark);
}

.block_vacancies__elements__element__link a:hover {
	color: var(--text-dark);
	text-decoration: none;
}


/* ==== Block Employees ==== */

.employee__image img {
	border-radius: .75rem;
}

.block_employees.gray {
	background-color: var(--gray-600);
}

.glide__arrows .glide__arrow {
	background-color: var(--gray-100);
}


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

.site-footer {
	background: var(--footer-bg);
	color: var(--footer-text);
	border-top-color: transparent;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5 {
	color: var(--text-light);
}

.site-footer__row--nav .site-footer__nav .nav .menu-item .nav-link {
	color: var(--gray-400);
	transition-property: all;
	transition-duration: .2s;
	transition-timing-function: ease;
}

.site-footer__row--nav .site-footer__nav .nav .menu-item .nav-link:hover {
	color: var(--gray-400);
}

.site-footer__row.foot_bar {
	border-color: var(--gray-200);
}

/* Footer Logo */
.site-footer .site-footer__row svg {
	fill: #fff;
}

/* Footer Certifications */
.site-footer__cert__list div img {
	filter: grayscale(1) brightness(1) invert(1);
	transition: .5s;
}

.site-footer__cert__list div img:hover {
	filter: none;
}

/* Newsletter Button */
.site-footer__row-section-right .button a {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border-radius: var(--border-radius-button);
	transition: color .2s, background-color .2s;
	font-size: 1rem;
	font-weight: 400;
}

.site-footer__row-section-right .button a:hover {
	background-color: var(--btn-primary-bg--hover);
	color: var(--btn-primary-text--hover);
}

@media (max-width: 600px) {
	.site-footer__row-section-right {
		min-width: 100%;
		margin-top: 2rem;
	}
}


/* ==== WooCommerce ====*/

/* WooCommerce Single Product */
.a3-dgallery .a3dg-image-wrapper .a3dg-image img,
.product_gallery .a3-dgallery .a3dg-thumbs li a img {
	border-radius: .75rem;
}

.product-bg-blue,
.productTabs .accordion-item .accordion.active .accordion-button {
	background-color: var(--gray-600);
}

.productTabs .accordion-item .accordion .accordion-button {
	border-top-color: var(--gray-100);
	color: var(--text-dark);
}

.woocommerce .product-bg-blue a.add-request-quote-button.button,
.woocommerce .add-request-quote-button.button,
.woocommerce .add-request-quote-button-addons.button,
.yith-wceop-ywraq-button-wrapper .add-request-quote-button.button,
.yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button {
	background-color: var(--btn-primary-bg) !important;
	color: var(--btn-primary-text--hover) !important;
}

.woocommerce .product-bg-blue a.add-request-quote-button.button:hover {
	background-color: var(--btn-primary-bg--hover) !important;
}

.product-content,
#link-desc,
.posted_in a,
.productTabs .accordion-item .accordion-item__panel {
	color: var(--text-dark);
}

#link-desc:hover,
.posted_in a:hover {
	font-weight: 400;
	text-decoration: none;
}

.text_b2b_b2c,
.product-content .bruksomraade-title,
.product-content .bruksomraade-content {
	color: var(--gray-100);
}

/* WooCommerce Products Header */
.main_category__row .page-title {
	color: var(--text-dark);
}

.block_product_results__rendering {
	background-color: var(--gray-600);
}

/* WooCommerce Block Product List */
.block_product_list .products li .woocommerce-loop-product__link {
	text-decoration-color: var(--text-dark);
}

.block_product_list .products li .woocommerce-loop-product__link img {
	border-radius: .75rem;
}

.block_product_list .products li .woocommerce-loop-product__link:hover img {
	transform: none;
}

/* WooCommerce Product Categories */
.block_product_categories .category {
	background-color: var(--gray-600);
	padding: 0;
	border-radius: .75rem;
	overflow: hidden;
}

.block_product_categories .category img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.block_product_categories .category__title {
	padding: 1rem;
	color: var(--text-dark);
	background-color: transparent;
}

.block_product_categories .category__title .text {
	font-family: var(--font-bold);
}

.block_product_categories .category__title .arrow {
	fill: var(--text-dark);
}

.block_product_categories .category .short_text {
	color: var(--gray-100);
	padding: 1rem;
}


/* YITH Plugin */
.ywraq-wrapper,
.ywraq-header {
	background: var(--gray-600);
}

.ywraq-header {
	padding-bottom: 1rem;
}

/* @media (min-width: 768px) {
	.ywraq-header {
		margin-bottom: 5rem;
	}
} */

.ywraq-form-table-wrapper {
	margin-top: 0;
	padding: 0 0 6rem;
}

.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper form .custom-file-input::before {
	background-color: var(--gray-600);
	border-radius: .75rem;
}

.ywraq-header,
.ywraq-header h1,
.ywraq-form-table-wrapper p,
.ywraq-form-table-wrapper .shop_table .cart_item .product_item a,
.ywraq-form-table-wrapper .shop_table th,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper h3,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper form .form-row {
	color: var(--text-dark);
}

.woocommerce .product-bg-blue .yith_ywraq_add_item_browse_message a,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper .raq-send-request {
	background-color: var(--btn-primary-bg);
	color: var(--btn-primary-text);
}

.woocommerce .product-bg-blue .yith_ywraq_add_item_browse_message a:hover,
.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper .raq-send-request:hover {
	background-color: var(--btn-primary-bg--hover) !important;
	color: var(--btn-primary-text--hover) !important;
}

.woocommerce .product-bg-blue .yith-ywraq-add-to-quote {
	flex-wrap: wrap;
}

/* ==== WooCommerce Cart ==== */
.ywraq-form-table-wrapper .shop_table .cart_item {
	background-color: var(--gray-600);
	border-top-color: var(--gray-100);
}

.ywraq-form-table-wrapper .yith-ywraq-mail-form-wrapper form .form-row .input-text {
	border-bottom-color: var(--gray-100);
	color: var(--text-dark);
}

.product-count::before {
	background-size: 100%;
}