/* account-f2-dogs.css — W8 (kontosidor-v2 2026-10-20), hundytan. Bygger på F2-KONTRAKT.md (account-f2.css = bas).
   Alla regler prefixade .fma-f2, tokens via var(--f2-*). Fixarnas inline-<style> (198/204) kommer SIST i cascaden. */

/* B12 — fritextraden för "Annat"-allergi (dog-form.php): [hidden] ska vinna över alla display-regler på .form-row. */
.fma-f2 .fma-row__other-allergy[hidden] { display: none !important; }
.fma-f2 .fma-row__other-allergy { width: 100%; }

/* B1 — fyllnadsstapel "Täcker ca X % av <hund>s dagsbehov" (kontrakt §7 .f2-fill). Samma block på översikten
   (Fix 198, Sammanfattning), hundkortet (Fix 204) och hundsidans Rekommenderad dagsgiva (dog.php). */
.fma-f2 .f2-dog-fill { margin: 14px 0 0; max-width: 360px; }
.fma-f2 .fnmk-dogcard__title .f2-dog-fill { margin-top: 10px; max-width: none; }
.fma-f2 .f2-dog-fill .f2-fill__label { margin: 6px 0 0; font-family: 'gelica', Georgia, serif; font-size: 12px; line-height: 1.3; color: var(--f2-mut); }
/* Fix 204:s guide-/plan-CSS gör alla <p> i boxen till flex-rader med linje — stapelns etikett är ingen sådan rad. */
.fma-f2 .fma-dog-profile .fma-dog-profile__plan .f2-dog-fill .f2-fill__label,
.fma-f2 .fnmk-dogs-v2 .f2-dog-fill .f2-fill__label { display: block; padding: 0; border: 0; }

/* W14 (mobilgranskning 21/10, fynd 2): när hundkortets fot bryts (360 px) står "Ändra uppgifter" över
   "Radera hundprofil"; 28 px radavstånd så att de två 44 px-träffytorna (account-f2.css §11) inte krockar.
   Påverkar inte foten när den ryms på en rad. */
@media (max-width: 767px) {
	.fma-f2 .fnmk-dogs-v2 .fnmk-dogcard__foot { row-gap: 28px; }
}

/* Josefines svar 28/10 (N9): hunddialogerna.
   - Fix 021:s "Nej, uppdatera inte planen" lades in med inline background:transparent + border:currentColor på
     en knapp som ärver vit text ⇒ osynlig (vit på vitt). Här: kontraktets sekundärknapp (grön kontur).
   - Krysset i hörnet döljs inte längre av 021 (uppdatering) och 074 (radera, enda hunden), så det syns och är
     tillgängligt i båda; här bara stilen. Det stänger bara dialogen (script.js Y), inget sparas eller raderas.
     Create-läget (Fix 014 sätter data-fnm-mode="create" och döljer krysset) lämnas som det är.
   - Ingen svart dialogram (webbläsarens <dialog>-kant). */
.fma-f2 #fma-dog-profile-updated [data-fnm-audit-021-nej] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin: 12px 0 0 !important;
	padding: 13px 32px !important;
	border: 2px solid var(--f2-green) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--f2-green) !important;
	font: 500 15px/1 var(--f2-font, 'gelica', Georgia, serif) !important;
	box-shadow: none !important;
	cursor: pointer;
}
.fma-f2 #fma-dog-profile-updated [data-fnm-audit-021-nej]:hover {
	background: var(--f2-green) !important;
	color: var(--f2-cream) !important;
}
.fma-f2 #fma-dog-profile-updated:not([data-fnm-mode="create"]) .fma-popup__close,
.fma-f2 #fma-dog-profile-remove-if-only-one .fma-popup__close,
.fma-f2 #fma-dog-profile-remove-if-multiple .fma-popup__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--f2-green);
	font: 500 18px/1 var(--f2-font, 'gelica', Georgia, serif);
	cursor: pointer;
	z-index: 2;
}
.fma-f2 #fma-dog-profile-updated:not([data-fnm-mode="create"]) .fma-popup__close:hover,
.fma-f2 #fma-dog-profile-remove-if-only-one .fma-popup__close:hover,
.fma-f2 #fma-dog-profile-remove-if-multiple .fma-popup__close:hover {
	background: var(--f2-tint);
}
.fma-f2 dialog#fma-dog-profile-updated,
.fma-f2 dialog#fma-dog-profile-remove-if-only-one,
.fma-f2 dialog#fma-dog-profile-remove-if-multiple,
.fma-f2 dialog#fma-dog-profile-removed {
	border: 0;
}
/* N11: hoppet till utfodringsguiden landar under det fasta sidhuvudet (se även Fix 204:s omskroll). */
.fma-f2 #fma-feeding-guide {
	scroll-margin-top: 140px;
}