/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* -------------------------------------------------------------------------
   Innehållskolumn ("papperet") mot ram
   -------------------------------------------------------------------------
   Designen lägger hela sajten i en centrerad kolumn med pappersfärg
   (--neutral-light, #f0eee9) mot en ram i --neutral (#d9d5cb) utanför.
   Se docs/design_handoff_fspitea/README.md, "Mått och avstånd".

   Bricks renderar #brx-header, #brx-content och #brx-footer som direkta
   barn till body, så kolumnen sätts på dem. ACSS-containrarna inuti är
   redan content-width med gutter, vilket ger skissens 56 px sidmarginal.

   Kolumnen gäller bara när skärmen är bredare än innehållet; under det
   fyller sidan hela bredden och ramen syns inte.
   ------------------------------------------------------------------------- */

strong {
	font-weight: 600;
}

#brx-header,
#brx-content,
#brx-footer {
	max-width: var(--content-width);
	margin-inline: auto;
	background-color: var(--neutral-light);
}

/* -------------------------------------------------------------------------
   Träffytor i mobil
   -------------------------------------------------------------------------
   ACSS-knappen är 15 px padding + 12 px text = 42 px, vilket är under
   WCAG:s 44 px. Designunderlaget föreskriver 16 px padding i mobil.
   Se docs/design_handoff_fspitea/README.md, "Tillgänglighet".

   ACSS-variabeln överskrivs i stället för enskilda selektorer, så att även
   knappar som sätter sin padding via var(--btn-padding-block) följer med.

   `:root:root` behövs eftersom automatic.css laddas efter det här arket och
   definierar variabeln på `:root` — samma specificitet hade förlorat.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	:root:root {
		--btn-padding-block: 16px;
	}
}
/* -------------------------------------------------------------------------
   Knappbredd i mobilt porträttläge
   -------------------------------------------------------------------------
   Under 478 px ryms inte logotyp + primärknapp + hamburgare på en rad i
   sidhuvudet. Sidopaddingen dras in från 20 till 12 px, vilket räcker.

   Endast padding-inline ändras — padding-block ligger kvar på 16 px från
   regeln ovan, så träffytan förblir 48 px hög.
   ------------------------------------------------------------------------- */
@media (max-width: 478px) {
	:root:root {
		--btn-padding-inline: 12px;
	}
}

/* -------------------------------------------------------------------------
   Kort knappetikett på mycket smala skärmar
   -------------------------------------------------------------------------
   Under 360 px ryms inte logotyp + "SKICKA FÖRFRÅGAN" + hamburgare på en rad
   (310 px behövs, 272 px finns vid 320 px skärm). Knappen har därför två
   etiketter i markupen och den korta visas här.

   Egen media query eftersom Bricks minsta brytpunkt är 478 px. Gränsen ligger
   strax under 360 så vanliga Android-bredder behåller den fulla texten.
   ------------------------------------------------------------------------- */
.fs-btn__kort {
	display: none;
}

@media (max-width: 359.98px) {
	.fs-btn__lang {
		display: none;
	}

	.fs-btn__kort {
		display: inline;
	}
}