/*
 * Page template — BEM (.led-page / .led-crumbs)
 *
 *   body.led-page | --classic | --builder
 *   .led-page__root          — #main-content
 *   .led-page__inner         — width row (+ .led-wrap)
 *   .led-page__grid          — #content-area
 *   .led-page__grid--classic | --builder
 *   .led-page__primary       — #left-area
 *   .led-page__main          — <main>
 *   .led-page__main--classic | --builder
 *   .led-page__article
 *   .led-page__header / __title — classic page title (H1)
 *   .led-page__content       — typography / tables / images scope
 *   .led-page__pagination
 *   .led-crumbs              — breadcrumb block
 *
 * Width tokens: .led-wrap in utilities.css
 */

/* -------------------------------------------------------------------------
   Layout
   ------------------------------------------------------------------------- */

html body.led-page .led-page__grid--classic {
	width: 100%;
}

html body.led-page .led-page__primary {
	width: 100%;
}

html body.led-page .led-page__main--classic {
	display:       block;
	width:         100%;
	margin-inline: auto;
	padding-block: var(--layout-section-y, 2rem) var(--space-12, 3rem);
	box-sizing:    border-box;
}

html body.led-page .led-page__main--builder {
	display: block;
	width:   100%;
}

html body.led-page .led-page__grid--builder {
	width: 100%;
}

html body.led-page .led-page__header {
	margin: 0 0 var(--heading-margin-bottom, 0.5rem);
}

html body.led-page .led-page__title {
	margin-top: 0;
}

/* -------------------------------------------------------------------------
   Content isolation from Divi globals
   ------------------------------------------------------------------------- */

html body.led-page .led-page__content {
	padding:    0;
	border:     0;
	background: transparent;
}

html body.led-page .led-page__content > :first-child {
	margin-top: 0;
}

html body.led-page .led-page__content > :last-child {
	margin-bottom: 0;
}

html body.led-page .led-page__content :is(h1, h2, h3, h4, h5, h6) {
	padding-bottom: 0;
}

html body.led-page .led-page__pagination {
	margin-top: 1.5rem;
}

/* -------------------------------------------------------------------------
   Breadcrumb — .led-crumbs
   ------------------------------------------------------------------------- */

html body.led-page .led-crumbs {
	margin:      0 0 1.25rem;
	font-size:   var(--font-size-small, 13px);
	line-height: var(--line-height-body, 1.5);
	color:       var(--color-text-muted, #565656);
}

html body.led-page .led-crumbs__list {
	display:     flex;
	flex-wrap:   wrap;
	align-items: center;
	gap:         0.35rem 0;
	margin:      0;
	padding:     0;
	list-style:  none;
}

html body.led-page .led-crumbs__item {
	display:     inline-flex;
	align-items: center;
	margin:      0;
	padding:     0;
}

html body.led-page .led-crumbs__item:not(:last-child)::after {
	content: "/";
	margin:  0 0.5rem;
	color:   var(--color-text-subtle, #a5a5a5);
	speak:   never;
}

html body.led-page .led-crumbs__link {
	color:           var(--color-link, var(--color-secondary, #1c86ff));
	text-decoration: none;
}

html body.led-page .led-crumbs__link:hover,
html body.led-page .led-crumbs__link:focus {
	text-decoration: underline;
}

html body.led-page .led-crumbs__item--current {
	color:       var(--color-text, #000);
	font-weight: var(--font-weight-body, 400);
}

html body.led-page .led-crumbs__plugin {
	display: block;
}

@media (min-width: 768px) and (max-width: 1023px) {
	html body.led-page .led-page__main--classic {
		padding-block: var(--space-8, 2rem) var(--space-10, 2.5rem);
	}
}

@media (max-width: 767px) {
	html body.led-page .led-page__main--classic {
		padding-block: var(--layout-section-y-sm, 1.5rem) var(--space-8, 2rem);
	}
}