/* Importerade tabeller från gamla sajten (stamtavlor, valplistor m.m.) */
.zelmaas-tabell {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	font-size: 0.9em;
	display: block;
	max-width: 100%;
	overflow-x: auto;
}
.zelmaas-tabell td,
.zelmaas-tabell th {
	padding: 0.35em 0.75em 0.35em 0;
	vertical-align: top;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
}
.zelmaas-tabell p { margin: 0; }
.zelmaas-tabell img,
.entry-content img,
.wp-block-post-content img { max-width: 100%; height: auto; }

/* Stamtavlor: rowspan-celler centreras vertikalt */
.zelmaas-tabell td[rowspan] { vertical-align: middle; }

.wp-block-post-content a { font-weight: 600; }

/* Twenty Twenty-Five har brödtext i vikt 300, så webbläsarens "bolder" blir bara 400. */
b,
strong { font-weight: 700; }

@media (max-width: 600px) {
	/* Bild + fakta bredvid varandra: stapla på mobil. */
	.zelmaas-tabell:has(img) td { display: block; padding-right: 0; }
	/* Stamtavlor/listor: behåll kolumnbredd och scrolla i sidled i stället för att klämma ihop. */
	.zelmaas-tabell:not(:has(img)) td { min-width: 9em; }
}

/* Gästbok */
.zelmaas-hp { position: absolute !important; left: -9999px; height: 1px; overflow: hidden; }
.zelmaas-gastbok .children { margin-left: var(--wp--preset--spacing--50); padding-left: var(--wp--preset--spacing--30); border-left: 3px solid var(--wp--preset--color--accent-5); list-style: none; }
.zelmaas-gastbok .zelmaas-amne { margin-bottom: 0.25em; }

/* Datorskärm: lite mindre text än Twenty Twenty-Fives standard (önskemål 2026-10-10). */
@media (min-width: 782px) {
	html:root {
		--wp--preset--font-size--small: 0.875rem;
		--wp--preset--font-size--medium: 1rem;
		--wp--preset--font-size--large: 1.25rem;
		--wp--preset--font-size--x-large: 1.6rem;
		--wp--preset--font-size--xx-large: 2.25rem;
	}
	.wp-block-navigation { font-size: 0.95rem; }

	/* Logga och "Zelmaas Kennel" i sidhuvudet större (önskemål Kerstin 2026-10-13). */
	header .wp-block-site-logo img { width: 84px !important; height: auto; }
	header .wp-block-site-title { font-size: 2.2rem; }

	/* Sidornas huvudrubrik (h1) något mindre (önskemål 2026-10-13). */
	body h1 { font-size: 1.9rem; }

}

/* Besöksräknaren i sidfoten */
.zk-besokare { font-size: var(--wp--preset--font-size--small); opacity: 0.85; }

/* Mobil: hamburgermenyn lite längre in från högerkanten (önskemål 2026-10-10). */
header .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) { margin-right: 0.75rem; }

/* Nyhetslistor i två kolumner (dator): korten börjar i överkant. */
.wp-block-post-template.is-layout-grid { align-items: start; }

/* Gästboken: skribentens namn tydligt. */
.zelmaas-gastbok .wp-block-comment-author-name { color: var(--wp--preset--color--accent-1); font-weight: 700; }
.zelmaas-gastbok .wp-block-comment-author-name a { color: inherit; }

/* Startsidans intro: bilden från gamla startsidan bredvid texten (staplas på mobil). */
.zelmaas-intro-bild { margin: 0; }
.zelmaas-intro-bild img { display: block; height: auto; max-width: 100%; }
@media (max-width: 781px) {
	.zelmaas-intro-bild { width: 140px; margin-inline: auto; }
}

/* Utfällda undermenyer och mobilmenyn: sand med vinröd kant överst, ljus beige vid hovring
   (förslag B, 2026-10-13; förslag A var ljus beige som sidhuvudet). */
header .wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--accent-5) !important;
	border: 0 !important;
	border-top: 3px solid var(--wp--preset--color--accent-1) !important;
}
header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
	background-color: var(--wp--preset--color--accent-4);
	color: var(--wp--preset--color--accent-1);
}
header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--accent-5) !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border-top: 0 !important;
}

/* Sök: förstoringsglas i sidhuvudet (fältet fälls ut vid klick) och sökresultatsidan. */
.zelmaas-meny-sok { flex-shrink: 0; }
/* Utfällt sökfält läggs ovanpå menyn till höger i stället för att knuffa undan rubrik och meny. */
header .zelmaas-sok { position: relative; width: 2.3rem; height: 2.3rem; margin: 0; }
header .zelmaas-sok .wp-block-search__inside-wrapper {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
}
header .zelmaas-sok:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	width: 18rem !important;
	max-width: calc(100vw - 2rem);
	background: var(--wp--preset--color--accent-4);
	box-shadow: 0 0 0 0.5rem var(--wp--preset--color--accent-4);
}
header .zelmaas-sok .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--accent-1);
	border: 0;
	padding: 0.35rem;
	margin-left: 0;
}
header .zelmaas-sok .wp-block-search__button svg { width: 1.5rem; height: 1.5rem; fill: currentColor; }
header .zelmaas-sok .wp-block-search__input {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 4px;
	font-size: 0.9rem;
	padding: 0.35rem 0.6rem;
}
header .zelmaas-sok.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { border: 0; }
.zelmaas-sok-sida { max-width: 32rem; margin-bottom: var(--wp--preset--spacing--40); }
.zelmaas-sok-sida .wp-block-search__button { background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); border: 0; }
.zelmaas-sok-typ {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-2);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
@media (max-width: 599px) {
	/* Mobil: hamburgare och förstoringsglas tätt ihop så att "Zelmaas kennel" får plats på en rad. */
	header .zelmaas-meny-sok { gap: 0.15rem !important; }
	header .zelmaas-meny-sok .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) { margin-right: 0; }
	header .zelmaas-sok { width: 2rem; }
	header .zelmaas-sok .wp-block-search__button { padding: 0.25rem; }
	header .wp-block-group.alignwide,
	header .wp-block-group.alignwide > .wp-block-group:first-child { gap: 0.6rem !important; }
}

/* Huvudmenyns toppval i samma vinröda färg som förstoringsglaset; utfällda val behåller mörk text. */
header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-icon {
	color: var(--wp--preset--color--accent-1);
}

/* Mobilmenyn (telefon och surfplatta, under 1200 px) som en panel från höger (önskemål 2026-10-13): vänsterställda rader med linjer emellan,
   undermenyerna stängda tills man trycker på pilen (WordPress håller dem annars alltid öppna i mobilmenyn,
   så pilen sköts av assets/meny-touch.js). Sidan bakom tonas ned; tryck där stänger menyn. */
@media (max-width: 1199px) {
	header .wp-block-navigation__responsive-container.is-menu-open {
		left: auto !important;
		right: 0 !important;
		width: min(85vw, 22rem) !important;
		padding: 0 !important;
		overflow-y: auto;
		box-shadow: 0 0 0 100vmax rgb(46 34 34 / 0.45);
	}
	header .is-menu-open .wp-block-navigation__responsive-close { max-width: none; }
	header .is-menu-open .wp-block-navigation__responsive-container-close {
		top: 0.6rem !important;
		right: 0.75rem !important;
		color: var(--wp--preset--color--accent-1);
	}
	header .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
	header .is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0 !important; }
	header .is-menu-open .wp-block-navigation__responsive-container-content {
		padding: 3.5rem 0 2rem !important;
		align-items: stretch !important;
	}
	header .is-menu-open .wp-block-navigation__container {
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		width: 100%;
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1) 45%, transparent);
	}
	header .is-menu-open .wp-block-navigation-item {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		align-items: center !important;
		width: 100%;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1) 45%, transparent);
	}
	header .is-menu-open .wp-block-navigation-item__content {
		flex: 1;
		padding: 0.7rem 1rem !important;
		text-align: left;
	}
	/* Pilen för undermenyn */
	header .is-menu-open .wp-block-navigation-submenu__toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 3rem !important;
		height: 2.8rem !important;
		margin: 0 !important;
		padding: 0 !important;
		color: var(--wp--preset--color--accent-1);
		cursor: pointer;
	}
	header .is-menu-open .wp-block-navigation-submenu__toggle svg {
		display: block !important;
		width: 14px;
		height: 14px;
		transform: none !important;
		transition: transform 0.15s;
	}
	header .is-menu-open .zelmaas-oppen > .wp-block-navigation-submenu__toggle svg { transform: rotate(180deg) !important; }
	header .is-menu-open .has-child > .wp-block-navigation__submenu-container {
		display: none !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		gap: 0 !important;
		background-color: var(--wp--preset--color--accent-4) !important;
		border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1) 25%, transparent) !important;
	}
	header .is-menu-open .has-child.zelmaas-oppen > .wp-block-navigation__submenu-container {
		display: flex !important;
		flex-direction: column;
	}
	header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent);
	}
	header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child { border-bottom: 0; }
	header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding-left: 2rem !important; }
}

/* Hamburgermenyn redan under 1200 px (WordPress byter först vid 600 px), så att loggan och
   "Zelmaas kennel" får plats på t.ex. en iPad både stående och liggande. */
@media (min-width: 600px) and (max-width: 1199px) {
	header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
	header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
}

/* Mobil: större logga, "Zelmaas kennel" och undertexten centrerade mellan loggan och menyknapparna
   (önskemål 2026-10-13). */
@media (max-width: 599px) {
	header > .wp-block-group.alignfull,
	header .wp-block-group.alignfull.has-global-padding { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
	header .wp-block-group.alignwide > .wp-block-group:first-child { flex: 1; min-width: 0; }
	header .wp-block-site-logo { flex-shrink: 0; }
	header .wp-block-site-logo img { width: 64px !important; height: auto !important; }
	header .wp-block-group.alignwide > .wp-block-group:first-child > .wp-block-group {
		flex: 1;
		min-width: 0;
		align-items: center !important;
		text-align: center;
	}
	header .wp-block-site-tagline { line-height: 1.3; }
}

/* Facebook-knappen på startsidan och ikonerna i sidfoten. */
.zelmaas-fb .wp-social-link { border-radius: 2rem; }
.zelmaas-fb { font-size: 18px; margin-top: 0.6rem !important; }
.zelmaas-fb .wp-block-social-link-anchor { padding: 0.3rem 0.8rem 0.3rem 0.6rem !important; }
.zelmaas-fb .wp-block-social-link-label { font-size: 0.8rem; font-weight: 600; }
@media (max-width: 781px) {
	.zelmaas-fb { justify-content: center; }
}
.zelmaas-fb .wp-social-link:hover, .zelmaas-sociala .wp-social-link:hover { transform: none; filter: brightness(1.15); }

/* Startsidan: sammanfattningarna på engelska och tyska visas som flaggor (som på gamla sajten).
   Texten i <summary> finns kvar för skärmläsare men döljs visuellt. Första = engelska, andra = tyska. */
.zelmaas-intro .wp-block-post-content > details.wp-block-details {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.6rem;
}
.zelmaas-intro .wp-block-post-content > details.wp-block-details[open] { display: block; margin-right: 0; }
.zelmaas-intro .wp-block-post-content > details.wp-block-details > summary {
	list-style: none;
	display: inline-block;
	width: 36px;
	height: 22px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	background: url(flagga-eng.svg) center / cover no-repeat;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent);
	border-radius: 2px;
}
.zelmaas-intro .wp-block-post-content > details.wp-block-details > summary::-webkit-details-marker { display: none; }
.zelmaas-intro .wp-block-post-content > details.wp-block-details ~ details.wp-block-details > summary { background-image: url(flagga-tysk.svg); }
.zelmaas-intro .wp-block-post-content > details.wp-block-details[open] > summary { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
.zelmaas-intro .wp-block-post-content > details.wp-block-details[open] > summary + * { margin-top: 0.75rem; }

/* Flaggorna under hundbilden (assets/startsida.js flyttar dem dit; texten fälls ut i högerspalten). */
.zelmaas-flaggor { display: flex; justify-content: center; gap: 0.6rem; margin-top: 0.75rem; }
.zelmaas-flagga {
	width: 36px;
	height: 22px;
	padding: 0;
	cursor: pointer;
	background: url(flagga-eng.svg) center / cover no-repeat;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent);
	border-radius: 2px;
}
.zelmaas-flagga-tysk { background-image: url(flagga-tysk.svg); }
.zelmaas-flagga[aria-expanded="true"] { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
.zelmaas-flaggor-flyttade .wp-block-post-content > details.wp-block-details:not([open]) { display: none !important; }
.zelmaas-flaggor-flyttade .wp-block-post-content > details.wp-block-details > summary { display: none; }

/* Startsidan: "Läs mer om kenneln här." utan understrykning (färgen behålls). */
.zelmaas-intro .wp-block-post-content a[href="/om-kenneln/"] { text-decoration: none; }
.zelmaas-intro .wp-block-post-content a[href="/om-kenneln/"]:hover { text-decoration: underline; }

/* Startsidan: mindre luft mellan styckena i introtexten. */
.zelmaas-intro .wp-block-post-content > p + p { margin-block-start: 0.6em; }

/* Startsidan: länken "Fler nyheter »" under nyheterna (i stället för sidnummer). */
.zelmaas-fler-nyheter { margin-top: 0; font-weight: 600; }
.zelmaas-fler-nyheter a { text-decoration: none; }
.zelmaas-fler-nyheter a:hover { text-decoration: underline; }
/* Tomma stycken (t.ex. en extra radbrytning sist i startsidans text) ska inte ge extra luft. */
.zelmaas-intro .wp-block-post-content > p:empty { display: none; }

/* Startsidan: webbplatsens namn är sidans h1 (SEO) – samma radavstånd som när det var ett vanligt stycke. */
header h1.wp-block-site-title { line-height: inherit; }