/* Kurslistor från Klickerförlaget (kf-admin): läsbara kort utan ramar, större bilder, mindre sidmarginaler på mobil.
   Selektorerna är verifierade mot kf-admin 0.10.18 (assets/frontend.css) och sidans HTML.
   Prefixet "body" höjer specificiteten så reglerna vinner över pluginens CSS oavsett laddningsordning.
   Länk- och knappfärgen #a4521f ger kontrast ca 5,5:1 mot vitt (WCAG AA kräver 4,5:1). */

/* Aktuella kurser: textrader med tunn avskiljare i stället för ramar */
body .kfadmin-product-cards { gap: 0; }
body .kfadmin-card {
	border: 0;
	border-bottom: 1px solid #ecdcc9;
	border-radius: 0;
	background: transparent;
	padding: 1rem 0;
}
body .kfadmin-card:first-child { padding-top: 0; }
body .kfadmin-card-title { font-size: 1.15rem; margin-bottom: .45rem; }
body .kfadmin-card-title a { text-decoration: none; color: #a4521f; }
body .kfadmin-card-title a:hover,
body .kfadmin-card-title a:focus { text-decoration: underline; }
body .kfadmin-card-meta { font-size: 1rem; line-height: 1.5; gap: .2rem; }
body .kfadmin-card-label { color: #5f5348; }

/* Privatlektioner och andra produktrutnät: stora bilder, tydlig text, ingen klippning */
body .kfadmin-remote-products { gap: 1.5rem; }
body .kfadmin-remote-product {
	border: 0;
	border-radius: 12px;
	background: transparent;
	box-shadow: none;
}
body .kfadmin-remote-product__image { border-radius: 12px; aspect-ratio: 4 / 3; }
body .kfadmin-remote-product__body { padding: .75rem 0 0; }
body .kfadmin-remote-product__title { font-size: 1.2rem; overflow-wrap: anywhere; hyphens: auto; }
body .kfadmin-remote-product__title a { color: #3b3631; text-decoration: none; }
body .kfadmin-remote-product__price { color: #3b3631; }
body .kfadmin-remote-product .kfadmin-remote-product__button {
	background: #a4521f;
	color: #fff !important;
	border-radius: 8px;
	padding: .6rem 1.1rem;
}
body .kfadmin-remote-product .kfadmin-remote-product__button:hover,
body .kfadmin-remote-product .kfadmin-remote-product__button:focus { background: #8a4219; }

@media (max-width: 781.98px) {
	/* Staplat kort: bild överst i full bredd i stället för liten bild bredvid texten */
	body .kfadmin-remote-products,
	body .kfadmin-remote-products--columns-2,
	body .kfadmin-remote-products--columns-3,
	body .kfadmin-remote-products--columns-4,
	body .kfadmin-remote-products--columns-5,
	body .kfadmin-remote-products--columns-6 { grid-template-columns: 1fr; }
	body .kfadmin-remote-product { flex-direction: column; }
	body .kfadmin-remote-product__image { flex: none; width: 100%; aspect-ratio: 16 / 10; }
}

/* Sidan Apporteringskurser (page-id-12): smalare sidmarginaler på mobil. Sidan byggs av
   klassiska Elementor-sektioner i en enskild-mall (.elementor-location-single) med sidans
   eget innehåll (.elementor-12) nästlat i en post-content-widget. Utan regeln blir
   marginalen 62 px per sida (16 + 20 + 16 + 10); med regeln 16 px. */
@media (max-width: 781.98px) {
	body.page-id-12 .elementor-location-single .elementor-container {
		padding-left: 16px;
		padding-right: 16px;
	}
	body.page-id-12 .elementor-location-single .elementor-column.elementor-col-66 > .elementor-widget-wrap.elementor-element-populated {
		padding-left: 0;
		padding-right: 0;
	}
	body.page-id-12 .elementor-12 .elementor-container {
		padding-left: 0;
		padding-right: 0;
	}
	body.page-id-12 .elementor-12 .elementor-widget-wrap.elementor-element-populated {
		padding-left: 0;
		padding-right: 0;
	}
}