/* ==========================================================================
   account-f2.css — kontosidorna i hemsidans design (Fas 2 / --f2-*-tokens).
   Kontrakt: _audit/kontosidor-design-20261020/F2-KONTRAKT.md (W1, 2026-10-20).

   Scope: body.fma-f2 (sätts av class-account.php::add_body_class() på
   is_account_page()). Laddas EFTER style.css (Wetail/Tailwind) och fas2.css.
   Per-yta-filer (account-f2-overview|plans|datepicker|forms|dogs.css) laddas
   efter denna och bygger på klasserna här. Design/presentation enbart — inga
   formulärfält byter namn, inga flöden ändras.

   Tokens: fas2.css lägger --f2-* på :root när fnm_fas2_design_enabled=1 (prod
   sedan 2026-09-24). Samma värden dupliceras här under .fma-f2 som fallback
   så kontot renderar rätt även om fas2-lanen stängs.
   ========================================================================== */

/* --- 1. Tokens (fallback = fas2.css-värden) + kontospecifika --------------- */
.fma-f2 {
	--f2-green: #1f3e36;
	--f2-green-deep: #14291f;
	--f2-orange: #ef7923;
	--f2-orange-dark: #c9651d;
	--f2-cream: #fffbfb;
	--f2-tint: #DAEAD8;
	--f2-grey: #f2f2f2;
	--f2-ink: #1f3e36;
	--f2-mut: #55645c;
	--f2-line: rgba(31, 62, 54, 0.12);
	--f2-line2: rgba(31, 62, 54, 0.14);
	--f2-sage: #b9cdc4;
	--f2-peach: #f0b98a;
	--f2-lane: 1100px;
	--f2-lane-narrow: 880px;
	--f2-gutter: clamp(16px, 4vw, 48px);
	--f2-sec: 56px;
	--f2-sec-m: 40px;
	--f2-radius: 16px;
	--f2-radius-lg: 24px;
	/* kontospecifika */
	--f2-paused-bg: #FBE3CF;
	--f2-paused-ink: #9A4B12;
	--f2-warn-ink: #7A3A10;
	--f2-error: #B4441B;
	--f2-shadow-card: 0 2px 24px rgba(31, 58, 55, 0.06);
	--f2-shadow-lifted: 0 4px 32px rgba(31, 58, 55, 0.14);
	--f2-shadow-btn: 0 4px 12px rgba(232, 121, 35, 0.22);
	--f2-field-h: 52px;
	--f2-field-radius: 12px;
	--f2-font: 'gelica', Georgia, serif;
	/* Josefine 27/10 (svar 2 + 4): grå för inaktiva knappar och för Anpassad-kortet öppet men inte valt. */
	--f2-disabled-bg: #e4e7e5;
	--f2-disabled-line: #c9cfcc;
}

/* --- 2. Typsnitt: Gelica överallt, ärvs av fält/knappar/datepicker --------- */
.fma-f2 .fma-account-page,
.fma-f2 .fma-account-page input,
.fma-f2 .fma-account-page select,
.fma-f2 .fma-account-page textarea,
.fma-f2 .fma-account-page button,
.fma-f2 .fma-popup,
.fma-f2 .fma-popup input,
.fma-f2 .fma-popup select,
.fma-f2 .fma-popup textarea,
.fma-f2 .fma-popup button {
	font-family: var(--f2-font);
}
/* jQuery-UI smoothness (.ui-widget{font-family:Verdana,Arial}) + Gordon-pickern */
.fma-f2 .ui-widget,
.fma-f2 .ui-widget input,
.fma-f2 .ui-widget select,
.fma-f2 .ui-widget button,
.fma-f2 .ui-datepicker,
.fma-f2 .gordon-delivery-container,
.fma-f2 .gordon-delivery-container button,
.fma-f2 .gordon-delivery-container select,
.fma-f2 .select2-container,
.fma-f2 .select2-container .select2-selection,
.fma-f2 .select2-results {
	font-family: var(--f2-font) !important;
}
.fma-f2 .fma-account-page {
	color: var(--f2-green);
	overflow-x: clip;
}
.fma-f2 .fma-account-page img {
	max-width: 100%;
}

/* --- 3. Layout ------------------------------------------------------------ */
.fma-f2 .f2-lane {
	max-width: 780px;
	margin: 0 auto;
}
/* Feedback 27/10 (R8): "← Tillbaka till Mitt konto" (Fix 198) i samma 780 px-kolumn som innehållet. */
.fma-f2 .fnmk-backlink {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

/* --- 4. Typografi ----------------------------------------------------------- */
.fma-f2 .f2-h2 {
	font-family: var(--f2-font);
	font-weight: 500;
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: -0.16px;
	text-transform: uppercase;
	color: var(--f2-green);
	text-align: left;
	margin: 0 0 16px;
}
.fma-f2 .f2-h3 {
	font-family: var(--f2-font);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--f2-green);
	margin: 0 0 8px;
}
.fma-f2 .f2-h3--sm {
	font-size: 15px;
}
.fma-f2 .f2-eyebrow {
	display: block;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2.64px;
	text-transform: uppercase;
	color: var(--f2-orange);
	margin: 0 0 10px;
}
.fma-f2 .f2-eyebrow::before,
.fma-f2 .f2-eyebrow::after {
	content: none;
}
.fma-f2 .f2-body,
.fma-f2 .f2-card p {
	font-family: var(--f2-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--f2-green);
}
.fma-f2 .f2-help {
	font-family: var(--f2-font);
	font-size: 13px;
	line-height: 1.5;
	color: var(--f2-mut);
}

/* Etikett + värde */
.fma-f2 .f2-kv {
	display: block;
	min-width: 0;
}
.fma-f2 .f2-kv__label {
	display: block;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--f2-mut);
	margin: 0 0 4px;
}
.fma-f2 .f2-kv__value {
	display: block;
	font-family: var(--f2-font);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	color: var(--f2-green);
}
.fma-f2 .f2-kv__sub {
	font-family: var(--f2-font);
	font-size: 14px;
	color: var(--f2-mut);
}
.fma-f2 .f2-kv-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 40px;
}

/* --- 5. Knappar ------------------------------------------------------------ */
.fma-f2 .f2-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	padding: 13px 32px;
	min-height: 48px;
	height: auto;
	min-width: 0;
	border-radius: 999px;
	border: 2px solid transparent;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s;
}
.fma-f2 .f2-btn.f2-btn--primary {
	background: var(--f2-orange);
	color: #fff;
	box-shadow: var(--f2-shadow-btn);
}
.fma-f2 .f2-btn.f2-btn--primary:hover {
	background: var(--f2-orange-dark);
	color: #fff;
	transform: translateY(-1px);
}
.fma-f2 .f2-btn.f2-btn--secondary {
	background: transparent;
	color: var(--f2-green);
	border-color: var(--f2-green);
	box-shadow: none;
}
.fma-f2 .f2-btn.f2-btn--secondary:hover {
	background: var(--f2-green);
	color: var(--f2-cream);
	border-color: var(--f2-green);
}
.fma-f2 .f2-btn--sm {
	padding: 10px 22px;
	font-size: 14px;
	min-height: 44px;
}
.fma-f2 .f2-btn--block {
	display: flex;
	width: 100%;
}
.fma-f2 .f2-btnrow {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
/* Wetail .fma-dashboard-button (0,4,1: 64px, min-width 220, orange) på samma element → neutralisera. */
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn,
.woocommerce-account.fma-f2 .fma-account-page a.fma-dashboard-button.f2-btn,
.woocommerce-account.fma-f2 .fma-account-page button.fma-dashboard-button.f2-btn,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn {
	height: auto !important;
	min-height: 48px !important;
	min-width: 0 !important;
	padding: 13px 32px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	font-family: var(--f2-font) !important;
	line-height: 1 !important;
	border-radius: 999px !important;
	align-self: center !important;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary {
	background: var(--f2-orange) !important;
	color: #fff !important;
	border: 2px solid transparent !important;
	box-shadow: var(--f2-shadow-btn) !important;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary:hover {
	background: var(--f2-orange-dark) !important;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary {
	background: transparent !important;
	color: var(--f2-green) !important;
	border: 2px solid var(--f2-green) !important;
	box-shadow: none !important;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary:hover {
	background: var(--f2-green) !important;
	color: var(--f2-cream) !important;
}
/* Feedback 27/10 (svar 2) + review våg A: inaktiv primär-/sekundärknapp = grå variant. Samma selektorer som
   orange/gröna !important-reglerna ovan + inaktiv-tillstånd ⇒ högre specificitet, så de vinner (t.ex. datumbladets
   Spara #gordon-save-btn och formulärens Spara under script.js .loading). */
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary[disabled],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary[disabled]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary.is-disabled,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary.is-disabled:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary[aria-disabled="true"],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--primary[aria-disabled="true"]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary[disabled],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary[disabled]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary.is-disabled,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary.is-disabled:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary[aria-disabled="true"],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--primary[aria-disabled="true"]:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary[disabled],
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary[disabled]:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary.is-disabled,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary.is-disabled:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary[aria-disabled="true"],
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--primary[aria-disabled="true"]:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary[disabled],
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary[disabled]:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary.is-disabled,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary.is-disabled:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary[aria-disabled="true"],
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--primary[aria-disabled="true"]:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary[disabled],
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary[disabled]:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary.is-disabled,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary.is-disabled:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary[aria-disabled="true"],
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--primary[aria-disabled="true"]:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary[disabled],
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary[disabled]:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary.is-disabled,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary.is-disabled:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary[aria-disabled="true"],
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--primary[aria-disabled="true"]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary[disabled],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary[disabled]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary.is-disabled,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary.is-disabled:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary[aria-disabled="true"],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce a.fma-dashboard-button.f2-btn--secondary[aria-disabled="true"]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary[disabled],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary[disabled]:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary.is-disabled,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary.is-disabled:hover,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary[aria-disabled="true"],
.woocommerce-account.fma-f2 .fma-account-page .woocommerce button.fma-dashboard-button.f2-btn--secondary[aria-disabled="true"]:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary[disabled],
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary[disabled]:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary.is-disabled,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary.is-disabled:hover,
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary[aria-disabled="true"],
.fma-f2 .fma-popup .fma-dashboard-button.f2-btn--secondary[aria-disabled="true"]:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary[disabled],
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary[disabled]:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary.is-disabled,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary.is-disabled:hover,
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary[aria-disabled="true"],
.fma-f2 .fnm-konto-v2 .fnmk-btn.fnmk-btn.f2-btn--secondary[aria-disabled="true"]:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary[disabled],
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary[disabled]:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary.is-disabled,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary.is-disabled:hover,
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary[aria-disabled="true"],
.fma-f2 .fnmk-dogs-v2 .fnmk-btn.f2-btn--secondary[aria-disabled="true"]:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary[disabled],
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary[disabled]:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary.is-disabled,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary.is-disabled:hover,
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary[aria-disabled="true"],
.fma-f2 .fnmk-order .fnmk-btn.f2-btn--secondary[aria-disabled="true"]:hover {
	opacity: 1 !important;
	background: var(--f2-disabled-bg, #e4e7e5) !important;
	border-color: var(--f2-disabled-bg, #e4e7e5) !important;
	color: var(--f2-mut) !important;
	box-shadow: none !important;
	cursor: not-allowed;
	transform: none;
}

/* Länk-CTA (12 px versaler, orange, pil i HTML) */
.fma-f2 .f2-link-cta,
.fma-f2 a.f2-link-cta,
.fma-f2 button.f2-link-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 1.68px;
	text-transform: uppercase;
	color: var(--f2-orange);
	text-decoration: none;
	background: none;
	border: 0;
	padding: 0;
	min-height: 0;
	height: auto;
	box-shadow: none;
	cursor: pointer;
	white-space: nowrap;
}
.fma-f2 .f2-link-cta:hover,
.fma-f2 .f2-link-cta:focus-visible {
	color: var(--f2-orange-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}
/* Diskret/destruktiv textlänk */
.fma-f2 .f2-link-quiet,
.fma-f2 a.f2-link-quiet,
.fma-f2 button.f2-link-quiet {
	display: inline;
	font-family: var(--f2-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: var(--f2-mut);
	text-decoration: underline;
	text-underline-offset: 3px;
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	min-height: 0;
	height: auto;
	box-shadow: none;
	cursor: pointer;
	text-transform: none;
	letter-spacing: 0;
}
.fma-f2 .f2-link-quiet:hover {
	color: var(--f2-green);
}
/* Inaktiv — Josefine 27/10 (svar 2): grå variant i stället för 40 % opacitet (som såg persikofärgad ut). */
.fma-f2 .f2-btn[disabled],
.fma-f2 .f2-btn.is-disabled,
.fma-f2 .f2-btn[aria-disabled="true"],
.fma-f2 .fma-account-page button[type="submit"][disabled],
.fma-f2 .f2-btn[disabled]:hover,
.fma-f2 .f2-btn.is-disabled:hover,
.fma-f2 .f2-btn[aria-disabled="true"]:hover,
.fma-f2 .fma-account-page button[type="submit"][disabled]:hover {
	/* !important: knapparna inaktiveras också under laddning (script.js .loading + disabled) och flera har
	   orange bakgrund med högre specificitet (style.css (0,4,1)); utan det skulle de se aktiva ut.
	   opacity !important: Wetails button:disabled (opacity .5) gjorde annars vissa grå knappar blekare än andra. */
	opacity: 1 !important;
	background: var(--f2-disabled-bg, #e4e7e5) !important;
	border-color: var(--f2-disabled-bg, #e4e7e5) !important;
	color: var(--f2-mut) !important;
	cursor: not-allowed;
	box-shadow: none !important;
	transform: none;
}
/* Laddningssnurran (Wetails .loading::after, beige + vit) syns inte på grått → grön snurra på inaktiv knapp.
   Andra selektorn täcker datumbladets Spara även om dialogen skulle renderas utanför .fma-account-page. */
.woocommerce-account.fma-f2 .fma-account-page .fma-dashboard-button.loading[disabled]::after,
.fma-f2 .fma-popup .fma-popup__buttons button.fma-dashboard-button.loading[disabled]::after {
	border-color: var(--f2-mut);
	border-bottom-color: transparent;
}
/* Fokus */
.fma-f2 .f2-btn:focus-visible,
.fma-f2 .f2-link-cta:focus-visible,
.fma-f2 .f2-link-quiet:focus-visible,
.fma-f2 .f2-tabs__item:focus-visible {
	outline: 2px solid var(--f2-green);
	outline-offset: 2px;
}

/* --- 6. Kort och ytor ------------------------------------------------------- */
.fma-f2 .f2-card {
	background: #fff;
	border: 0;
	border-radius: var(--f2-radius);
	box-shadow: var(--f2-shadow-card);
	padding: 22px 24px;
	margin: 0 0 16px;
}
.fma-f2 .f2-card--lg {
	border-radius: var(--f2-radius-lg);
	padding: 28px;
}
.fma-f2 .f2-card--lifted {
	box-shadow: var(--f2-shadow-lifted);
}
.fma-f2 .f2-card--tint {
	background: var(--f2-tint);
	box-shadow: none;
}
.fma-f2 .f2-card--dark {
	background: var(--f2-green);
	color: var(--f2-cream);
	border-radius: var(--f2-radius-lg);
	box-shadow: none;
}
.fma-f2 .f2-card--dark .f2-eyebrow {
	color: var(--f2-peach);
}
.fma-f2 .f2-card--dark .f2-h2,
.fma-f2 .f2-card--dark .f2-h3,
.fma-f2 .f2-card--dark p {
	color: var(--f2-cream);
}
.fma-f2 .f2-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
}
.fma-f2 .f2-card__head .f2-h2,
.fma-f2 .f2-card__head .f2-h3 {
	margin: 0;
}
.fma-f2 .f2-card__part {
	padding: 16px 0;
	border-top: 1px solid var(--f2-line);
}
.fma-f2 .f2-card__part:first-child {
	border-top: 0;
	padding-top: 0;
}
.fma-f2 .f2-card__part:last-child {
	padding-bottom: 0;
}
.fma-f2 .f2-divider {
	height: 1px;
	background: var(--f2-line);
	margin: 16px 0;
	border: 0;
}
.fma-f2 .f2-grid--cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
	overflow: visible;
}

/* --- 7. Statusetiketter ------------------------------------------------------ */
.fma-f2 .f2-pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0.03em;
	padding: 6px 12px;
	border-radius: 999px;
	white-space: nowrap;
	background: var(--f2-grey);
	color: var(--f2-mut);
}
.fma-f2 .f2-pill--active::before,
.fma-f2 .f2-pill--paused::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}
.fma-f2 .f2-pill--active {
	background: var(--f2-tint);
	color: var(--f2-green);
}
.fma-f2 .f2-pill--paused {
	background: var(--f2-paused-bg);
	color: var(--f2-paused-ink);
}
.fma-f2 .f2-pill--ended {
	background: var(--f2-grey);
	color: var(--f2-mut);
}
.fma-f2 .f2-pill--orange {
	background: var(--f2-orange);
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 5px 10px;
}

/* --- 8. Formulärfält ---------------------------------------------------------- */
.fma-f2 .f2-field {
	display: block;
	margin: 0 0 16px;
	position: relative;
}
.fma-f2 .f2-field__label,
.fma-f2 label.f2-field__label {
	display: block;
	position: static;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: var(--f2-green);
	margin: 0 0 6px;
	z-index: auto;
}
.fma-f2 .f2-field__opt {
	font-weight: 400;
	color: var(--f2-mut);
}
.fma-f2 .f2-field__label .required,
.fma-f2 .f2-field__label abbr.required {
	display: none;
}
.fma-f2 .f2-field__input,
.fma-f2 input.f2-field__input,
.fma-f2 select.f2-field__input,
.fma-f2 textarea.f2-field__input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: var(--f2-field-h);
	padding: 14px;
	background: #fff;
	border: 1px solid var(--f2-line);
	border-radius: var(--f2-field-radius);
	font-family: var(--f2-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	color: var(--f2-green);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	margin: 0;
}
.fma-f2 textarea.f2-field__input {
	height: auto;
	min-height: 104px;
	resize: vertical;
}
.fma-f2 select.f2-field__input {
	padding-right: 40px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231f3e36' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
}
.fma-f2 .f2-field__input:focus,
.fma-f2 .f2-field__input:focus-visible {
	outline: none;
	border: 2px solid var(--f2-green);
	padding: 13px;
	box-shadow: none;
}
.fma-f2 select.f2-field__input:focus {
	padding-right: 39px;
}
.fma-f2 .f2-field__input::placeholder {
	color: var(--f2-mut);
	opacity: 0.7;
}
.fma-f2 .f2-field__help {
	margin: 6px 0 0;
	font-family: var(--f2-font);
	font-size: 13px;
	line-height: 1.5;
	color: var(--f2-mut);
}
.fma-f2 .f2-field__error {
	margin: 6px 0 0;
	font-family: var(--f2-font);
	font-size: 13px;
	line-height: 1.5;
	color: var(--f2-error);
}
.fma-f2 .f2-field__input.is-error,
.fma-f2 .f2-field.is-error .f2-field__input {
	border-color: var(--f2-error);
}
.fma-f2 .f2-field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.fma-f2 .f2-check {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--f2-font);
	font-size: 15px;
	color: var(--f2-green);
	cursor: pointer;
}
.fma-f2 .f2-check input[type="checkbox"],
.fma-f2 .f2-check input[type="radio"] {
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: var(--f2-green);
}

/* Spegling på WooCommerce-markup (form-edit-account / form-edit-address / dialoger):
   style.css lägger etiketten INUTI fältet (position:absolute; top:8px; left:24px) och
   ger fältet mörkgrön rektangulär kant. Under .fma-f2: etikett ovanför, kontraktets fält. */
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row label:not(.checkbox),
.fma-f2 .fma-account-page .woocommerce-form-row label:not(.checkbox),
.fma-f2 .fma-popup .form-row label:not(.checkbox) {
	position: static;
	left: auto;
	top: auto;
	display: block;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 13px;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: var(--f2-green);
	margin: 0 0 6px;
	z-index: auto;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .woocommerce-Input,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .woocommerce-input-wrapper input,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row select:not(.fma-default-select),
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .input-text,
.fma-f2 .fma-account-page .woocommerce-form-row .input-text,
.fma-f2 .fma-account-page .woocommerce-form-row input[type="text"],
.fma-f2 .fma-account-page .woocommerce-form-row input[type="email"],
.fma-f2 .fma-account-page .woocommerce-form-row input[type="tel"],
.fma-f2 .fma-account-page .woocommerce-form-row input[type="number"],
.fma-f2 .fma-account-page .woocommerce-form-row input[type="password"],
.fma-f2 .fma-account-page .woocommerce-form-row select,
.fma-f2 .fma-popup .form-row .input-text,
.fma-f2 .fma-popup .form-row select,
.fma-f2 .fma-popup input[type="text"],
.fma-f2 .fma-popup input[type="email"],
.fma-f2 .fma-popup input[type="tel"],
.fma-f2 .fma-popup input[type="password"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: var(--f2-field-h);
	min-height: var(--f2-field-h);
	padding: 14px;
	background: #fff;
	border: 1px solid var(--f2-line);
	border-radius: var(--f2-field-radius);
	font-family: var(--f2-font);
	font-size: 16px;
	line-height: 1.3;
	color: var(--f2-green);
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .woocommerce-Input:focus,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .woocommerce-input-wrapper input:focus,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row select:not(.fma-default-select):focus,
.woocommerce-account.fma-f2 .fma-account-page .woocommerce form .form-row .input-text:focus,
.fma-f2 .fma-account-page .woocommerce-form-row .input-text:focus,
.fma-f2 .fma-account-page .woocommerce-form-row input:focus,
.fma-f2 .fma-account-page .woocommerce-form-row select:focus,
.fma-f2 .fma-popup .form-row .input-text:focus,
.fma-f2 .fma-popup .form-row select:focus,
.fma-f2 .fma-popup input:focus {
	outline: none;
	border: 2px solid var(--f2-green);
	padding: 13px;
	box-shadow: none;
}
.fma-f2 .fma-account-page .woocommerce-form-row textarea,
.fma-f2 .fma-popup textarea {
	height: auto;
	min-height: 104px;
}
.fma-f2 .fma-account-page .woocommerce-invalid .input-text,
.fma-f2 .fma-account-page .woocommerce-invalid select,
.fma-f2 .fma-popup .woocommerce-invalid .input-text {
	border-color: var(--f2-error);
}
/* Select2 i kontot (hundform): samma fältstil */
.fma-f2 .select2-container--default .select2-selection--single,
.fma-f2 .select2-container--default .select2-selection--multiple {
	min-height: var(--f2-field-h);
	height: auto;
	border: 1px solid var(--f2-line);
	border-radius: var(--f2-field-radius);
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 8px;
	box-shadow: none;
}
.fma-f2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(var(--f2-field-h) - 2px);
}
.fma-f2 .select2-container--default.select2-container--focus .select2-selection--single,
.fma-f2 .select2-container--default.select2-container--focus .select2-selection--multiple,
.fma-f2 .select2-container--default.select2-container--open .select2-selection--single,
.fma-f2 .select2-container--default.select2-container--open .select2-selection--multiple {
	border: 2px solid var(--f2-green);
	outline: none;
}

/* --- 9. Infoyta, fyllnadsstapel, flikrad ------------------------------------ */
.fma-f2 .f2-info {
	background: var(--f2-tint);
	border-left: 4px solid var(--f2-green);
	border-radius: 12px;
	padding: 14px 18px;
	font-family: var(--f2-font);
	font-size: 15px;
	line-height: 1.5;
	color: var(--f2-green);
	margin: 0 0 16px;
}
.fma-f2 .f2-info p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
.fma-f2 .f2-info p + p {
	margin-top: 6px;
}
.fma-f2 .f2-info--warn {
	background: var(--f2-paused-bg);
	border-left-color: var(--f2-orange);
	color: var(--f2-warn-ink);
}
.fma-f2 .f2-info--banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	padding: 20px 24px;
	margin: 0 0 24px;
}
.fma-f2 .f2-info--banner .f2-h3 {
	margin: 0 0 4px;
}

.fma-f2 .f2-fill {
	height: 8px;
	background: var(--f2-tint);
	border-radius: 999px;
	overflow: hidden;
}
.fma-f2 .f2-fill__bar {
	height: 100%;
	width: var(--fill, 0%);
	max-width: 100%;
	background: var(--f2-green);
	border-radius: 999px;
	transition: width 0.3s ease;
}
.fma-f2 .f2-fill--accent .f2-fill__bar {
	background: var(--f2-orange);
}
.fma-f2 .f2-fill__label {
	font-family: var(--f2-font);
	font-size: 11px;
	line-height: 1.2;
	color: var(--f2-mut);
	margin: 6px 0 0;
}

.fma-f2 .f2-tabs {
	display: flex;
	gap: 4px;
	border-bottom: 1px solid var(--f2-line);
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}
.fma-f2 .f2-tabs::-webkit-scrollbar {
	display: none;
}
.fma-f2 .f2-tabs__item,
.fma-f2 a.f2-tabs__item {
	display: inline-block;
	font-family: var(--f2-font);
	font-weight: 600;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 1.68px;
	text-transform: uppercase;
	color: var(--f2-mut);
	padding: 14px 16px;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s, border-color 0.15s;
}
.fma-f2 .f2-tabs__item:hover {
	color: var(--f2-green);
}
.fma-f2 .f2-tabs__item.is-active {
	color: var(--f2-green);
	border-bottom-color: var(--f2-orange);
}

/* FAQ-rader (foderplanssidan) — ingen kortbakgrund, bara linje. */
.fma-f2 .f2-faq {
	border-top: 1px solid var(--f2-line);
}
.fma-f2 .f2-faq__row {
	border-bottom: 1px solid var(--f2-line);
}
.fma-f2 .f2-faq__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 0;
	background: transparent;
	border: 0;
	font-family: var(--f2-font);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0;
	color: var(--f2-green);
	text-align: left;
	cursor: pointer;
}
.fma-f2 .f2-faq__a {
	font-family: var(--f2-font);
	font-size: 15px;
	line-height: 1.6;
	color: var(--f2-mut);
	padding: 0 0 18px;
}

/* Fast sparfält (bara där sidan redan har en sparknapp) */
.fma-f2 .f2-sticky-save {
	position: sticky;
	bottom: 0;
	z-index: 5;
	background: var(--f2-cream);
	padding: 12px 16px;
	box-shadow: 0 -4px 16px rgba(31, 58, 55, 0.08);
}

/* --- 10. Mobil ------------------------------------------------------------- */
@media (max-width: 768px) {
	.fma-f2 .f2-h2 {
		font-size: 26px;
	}
	.fma-f2 .f2-field-row {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 600px) {
	.fma-f2 .f2-card {
		padding: 16px;
	}
	.fma-f2 .f2-card--lg {
		padding: 20px 16px;
	}
	.fma-f2 .f2-card__head {
		flex-wrap: wrap;
	}
	.fma-f2 .f2-kv-grid {
		flex-direction: column;
		gap: 14px;
	}
	.fma-f2 .f2-card .f2-btn,
	.fma-f2 .f2-info .f2-btn,
	.fma-f2 .f2-btnrow .f2-btn,
	.fma-f2 .fma-popup .f2-btn {
		display: flex;
		width: 100%;
		min-height: 48px;
	}
	.fma-f2 .f2-btnrow {
		flex-direction: column;
		align-items: stretch;
	}
	.fma-f2 .f2-info--banner {
		flex-direction: column;
		align-items: stretch;
	}
	.fma-f2 .f2-tabs {
		display: none;
	}
	.fma-f2 .f2-grid--cards {
		grid-template-columns: 1fr;
	}
}

/* --- 11. Tryckytor på mobil (W14, mobilgranskning 21/10, fynd 2) ------------
   Länk-CTA:erna (14 px höga) och de diskreta Avsluta/Radera-länkarna (20 px) får en osynlig
   träffyta på minst 44 × 44 px. Ytan ritas av ::before (::after används av Wetails .loading-snurra
   på .fma-dashboard-button), centrerad på länken, så varken utseende eller radavstånd ändras.
   REGEL där sådana länkar staplas eller står under en annan tryckyta (Codex R8): avståndet mellan boxarna
   måste vara ≥ (44 − höjd)/2 per länk — CTA (14 px) ≈ 15 px, diskret (20 px) ≈ 12 px, två CTA:er ≥ 30 px.
   Ställen som behövt luft: overview.css (198 Hantera prenumeration, pausbannern, 372 orderfot),
   plans.css (foderplanens fot + "Se alla ordrar"), dogs.css (hundkortets fot). */
@media (max-width: 767px) {
	.fma-f2 .f2-link-cta,
	.fma-f2 .f2-link-quiet,
	.fma-f2 .fma-dog-profile .fma-dog-profile__button--remove {
		position: relative;
	}
	.fma-f2 .f2-link-cta::before,
	.fma-f2 .f2-link-quiet::before,
	.fma-f2 .fma-dog-profile .fma-dog-profile__button--remove::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 44px;
		height: 44px;
		transform: translate(-50%, -50%);
	}
}

/* --- 12. Typskala och luft, founders feedback 27/10 (R1) ---------------------
   "Mindre och nättare, i nivå med livesidan": brödtext 14–15 px, värden 15–16 px, kortrubriker 16–18 px,
   sidrubrik ca 26 px, mindre luft i korten. Ett samlat block sist i basen; body.fma-f2-prefixet ger
   högre specificitet än fixarnas inline-<style> (198/204/372, (0,1,0)–(0,2,0)) som laddas senare.
   Fält behåller 16 px (iOS zoomar in under 16 px). F2-KONTRAKT §2 uppdaterad samma dag.
   !important: ytfilerna (overview/plans/forms/dogs) laddas EFTER basen och har egna regler med samma
   eller högre specificitet; skalan ska gälla överallt. Ingen annan !important-storlek i paketet rörs. */
/* Sidrubrik (MITT KONTO, FODERPLAN, MINA HUNDAR, BESTÄLLNING #…, HUNDUPPGIFTER) — fas2.css har 32px !important. */
body.fma-f2 .fma-account-page .f2-h2,
body.fma-f2 .fnm-konto-v2 .fnmk-page-title,
body.fma-f2 .fnmk-dogs-v2 .fnmk-page-title,
body.fma-f2 .fnmk-order .fnmk-page-title,
body.fma-f2 .fma-dog-profile > h2 {
	font-size: 26px !important;
}
/* Hälsningen i heron (H1) — större än sidrubriken men inte 40 px. */
body.fma-f2 .fnmk-hero__greet {
	font-size: 32px !important;
}
/* Kortrubriker */
body.fma-f2 .fma-account-page .f2-h3:not(.f2-h3--sm),
body.fma-f2 .fnm-konto-v2 .fnmk-grouptitle,
body.fma-f2 .fnmk-order .fnmk-grouptitle,
body.fma-f2 .fnm-konto-v2 .fnmk-paused__title,
body.fma-f2 .fnmk-dogs-v2 .fnmk-dogcard__name,
body.fma-f2 .fnm-konto-v2 .fnmk-guidewrap h2,
body.fma-f2 .fma-dog-profile .fma-dog-profile__plan h2,
body.fma-f2 .fma-account-page .fma-popup--gordon .fma-popup__title {
	font-size: 17px !important;
}
/* Värden (etikett + värde) */
body.fma-f2 .fma-account-page .f2-kv__value,
body.fma-f2 .fnm-konto-v2 .fnmk-fact,
body.fma-f2 .fnmk-dogs-v2 .fnmk-fact,
body.fma-f2 .fnmk-order .fnmk-fact,
body.fma-f2 .fnmk-order .fnmk-trow--total,
body.fma-f2 .fma-account-page .woocommerce .fma-edit-account__item .f2-form-card__brand {
	font-size: 16px !important;
}
/* Brödtext */
body.fma-f2 .fma-account-page .f2-body,
body.fma-f2 .fma-account-page .f2-card p:not([class]),
body.fma-f2 .fma-account-page .woocommerce .fma-edit-account__item > p:not(.woocommerce-form-row),
body.fma-f2.food-plan-type-edit .fma-account-page .woocommerce .fma-plan-options__subtitle,
body.fma-f2 .fnmk-dogs-v2 .fnmk-guidewrap > section > p,
body.fma-f2 .fnmk-dogs-v2 .fnmk-guidewrap .fma-dog-profile__plan--info p,
body.fma-f2 .fma-dog-profile .fma-dog-profile__plan--info p {
	font-size: 15px !important;
}
body.fma-f2.food-plan-type-edit .fma-account-page .fma-faq-plan .faq-row__question {
	font-size: 16px !important;
}
/* Luft: tätare kort och delar */
body.fma-f2 .fma-account-page .f2-card:not(.f2-card--lg),
body.fma-f2 .fma-account-page .f2-plan-page .fma-food-plan__item,
body.fma-f2 .fma-account-page .f2-plan-page .fma-food-plan__orders {
	padding: 18px 20px !important;
}
body.fma-f2 .fnm-konto-v2 .fnmk-card,
body.fma-f2 .fnmk-order .fnmk-card,
body.fma-f2 .fnmk-dogs-v2 .fnmk-card {
	padding: 16px 20px !important;
}
body.fma-f2 .fnm-konto-v2 .fnmk-group,
body.fma-f2 .fnmk-order .fnmk-group {
	padding: 2px 20px 4px !important;
}
body.fma-f2 .fnm-konto-v2 .fnmk-part,
body.fma-f2 .fnmk-order .fnmk-part {
	padding: 12px 0 !important;
}
body.fma-f2 .fnm-konto-v2 .fnmk-group > .fnmk-cardhead,
body.fma-f2 .fnmk-order .fnmk-group > .fnmk-cardhead {
	padding: 14px 0 10px !important;
}
body.fma-f2 .fnm-konto-v2 .fnmk-zone {
	margin-bottom: 20px !important;
}
@media (max-width: 768px) {
	body.fma-f2 .fnmk-hero__greet {
		font-size: 28px !important; /* som förut i 601–768 (review våg C) */
	}
}
@media (max-width: 600px) {
	body.fma-f2 .fma-account-page .f2-h2,
	body.fma-f2 .fnm-konto-v2 .fnmk-page-title,
	body.fma-f2 .fnmk-dogs-v2 .fnmk-page-title,
	body.fma-f2 .fnmk-order .fnmk-page-title,
	body.fma-f2 .fma-dog-profile > h2 {
		font-size: 24px !important;
	}
	body.fma-f2 .fnmk-hero__greet {
		font-size: 24px !important;
	}
	/* Kortrubriken på hundprofilen (Rekommenderad dagsmängd) får inte ärva sidrubrikens storlek (review våg C). */
	body.fma-f2 .fma-dog-profile .fma-dog-profile__plan h2 {
		font-size: 17px !important;
	}
	body.fma-f2 .fma-account-page .f2-kv__value,
	body.fma-f2 .fnm-konto-v2 .fnmk-fact,
	body.fma-f2 .fnmk-dogs-v2 .fnmk-fact,
	body.fma-f2 .fnmk-order .fnmk-fact {
		font-size: 15px !important;
	}
	body.fma-f2 .fma-account-page .f2-card:not(.f2-card--lg),
	body.fma-f2 .fma-account-page .f2-plan-page .fma-food-plan__item,
	body.fma-f2 .fma-account-page .f2-plan-page .fma-food-plan__orders,
	body.fma-f2 .fnm-konto-v2 .fnmk-card,
	body.fma-f2 .fnmk-order .fnmk-card,
	body.fma-f2 .fnmk-dogs-v2 .fnmk-card {
		padding: 14px !important;
	}
	body.fma-f2 .fnm-konto-v2 .fnmk-group,
	body.fma-f2 .fnmk-order .fnmk-group {
		padding: 2px 14px 4px !important;
	}
}

/* --- 13. Vikter, founders feedback 27/10 (R2) --------------------------------
   "Rubrikfonten används på nästan all text och blir tung": sajten har bara Gelica 400/500 i Typekit-kitet,
   så 600/700 i kontot ritades som SYNTETISK fetstil. Nu: ingen syntetisk fetstil i kontoinnehållet
   (sidhuvud/sidfot orörda), rubriker 500 versaler, brödtext/värden/etiketter 400, knappar/länkar 500.
   Davids svar 27/10: "prova göra brödtext och etiketter tunnare och behålla rubriken" (= detta); frågan
   "typsnittet eller tyngden?" går till Josefine i hennes review. Eget block/egen commit så det kan backas. */
body.fma-f2 .fma-account-page {
	font-synthesis: none;
}
body.fma-f2 .fma-account-page .f2-kv__value,
body.fma-f2 .fma-account-page .f2-kv__label,
body.fma-f2 .fnm-konto-v2 .fnmk-fact,
body.fma-f2 .fnm-konto-v2 .fnmk-lab,
body.fma-f2 .fnmk-dogs-v2 .fnmk-fact,
body.fma-f2 .fnmk-dogs-v2 .fnmk-lab,
body.fma-f2 .fnmk-order .fnmk-fact,
body.fma-f2 .fnmk-order .fnmk-lab,
body.fma-f2 .fma-account-page .f2-field__label,
body.fma-f2 .fma-account-page .woocommerce form .form-row label,
body.fma-f2 .fnmk-hero__next {
	font-weight: 400 !important;
}
body.fma-f2 .fma-account-page .f2-btn,
body.fma-f2 .fma-account-page .fnmk-btn,
body.fma-f2 .fma-account-page .fma-dashboard-button,
body.fma-f2 .fma-account-page .f2-link-cta,
body.fma-f2 .fma-account-page .fnmk-link,
body.fma-f2 .fma-account-page .f2-eyebrow,
body.fma-f2 .fma-account-page .fnmk-eyebrow,
body.fma-f2 .fma-account-page .f2-pill,
body.fma-f2 .fma-account-page .fnmk-badge,
body.fma-f2 .fma-account-page strong,
body.fma-f2 .fma-account-page b {
	font-weight: 500 !important;
}