/* poea-native site layout (every page). Loaded after tokens, base and the core components.
   Template-specific rules live in assets/css/templates/*.css. Single-class selectors, no !important
   except where noted. Nothing here targets .asb-feature content. */

/* Feature template (auto-seo-blogger): its sticky TOC sits under our sticky header (04 A13). */
:root { --asbf-sticky-top: calc(var(--header-h) + var(--space-4)); }
.admin-bar { --asbf-sticky-top: calc(var(--header-h) + var(--wp-admin--admin-bar--height, 32px) + var(--space-4)); }

/* Scroll lock while the mobile sheet is open (filter.css repeats this for list pages). */
body.has-drawer { overflow: hidden; }

/* No JS: the burger cannot open anything, so hide it (footer menus remain). */
html:not(.js) .c-header__toggle { display: none; }

/* Header logo (custom logo or the fallback file, 434x90). Height is fixed by header.css. */
.c-header__brand .custom-logo { width: auto; height: 36px; max-width: 11.5rem; object-fit: contain; object-position: left center; }
@media (min-width: 1024px) { .c-header__brand .custom-logo { height: 40px; max-width: 13rem; } }
.c-header__signin .icon { width: 1.125rem; height: 1.125rem; }
.c-mobile-nav__actions .icon { width: 1.125rem; height: 1.125rem; }

/* Footer */
.c-footer__logo { display: inline-flex; min-height: 0; }
.c-footer__logo .custom-logo { width: auto; height: 40px; max-width: 13rem; object-fit: contain; object-position: left center; }
.c-footer__tagline { max-width: 22rem; line-height: var(--lh-14, 1.6); color: var(--color-text-2); }
.c-footer .widget + .widget { margin-top: var(--space-6); }
.c-footer .widget nav { display: block; }
.c-footer__legal .privacy-policy-link { min-height: 24px; }
.c-footer__grid:only-child { margin-bottom: 0; }

/* Main */
.site-main { display: block; min-height: 40vh; }
.site-main:focus { outline: none; }

/* Page with sidebar (Cariera meta cariera_page_layout = sidebar) */
.l-with-sidebar { display: grid; gap: var(--space-10); }
@media (min-width: 1024px) { .l-with-sidebar { grid-template-columns: minmax(0, 1fr) 20rem; align-items: start; } }
.l-sidebar { display: grid; gap: var(--space-6); align-content: start; font-size: var(--fs-14); }
.l-sidebar .widget { padding: var(--space-5); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.l-sidebar .widget-title { margin-bottom: var(--space-3); font-size: var(--fs-16); font-weight: var(--fw-semibold); }
.l-sidebar ul { margin: 0; padding: 0; list-style: none; }
.l-sidebar li + li { margin-top: var(--space-2); }

/* Page header extras */
.c-page-header--image { position: relative; isolation: isolate; background: var(--pn-gray-800, #2f2e41) var(--page-header-bg) center / cover no-repeat; border-bottom: 0; }
.c-page-header--image::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(29 28 42 / 0.62); }
.c-page-header--image :is(.c-page-header__title, .c-page-header__lead, .eyebrow, .c-breadcrumbs, .c-breadcrumbs a, .c-breadcrumbs .last) { color: #fff; }
.c-page-header .eyebrow { margin-bottom: var(--space-2); }
.c-page-header__lead > p + p { margin-top: var(--space-2); }

/* Entry meta line (date, reading time, author) */
.c-entry-meta { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); margin-top: var(--space-3); font-size: var(--fs-14); color: var(--color-text-muted); }

/* Site search form: one input + button (the 3-column .c-search is for job search). */
.c-search--site { grid-template-columns: minmax(0, 1fr) auto; align-items: center; max-width: 40rem; }
@media (min-width: 768px) { .c-search--site { grid-template-columns: minmax(0, 1fr) auto; } .c-search--site > * + * { border-left: 0; } }
.c-search--site input[type="search"] { padding-left: 2.625rem; }
.c-search--site input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }

/* WordPress core classes that can appear in any content */
.alignleft { float: left; margin: 0 var(--space-6) var(--space-4) 0; }
.alignright { float: right; margin: 0 0 var(--space-4) var(--space-6); }
.aligncenter { display: block; margin-inline: auto; }
@media (max-width: 639.98px) { .alignleft, .alignright { float: none; margin-inline: 0; } }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-size: var(--fs-13); color: var(--color-text-muted); }
.sticky, .bypostauthor { position: relative; }
.page-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-8); font-size: var(--fs-14); }