/* ==========================================================================
   Fyrig – Shared base styles
   High specificity to override Bootstrap + Understrap globals.
   ========================================================================== */

/* -- Sligoil font --------------------------------------------------------- */
@font-face {
	font-family: 'Sligoil';
	src: url('../fonts/sligoil/variable/SligoilVF.woff2') format('woff2-variations'),
	     url('../fonts/sligoil/variable/SligoilVF.woff') format('woff');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sligoil';
	src: url('../fonts/sligoil/web/Sligoil-Micro.woff2') format('woff2'),
	     url('../fonts/sligoil/web/Sligoil-Micro.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sligoil';
	src: url('../fonts/sligoil/web/Sligoil-MicroMedium.woff2') format('woff2'),
	     url('../fonts/sligoil/web/Sligoil-MicroMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sligoil';
	src: url('../fonts/sligoil/web/Sligoil-MicroBold.woff2') format('woff2'),
	     url('../fonts/sligoil/web/Sligoil-MicroBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* -- Color tokens --------------------------------------------------------- */
body.fyrig-page {
	--fyrig-bg:            #1A1714;
	--fyrig-surface:       #262220;
	--fyrig-border:        #4D4538;
	--fyrig-text:          #F0F0E3;
	--fyrig-text-muted:    #8C7E6A;
	--fyrig-accent:        #E8741B;
	--fyrig-accent-hover:  #FF8C3A;
	--fyrig-green:         #4B9B3E;
	--fyrig-input-bg:      #2A2520;
	--fyrig-input-border:  #4D4538;
}

/* -- Full page reset ------------------------------------------------------ */
body.fyrig-page {
	margin: 0 !important;
	padding: 0 !important;
	background-color: var(--fyrig-bg) !important;
	color: var(--fyrig-text) !important;
	font-family: 'Atkinson Hyperlegible', 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	letter-spacing: 0 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.fyrig-page *,
body.fyrig-page *::before,
body.fyrig-page *::after {
	box-sizing: border-box;
}

/* Kill Understrap wrapper padding/margin that leaks in */
body.fyrig-page #page-wrapper,
body.fyrig-page #page,
body.fyrig-page .site {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

/* -- Main container ------------------------------------------------------- */
body.fyrig-page .fyrig-main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 24px !important;
}

/* -- Typography: Nuke all global heading styles --------------------------- */
body.fyrig-page h1,
body.fyrig-page h2,
body.fyrig-page h3 {
	font-family: 'Sligoil', 'Space Mono', monospace !important;
}

body.fyrig-page h4,
body.fyrig-page h5,
body.fyrig-page h6 {
	font-family: 'Space Mono', 'Courier New', monospace !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-optical-sizing: auto !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	color: var(--fyrig-text) !important;
	margin: 0 0 0.4em !important;
	padding: 0 !important;
	text-align: left !important;
}

body.fyrig-page h1 {
	font-size: 2.4rem !important;
}
body.fyrig-page h2 {
	font-size: 1.8rem !important;
}
body.fyrig-page h3 {
	font-size: 1.4rem !important;
}

@media (min-width: 768px) {
	body.fyrig-page h1 { font-size: 3rem !important; }
	body.fyrig-page h2 { font-size: 2.2rem !important; }
	body.fyrig-page h3 { font-size: 1.6rem !important; }
}

/* Paragraphs */
body.fyrig-page p {
	font-family: 'Atkinson Hyperlegible', sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	letter-spacing: 0 !important;
	color: var(--fyrig-text) !important;
	margin: 0 0 0.8em !important;
	padding: 0 !important;
}

/* Links */
body.fyrig-page a {
	color: var(--fyrig-accent) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

body.fyrig-page a:hover,
body.fyrig-page a:focus {
	color: var(--fyrig-accent-hover) !important;
	text-decoration: none !important;
	border-bottom: none !important;
}

/* Lists – reset bullet styles from global .wp-block-list */
body.fyrig-page ul,
body.fyrig-page ol {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.fyrig-page li {
	padding-left: 0 !important;
	position: static !important;
}

body.fyrig-page li::before {
	display: none !important;
}

/* entry-content override */
body.fyrig-page .entry-content,
body.fyrig-page #primary {
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* entry-footer: hide */
body.fyrig-page .entry-footer {
	display: none !important;
}

/* -- Gravity Forms overrides ---------------------------------------------- */

/* Reset GF theme variables */
body.fyrig-page .gform_wrapper {
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	max-width: 736px !important;
	--gf-color-primary: #F15B03 !important;
	--gf-color-in-ctrl: transparent !important;
	--gf-color-in-ctrl-contrast: #F0F0E3 !important;
	--gf-ctrl-border-color: #A09D93 !important;
	--gf-radius: 0px !important;
}

body.fyrig-page .gform_wrapper .gform-body,
body.fyrig-page .gform_wrapper .gform_body {
	padding: 0 !important;
}

/* Dots letterspacing – erstatter ellipsis-tegnet med tre punktum */
body.fyrig-page .gform_wrapper .dots {
	font-size: 0 !important;
	letter-spacing: 0 !important;
}
body.fyrig-page .gform_wrapper .dots::before {
	content: '...' !important;
	font-size: 24px !important;
	letter-spacing: 0 !important;
	white-space: pre !important;
}
@media (min-width: 768px) {
	body.fyrig-page .gform_wrapper .dots::before {
		font-size: 32px !important;
	}
}

/* HTML fields containing H2s – spacing above */
body.fyrig-page .gform_wrapper .gfield_html.gfield--type-html {
	padding-top: 100px !important;
}

/* H2 headings via HTML fields ("Jeg vil …" / "Om meg") */
body.fyrig-page .gform_wrapper .gfield_html h2,
body.fyrig-page .gform_wrapper .gsection_title,
body.fyrig-page .gform_wrapper h2.gsection_title,
body.fyrig-page .gform_wrapper h3.gsection_title {
	font-family: 'Sligoil', 'Space Mono', monospace !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	color: var(--fyrig-text) !important;
	margin: 0 0 16px 0 !important;
	padding: 0 !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
}

@media (min-width: 768px) {
	body.fyrig-page .gform_wrapper .gfield_html h2,
	body.fyrig-page .gform_wrapper .gsection_title,
	body.fyrig-page .gform_wrapper h2.gsection_title,
	body.fyrig-page .gform_wrapper h3.gsection_title {
		font-size: 32px !important;
	}
}

/* Labels – Inter 14px */
body.fyrig-page .gform_wrapper .gfield_label,
body.fyrig-page .gform_wrapper .gform_body label,
body.fyrig-page .gform_wrapper label.gfield_label,
body.fyrig-page .gform_wrapper .gform-field-label {
	font-family: 'Inter', sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 19.6px !important;
	color: #F0F0E3 !important;
	margin-bottom: 6px !important;
	letter-spacing: 0 !important;
}

/* Hide "(Påkrevd)" */
body.fyrig-page .gform_wrapper .gfield_required {
	display: none !important;
}

/* Text inputs, textareas, selects – transparent bg, #A09D93 border, no radius */
body.fyrig-page .gform_wrapper input[type="text"],
body.fyrig-page .gform_wrapper input[type="email"],
body.fyrig-page .gform_wrapper input[type="tel"],
body.fyrig-page .gform_wrapper input[type="url"],
body.fyrig-page .gform_wrapper input[type="number"],
body.fyrig-page .gform_wrapper textarea,
body.fyrig-page .gform_wrapper select {
	background-color: transparent !important;
	border: 1px solid #A09D93 !important;
	border-radius: 0 !important;
	color: var(--fyrig-text) !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	line-height: 19.6px !important;
	height: 48px !important;
	padding: 0 16px !important;
	width: 100% !important;
	transition: border-color 0.2s ease;
	box-shadow: none !important;
	outline: none !important;
}

body.fyrig-page .gform_wrapper input[type="text"]:focus,
body.fyrig-page .gform_wrapper input[type="email"]:focus,
body.fyrig-page .gform_wrapper input[type="tel"]:focus,
body.fyrig-page .gform_wrapper input[type="url"]:focus,
body.fyrig-page .gform_wrapper input[type="number"]:focus,
body.fyrig-page .gform_wrapper textarea:focus,
body.fyrig-page .gform_wrapper select:focus {
	outline: 3px solid #F15B03 !important;
	outline-offset: 0px !important;
	border-color: #A09D93 !important;
	box-shadow: none !important;
}

body.fyrig-page .gform_wrapper .gfield-choice-input:focus,
body.fyrig-page .gform_wrapper .gfield_radio input[type="radio"]:focus,
body.fyrig-page .gform_wrapper .gfield_checkbox input[type="checkbox"]:focus {
	outline: 3px solid #F15B03 !important;
	outline-offset: 0px !important;
	box-shadow: none !important;
}

body.fyrig-page .gform_wrapper textarea {
	border-color: var(--fyrig-accent) !important;
	min-height: 80px !important;
}

body.fyrig-page .gform_wrapper ::placeholder {
	color: var(--fyrig-text-muted) !important;
	opacity: 1 !important;
}

/* Radio / Checkbox – square, same border style as inputs */
body.fyrig-page .gform_wrapper .gfield_radio label,
body.fyrig-page .gform_wrapper .gfield_checkbox label,
body.fyrig-page .gform_wrapper .gfield_radio .gform-field-label,
body.fyrig-page .gform_wrapper .gfield_checkbox .gform-field-label {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 19.6px !important;
	color: #F0F0E3 !important;
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	cursor: pointer;
	padding: 6px 0 !important;
}

body.fyrig-page .gform_wrapper .gfield_radio input[type="radio"],
body.fyrig-page .gform_wrapper .gfield_checkbox input[type="checkbox"],
body.fyrig-page .gform_wrapper .gfield-choice-input {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;
	border: 1px solid #A09D93 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	cursor: pointer;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
}

/* Checked state – #F15B03 background, FA checkmark in black */
body.fyrig-page .gform_wrapper .gfield_radio input[type="radio"]:checked,
body.fyrig-page .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked,
body.fyrig-page .gform_wrapper .gfield-choice-input:checked {
	background-color: #F15B03 !important;
	border-color: #F15B03 !important;
}

body.fyrig-page .gform_wrapper .gfield_radio input[type="radio"]:checked::after,
body.fyrig-page .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after,
body.fyrig-page .gform_wrapper .gfield-choice-input:checked::after {
	content: '\f00c' !important;
	font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free' !important;
	font-weight: 900 !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: 16px !important;
	color: #000 !important;
	display: block !important;
	line-height: 1 !important;
}

/* "Vi følger deg opp..." – right aligned, muted color */
body.fyrig-page .gform_wrapper #gfield_description_1_10 {
	text-align: right !important;
	color: #C4C1B8 !important;
}

/* Bidra-feltets placeholder */
body.fyrig-page .gform_wrapper #input_1_10::placeholder {
	color: #C4C1B8 !important;
}

/* Bidra-label: block for å bryte span til ny linje */
body.fyrig-page .gform_wrapper #label_1_4_3 {
	display: block !important;
}

/* "Foredrag, workshop..." span på ny linje med muted farge */
body.fyrig-page .gform_wrapper .gchoice label span {
	display: block !important;
	width: 100% !important;
	color: #C4C1B8 !important;
}

/* Bidra-feltet – indent to align with choice label text (past the radio button) */
body.fyrig-page .gform_wrapper #field_1_10 {
	padding-left: 30px !important;
}

/* Field descriptions */
body.fyrig-page .gform_wrapper .gchoice_description,
body.fyrig-page .gform_wrapper .gfield_description {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	color: var(--fyrig-text-muted) !important;
	margin-top: 4px !important;
	line-height: 1.5 !important;
}

/* Field spacing */
body.fyrig-page .gform_wrapper .gform_fields {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 24px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.fyrig-page .gform_wrapper .gfield {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Mobil: spesifikk gap mellom Om meg-feltene */
body.fyrig-page .gform_wrapper #field_1_5 {
	margin-bottom: 24px !important;
}
body.fyrig-page .gform_wrapper #field_1_6 {
	margin-bottom: 48px !important;
}
body.fyrig-page .gform_wrapper #field_1_7 {
	margin-bottom: 24px !important;
}
body.fyrig-page .gform_wrapper #field_1_8 {
	margin-bottom: 48px !important;
}

/* Desktop: side om side + 48px radgap */
@media (min-width: 768px) {
	body.fyrig-page .gform_wrapper .gfield.gf_left_half,
	body.fyrig-page .gform_wrapper .gfield.gf_right_half {
		width: calc(50% - 12px) !important;
		flex: 0 0 calc(50% - 12px) !important;
	}

	/* Navn + Firma side om side */
	body.fyrig-page .gform_wrapper #field_1_5,
	body.fyrig-page .gform_wrapper #field_1_6 {
		width: calc(50% - 12px) !important;
		flex: 0 0 calc(50% - 12px) !important;
		margin-bottom: 48px !important;
	}

	/* E-postadresse + Telefon side om side */
	body.fyrig-page .gform_wrapper #field_1_7,
	body.fyrig-page .gform_wrapper #field_1_8 {
		width: calc(50% - 12px) !important;
		flex: 0 0 calc(50% - 12px) !important;
		margin-bottom: 48px !important;
	}
}

/* Submit button */
body.fyrig-page .gform_wrapper .gform_footer,
body.fyrig-page .gform_wrapper .gform_page_footer {
	margin-top: 32px !important;
	padding: 0 !important;
	border: none !important;
}

body.fyrig-page .gform_wrapper input[type="submit"],
body.fyrig-page .gform_wrapper button[type="submit"],
body.fyrig-page .gform_wrapper .gform_button {
	display: block !important;
	width: 100% !important;
	background-color: #F15B03 !important;
	color: #fff !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	height: 48px !important;
	padding: 0 32px !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background-color 0.2s ease;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.4 !important;
}

body.fyrig-page .gform_wrapper input[type="submit"]:hover,
body.fyrig-page .gform_wrapper button[type="submit"]:hover,
body.fyrig-page .gform_wrapper .gform_button:hover {
	background-color: var(--fyrig-accent-hover) !important;
	color: #fff !important;
}

/* Validation */
body.fyrig-page .gform_wrapper .gfield_error input,
body.fyrig-page .gform_wrapper .gfield_error textarea {
	border-color: #FF9E9E !important;
}

body.fyrig-page .gform_wrapper .validation_message,
body.fyrig-page .gform_wrapper .gfield_validation_message {
	color: #FF9E9E !important;
	font-size: 13px !important;
	margin-top: 4px !important;
	font-family: 'Inter', sans-serif !important;
}

body.fyrig-page .gform_wrapper .gform_validation_errors,
body.fyrig-page .gform_wrapper.gform-theme--framework .gform_validation_errors {
	background-color: var(--fyrig-surface) !important;
	border-color: #FF9E9E !important;
	color: #FF9E9E !important;
}

/* Skjul "(Påkrevd)" obligatorisk felt-legenden øverst i skjemaet. */
body.fyrig-page .gform_wrapper .gform_required_legend {
	display: none !important;
}

body.fyrig-page .gform_wrapper .gform_validation_errors .gform_submission_error {
	color: #FF9E9E !important;
	font-size: 1.2rem !important;
}

/* Erstatt GF-ikon med Font Awesome */
body.fyrig-page .gform_wrapper .gform_submission_error .gform-icon--circle-error {
	display: none !important;
}

body.fyrig-page .gform_wrapper .gform_submission_error::before {
	content: '\f06a' !important;
	font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free' !important;
	font-weight: 900 !important;
	font-size: 40px !important;
	color: #FF9E9E !important;
	margin-right: 8px !important;
	display: inline !important;
	font-style: normal !important;
}

/* Confirmation */
body.fyrig-page .gform_confirmation_message {
	font-family: 'Space Mono', 'Courier New', monospace !important;
	font-size: 1.2rem !important;
	color: var(--fyrig-green) !important;
	text-align: center !important;
	padding: 48px 0 !important;
}

/* GF Orbital theme overrides – kill default styling */
body.fyrig-page .gform_wrapper.gform-theme--orbital .gfield--input-type-radio .gfield-choice-input,
body.fyrig-page .gform_wrapper.gform-theme--orbital .gfield--input-type-checkbox .gfield-choice-input {
	border-radius: 0 !important;
}

body.fyrig-page .gform_wrapper.gform-theme--orbital .gfield--input-type-radio .gfield-choice-input::before,
body.fyrig-page .gform_wrapper.gform-theme--orbital .gfield--input-type-checkbox .gfield-choice-input::before {
	display: none !important;
}

/* -- Hide WP admin bar spacing on fyrig ----------------------------------- */
body.fyrig-page.admin-bar {
	margin-top: 0 !important;
}