/* Almada Caparica Live: component styles. Global tokens (colours, fonts, sizes) come from front/theme.json. */

/* ------------------------------------------------------------------
   Tokens
   ------------------------------------------------------------------ */
:root {
	--acl-paper: var(--wp--preset--color--paper);
	--acl-paper-deep: var(--wp--preset--color--paper-deep);
	--acl-ink: var(--wp--preset--color--ink);
	--acl-ink-soft: var(--wp--preset--color--ink-soft);
	--acl-red: var(--wp--preset--color--red);
	--acl-line: var(--wp--preset--color--line);
	--acl-mono: var(--wp--preset--font-family--space-mono);
	--acl-display: var(--wp--preset--font-family--anton);
	--acl-rule: 1px solid var(--acl-ink);
}

::selection { background: var(--acl-red); color: var(--acl-paper); }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

img { height: auto; }

:where(h1, h2, h3, h4) { text-wrap: balance; }
:where(p) { text-wrap: pretty; }

/* Red highlight word inside display headings: <mark class="acl-red"> or <em> */
:where(h1, h2, h3) em,
.acl-red { color: var(--acl-red); font-style: normal; background: none; }

.screen-reader-text:not(:focus) {
	clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; overflow: hidden; position: absolute !important;
}

.skip-link:focus {
	position: fixed; top: 1rem; left: 1rem; z-index: 1000;
	background: var(--acl-ink); color: var(--acl-paper); padding: 0.75rem 1rem;
}

:focus-visible { outline: 2px solid var(--acl-red); outline-offset: 3px; }

/* ------------------------------------------------------------------
   Mono labels: the "● FORECAST" system
   ------------------------------------------------------------------ */
.acl-mono {
	font-family: var(--acl-mono);
	font-size: var(--wp--preset--font-size--label);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Figma "Instagram post": Anton caps in a heavy frame, red dot first. */
.acl-label {
	display: inline-flex; align-items: center; gap: 0.55em;
	font-family: var(--acl-display); font-weight: 400;
	font-size: 1rem; text-transform: uppercase; letter-spacing: 0.01em; line-height: 1;
	padding: 0.4em 0.7em 0.38em 0.6em; border: 2.5px solid currentColor;
	text-decoration: none; color: inherit; white-space: nowrap;
}
.acl-label::before {
	content: ""; width: 0.72em; height: 0.72em; border-radius: 50%;
	background: var(--acl-red); flex: none;
}
/* Dot colour rule: on red the dot turns ink. */
.acl-red-section .acl-label::before { background: var(--acl-ink); }

/* Filter chips stay quiet: mono, thin frame, no dot. */
.acl-chips .acl-label {
	font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label);
	letter-spacing: 0.08em; border-width: 1.5px; padding: 0.45em 0.7em;
}
.acl-label--solid { background: var(--acl-ink); color: var(--acl-paper); border-color: var(--acl-ink); }
a.acl-label:hover { background: var(--acl-ink); color: var(--acl-paper); }

.acl-status {
	display: inline-block; font-family: var(--acl-mono); font-weight: 700;
	font-size: var(--wp--preset--font-size--label); text-transform: uppercase;
	letter-spacing: 0.08em; background: var(--acl-red); color: var(--acl-paper); padding: 0.3em 0.55em;
}

/* Section head: label left, rule across, optional link right */
.acl-section-head {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	margin-block-end: var(--wp--preset--spacing--30);
}
.acl-more {
	font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label);
	text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none; white-space: nowrap;
}
.acl-more::after { content: " →"; }

/* ------------------------------------------------------------------
   Logo (wordmark + tide curve)
   ------------------------------------------------------------------ */
.acl-logo { display: inline-block; color: var(--acl-ink); line-height: 0; }
.acl-logo svg { display: block; height: 76px; width: auto; }
.acl-logo:hover, .acl-logo:focus { color: var(--acl-ink); }
.acl-logo--paper, .acl-footer .acl-logo--paper, .acl-logo--paper:hover { color: var(--acl-paper); }
.acl-logo--large svg { height: clamp(110px, 14vw, 150px); }
@media (max-width: 600px) { .acl-logo svg { height: 52px; } }

/* ------------------------------------------------------------------
   Tide divider: rule, bump with the "now" dot, rule
   ------------------------------------------------------------------ */
.acl-tide {
	display: flex; align-items: flex-end; width: 100%;
	margin-block: var(--wp--preset--spacing--40); color: var(--acl-ink);
}
/* 115px wide => the curve's 19-unit stroke renders at 5px, same as the rules. */
.acl-tide::before, .acl-tide::after { content: ""; flex: 1; border-bottom: 5px solid currentColor; margin-bottom: 0.3px; }
.acl-tide svg { width: 115px; height: auto; flex: none; display: block; }
.acl-tide--paper { color: var(--acl-paper); }

/* Tide mask: the curve bites into the bottom of a photo, like the
   Instagram posts. Only on paper backgrounds (the fill is paper). */
.acl-lead .wp-block-post-featured-image,
.single main > .wp-block-columns .wp-block-post-featured-image,
.single main > .wp-block-post-featured-image,
.single main .wp-block-column > .wp-block-post-featured-image {
	position: relative;
}
.acl-lead .wp-block-post-featured-image::after,
.single main .wp-block-post-featured-image::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
	aspect-ratio: 434 / 92; pointer-events: none;
	background: no-repeat bottom / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 434 92' preserveAspectRatio='none'%3E%3Cpath d='M0 78H79C134 78 168 18 217 18C266 18 300 78 355 78H434V92H0Z' fill='%23F2EFE7'/%3E%3Cpath d='M0 78H79C134 78 168 18 217 18C266 18 300 78 355 78H434' fill='none' stroke='%23151412' stroke-width='7'/%3E%3Ccircle cx='217' cy='18' r='12' fill='%23DA291C'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------
   Header
   ------------------------------------------------------------------ */
.acl-header { border-bottom: var(--acl-rule); background: var(--acl-paper); }
.acl-header__top { border-bottom: 1px solid var(--acl-line); }
.acl-header .wp-block-navigation a { text-decoration: none; }
.acl-header .wp-block-navigation a:hover,
.acl-header .wp-block-navigation .current-menu-item > a { color: var(--acl-red); }
/* Core sets the overlay to white with a higher-specificity selector. */
.acl-header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--acl-paper) !important; color: var(--acl-ink) !important;
	padding: 1.25rem clamp(1rem, 4vw, 2.5rem);
}
.acl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	font-family: var(--acl-display); font-size: 2.5rem; gap: 0.75rem;
}

/* ------------------------------------------------------------------
   Masthead (home)
   ------------------------------------------------------------------ */
.acl-masthead-strip {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem 2rem;
	border-top: var(--acl-rule); border-bottom: var(--acl-rule); padding-block: 0.6rem;
}

/* ------------------------------------------------------------------
   Conditions strip (live forecast)
   ------------------------------------------------------------------ */
.acl-conditions {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
	background: var(--acl-ink); color: var(--acl-paper);
}
.acl-conditions__item {
	padding: 1.1rem 1.25rem; border-left: 1px solid rgba(242, 239, 231, 0.18);
	display: flex; flex-direction: column; gap: 0.35rem;
}
.acl-conditions__item:first-child { border-left: 0; }
.acl-conditions__label { font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label); text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.75; }
.acl-conditions__value { font-family: var(--acl-display); font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1; }
.acl-conditions__sub { font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label); opacity: 0.75; }
.acl-conditions__foot {
	grid-column: 1 / -1; border-top: 1px solid rgba(242, 239, 231, 0.18);
	padding: 0.5rem 1.25rem; font-family: var(--acl-mono); font-size: 0.6875rem;
	text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.65;
	display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}
.acl-conditions__foot a { color: inherit; }
@media (max-width: 640px) {
	.acl-conditions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.acl-conditions__item:nth-child(3) { border-left: 0; }
	.acl-conditions__item:nth-child(n+3) { border-top: 1px solid rgba(242, 239, 231, 0.18); }
}

/* ------------------------------------------------------------------
   Cards (query loops)
   ------------------------------------------------------------------ */
.acl-cards { gap: var(--wp--preset--spacing--30) !important; }
.acl-card {
	height: 100%; display: flex; flex-direction: column; gap: 0.75rem;
	border-top: 4px solid var(--acl-ink); padding-top: 0.9rem;
}
.acl-card .wp-block-post-featured-image { margin: 0; }
.acl-card .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.acl-card .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.acl-card .wp-block-post-title a { text-decoration: none; }
.acl-card .wp-block-post-title a:hover { color: var(--acl-red); }
.acl-card .wp-block-post-excerpt { margin: 0; color: var(--acl-ink-soft); }
.acl-card .wp-block-post-excerpt__more-link { display: none; }
.acl-card__meta {
	display: flex; flex-wrap: wrap; gap: 0.35rem 1rem;
	font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label);
	text-transform: uppercase; letter-spacing: 0.06em; color: var(--acl-ink-soft);
}
.acl-card__meta strong { color: var(--acl-red); font-weight: 700; }

/* Horizontal list item (reports) */
.acl-row { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 1.25rem; padding-block: 1.25rem; border-bottom: 1px solid var(--acl-line); }
.acl-row .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.acl-row .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.acl-row .wp-block-post-title a { text-decoration: none; }
.acl-row .wp-block-post-title a:hover { color: var(--acl-red); }
.acl-row:not(:has(> .wp-block-post-featured-image)) { grid-template-columns: 1fr; }
@media (max-width: 640px) { .acl-row { grid-template-columns: 1fr; } }

/* Lead story */
.acl-lead .wp-block-post-title { font-size: var(--wp--preset--font-size--huge); }
.acl-lead .wp-block-post-title a { text-decoration: none; }
.acl-lead .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter 0.4s; }
.acl-lead:hover .wp-block-post-featured-image img { filter: none; }

/* ------------------------------------------------------------------
   Single: meta tables, boxes, lists
   ------------------------------------------------------------------ */
.acl-meta { display: grid; grid-template-columns: max-content minmax(0, 1fr); margin: 0; border-top: var(--acl-rule); }
.acl-meta dt, .acl-meta dd { margin: 0; padding: 0.7rem 0; border-bottom: 1px solid var(--acl-line); }
.acl-meta dt {
	font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label);
	text-transform: uppercase; letter-spacing: 0.08em; padding-right: 2rem; padding-top: 0.85rem;
}
.acl-meta dd { font-weight: 500; }
.acl-meta a { text-decoration-thickness: 1px; }

.acl-box { background: var(--acl-paper-deep); border-left: 4px solid var(--acl-red); padding: 1.1rem 1.35rem; }
.acl-box > :first-child { margin-top: 0; }
.acl-box > :last-child { margin-bottom: 0; }
.acl-box__title { font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 0.4rem; }
.acl-box--ink { background: var(--acl-ink); color: var(--acl-paper); border-left: 0; }
.acl-box--ink a { color: var(--acl-paper); }

.acl-coords { font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--small); letter-spacing: 0.02em; }

.acl-checklist { list-style: none; padding: 0; margin: 0; }
.acl-checklist li { position: relative; padding: 0.55rem 0 0.55rem 2rem; border-bottom: 1px solid var(--acl-line); }
.acl-checklist li::before {
	content: ""; position: absolute; left: 0; top: 0.75rem; width: 1rem; height: 1rem;
	border: 1.5px solid var(--acl-ink);
}

.acl-linklist { list-style: none; padding: 0; margin: 0; border-top: var(--acl-rule); }
.acl-linklist li { border-bottom: 1px solid var(--acl-line); }
.acl-linklist a { display: flex; justify-content: space-between; gap: 1rem; padding: 0.8rem 0; text-decoration: none; font-weight: 600; }
.acl-linklist a::after { content: "↗"; font-family: var(--acl-mono); }
.acl-linklist a:hover { color: var(--acl-red); }

.acl-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.acl-chips .acl-label::before { display: none; }
.acl-chips .acl-label.is-current { background: var(--acl-ink); color: var(--acl-paper); }

.acl-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.acl-btn {
	display: inline-block; font-family: var(--acl-mono); font-weight: 700; font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase; letter-spacing: 0.06em; text-decoration: none; padding: 0.85rem 1.4rem;
	background: var(--acl-ink); color: var(--acl-paper); border: 1.5px solid var(--acl-ink);
}
.acl-btn:hover, .acl-btn:focus { background: var(--acl-red); border-color: var(--acl-red); color: var(--acl-paper); }
.acl-btn--ghost { background: transparent; color: var(--acl-ink); }
/* Doubled class: must beat section-level link colours (footer, red block). */
.acl-btn.acl-btn--paper { background: var(--acl-paper); color: var(--acl-ink); border-color: var(--acl-paper); }
.acl-btn.acl-btn--paper:hover, .acl-btn.acl-btn--paper:focus { background: var(--acl-red); color: var(--acl-paper); border-color: var(--acl-red); }
.acl-red-section .acl-btn.acl-btn--paper:hover { background: var(--acl-ink); border-color: var(--acl-ink); }

/* Guide content: numbered steps (every h3 inside a guide body) */
.single-guide .wp-block-post-content { counter-reset: acl-step; }
.single-guide .wp-block-post-content h3 { counter-increment: acl-step; display: flex; gap: 0.75rem; align-items: baseline; }
.single-guide .wp-block-post-content h3::before {
	content: counter(acl-step, decimal-leading-zero);
	font-family: var(--acl-mono); font-size: 0.45em; color: var(--acl-red); flex: none; transform: translateY(-0.3em);
}
/* Editors may still type "1. " in the template headings: hide nothing, the counter is decorative. */

.is-style-good-to-know { background: var(--acl-paper-deep); border-left: 4px solid var(--acl-ink); padding: 1rem 1.25rem; }

/* Content typography */
.wp-block-post-content > :where(h2) { font-size: var(--wp--preset--font-size--x-large); margin-top: 2.5rem; }
.wp-block-post-content > :where(h3) { font-size: var(--wp--preset--font-size--large); margin-top: 2rem; }
.wp-block-post-content a { text-decoration-thickness: 1px; text-underline-offset: 0.15em; }

/* ------------------------------------------------------------------
   Agenda list (archive)
   ------------------------------------------------------------------ */
.acl-agenda-item { display: grid; grid-template-columns: 120px minmax(0, 1fr) minmax(0, 240px); gap: 1.5rem; padding-block: 1.5rem; border-bottom: 1px solid var(--acl-line); align-items: start; }
.acl-agenda-item .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.acl-agenda-item:not(:has(> .wp-block-post-featured-image)) { grid-template-columns: 120px minmax(0, 1fr); }
.acl-agenda-item .wp-block-post-title { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.acl-agenda-item .wp-block-post-title a { text-decoration: none; }
.acl-agenda-item .wp-block-post-title a:hover { color: var(--acl-red); }
.acl-datebadge { font-family: var(--acl-display); text-transform: uppercase; line-height: 0.9; }
.acl-datebadge__day { display: block; font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label); letter-spacing: 0.08em; color: var(--acl-red); margin-bottom: 0.3rem; }
.acl-datebadge__num { display: block; font-size: 3.25rem; }
.acl-datebadge__month { display: block; font-size: 1.25rem; }
.acl-datebadge__time { display: block; font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--label); margin-top: 0.4rem; }
@media (max-width: 760px) {
	.acl-agenda-item { grid-template-columns: 80px minmax(0, 1fr); }
	.acl-agenda-item > .wp-block-post-featured-image { grid-column: 1 / -1; grid-row: 1; }
	.acl-datebadge__num { font-size: 2.5rem; }
}

/* ------------------------------------------------------------------
   Blocks of colour
   ------------------------------------------------------------------ */
.acl-ink-section { background: var(--acl-ink); color: var(--acl-paper); }
.acl-ink-section a { color: var(--acl-paper); }
.acl-ink-section .acl-card { border-color: var(--acl-paper); }
.acl-ink-section .acl-card__meta, .acl-ink-section .acl-card .wp-block-post-excerpt { color: rgba(242, 239, 231, 0.75); }
.acl-red-section { background: var(--acl-red); color: var(--acl-paper); }
.acl-red-section a:not(.acl-btn) { color: var(--acl-paper); }
.acl-red-section .acl-btn:not(.acl-btn--paper) { background: var(--acl-ink); border-color: var(--acl-ink); }
.acl-red-section .acl-btn:not(.acl-btn--paper):hover { background: var(--acl-paper); border-color: var(--acl-paper); color: var(--acl-ink); }

/* ------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------ */
/* Colour blocks run edge to edge: no root block gap around them. */
.wp-site-blocks > footer,
.wp-site-blocks > main:has(> .acl-red-section:last-child) + footer { margin-block-start: 0; }
main > .acl-red-section:last-child { margin-bottom: 0; }
.acl-footer { background: var(--acl-ink); color: var(--acl-paper); }
.acl-footer a { color: var(--acl-paper); text-decoration: none; }
.acl-footer a:hover { color: var(--acl-red); }
.acl-footer .wp-block-navigation { color: var(--acl-paper); }
.acl-partners { display: flex; flex-wrap: wrap; gap: 0.5rem 1.75rem; align-items: baseline; }
.acl-partners span { font-family: var(--acl-display); font-size: 1.35rem; text-transform: uppercase; }
.acl-social { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }

/* ------------------------------------------------------------------
   Utilities
   ------------------------------------------------------------------ */
.acl-rule-top { border-top: var(--acl-rule); padding-top: var(--wp--preset--spacing--20); }
.acl-sticky { position: sticky; top: 1.5rem; }
@media (max-width: 781px) { .acl-sticky { position: static; } }
.acl-empty { font-family: var(--acl-mono); font-size: var(--wp--preset--font-size--small); color: var(--acl-ink-soft); }

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

/* ------------------------------------------------------------------
   Cookie banner (CookieAdmin). The plugin sets colours inline, hence
   !important. Accept and Reject get equal weight (GDPR good practice).
   ------------------------------------------------------------------ */
.cookieadmin_law_container .cookieadmin_consent_inside,
.cookieadmin_cookie_modal {
	background: var(--acl-paper) !important;
	border: 2.5px solid var(--acl-ink) !important;
	border-radius: 0 !important;
	box-shadow: 8px 8px 0 var(--acl-ink) !important;
	color: var(--acl-ink) !important;
	font-family: var(--wp--preset--font-family--archivo) !important;
}
.cookieadmin_law_container.cookieadmin_box { max-width: 420px; }
.cookieadmin_law_container #cookieadmin_notice_title,
.cookieadmin_cookie_modal .cookieadmin_preference_title {
	display: flex !important; align-items: center; gap: 0.5em;
	font-family: var(--acl-display) !important; font-weight: 400 !important;
	font-size: 1.5rem !important; line-height: 1 !important; text-transform: uppercase;
	color: var(--acl-ink) !important; margin: 0 0 0.75rem !important;
}
.cookieadmin_law_container #cookieadmin_notice_title::before {
	content: ""; width: 0.55em; height: 0.55em; border-radius: 50%; background: var(--acl-red); flex: none;
}
.cookieadmin_law_container #cookieadmin_notice,
.cookieadmin_cookie_modal .cookieadmin_preference,
.cookieadmin_cookie_modal .cookieadmin_desc {
	color: var(--acl-ink) !important; font-size: 0.9375rem !important; line-height: 1.5 !important;
}
.cookieadmin_law_container .cookieadmin_consent_btns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 0.5rem !important; }
.cookieadmin_law_container .cookieadmin_consent_btns .cookieadmin_btn { width: 100%; margin: 0 !important; }
.cookieadmin_law_container .cookieadmin_customize_btn { grid-column: 1 / -1; order: 3; }
.cookieadmin_cookie_modal .cookieadmin_modal_footer { gap: 0.5rem !important; }
.cookieadmin_law_container .cookieadmin_btn,
.cookieadmin_cookie_modal .cookieadmin_btn {
	font-family: var(--acl-mono) !important; font-weight: 700 !important; font-size: 0.75rem !important;
	text-transform: uppercase !important; letter-spacing: 0.06em !important;
	border-radius: 0 !important; border: 1.5px solid var(--acl-ink) !important;
	padding: 0.8rem 1rem !important; min-height: 44px; box-shadow: none !important;
	background: transparent !important; color: var(--acl-ink) !important;
	transition: background-color 0.15s, color 0.15s;
}
.cookieadmin_law_container .cookieadmin_accept_btn,
.cookieadmin_law_container .cookieadmin_reject_btn,
.cookieadmin_cookie_modal .cookieadmin_accept_btn {
	background: var(--acl-ink) !important; color: var(--acl-paper) !important;
}
.cookieadmin_law_container .cookieadmin_customize_btn {
	border-color: transparent !important; text-decoration: underline !important; text-underline-offset: 0.2em;
}
.cookieadmin_law_container .cookieadmin_btn:hover,
.cookieadmin_law_container .cookieadmin_btn:focus-visible,
.cookieadmin_cookie_modal .cookieadmin_btn:hover,
.cookieadmin_cookie_modal .cookieadmin_btn:focus-visible {
	background: var(--acl-red) !important; border-color: var(--acl-red) !important; color: var(--acl-paper) !important;
	text-decoration: none !important;
}
.cookieadmin_cookie_modal .cookieadmin_types { border-color: var(--acl-line) !important; }
.cookieadmin_cookie_modal .stitle {
	font-family: var(--acl-mono) !important; font-weight: 700 !important; font-size: 0.8125rem !important;
	text-transform: uppercase; letter-spacing: 0.06em; color: var(--acl-ink) !important;
}
.cookieadmin_cookie_modal .cookieadmin_remark { font-family: var(--acl-mono) !important; font-size: 0.6875rem !important; }
.cookieadmin_cookie_modal .cookieadmin_slider { background: var(--acl-line) !important; }
.cookieadmin_cookie_modal input:checked + .cookieadmin_slider { background: var(--acl-ink) !important; }
.cookieadmin_cookie_modal .cookieadmin_close_pref { color: var(--acl-ink) !important; font-size: 1.1rem; }
.cookieadmin_modal_overlay { background: rgba(21, 20, 18, 0.55) !important; }
.cookieadmin-poweredby { display: none !important; }
.cookieadmin_re_consent { border-radius: 0 !important; background: var(--acl-ink) !important; }

@media (max-width: 600px) {
	.cookieadmin_law_container.cookieadmin_box {
		left: 0.75rem !important; right: 0.75rem !important; bottom: 0.75rem !important;
		width: auto !important; max-width: none;
	}
	.cookieadmin_law_container .cookieadmin_consent_inside { box-shadow: 5px 5px 0 var(--acl-ink) !important; }
}

/* ------------------------------------------------------------------
   Mobile UX
   ------------------------------------------------------------------ */

/* Whole card is the tap target (title link stretched over the card). */
.acl-card, .acl-row, .acl-agenda-item { position: relative; }
.acl-card .wp-block-post-title a::after,
.acl-row .wp-block-post-title a::after,
.acl-agenda-item .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }

/* No iOS zoom on focus. */
.wp-block-search__input { font-size: 16px; }

@media (max-width: 781px) {
	.acl-hide-mobile { display: none; }

	/* Compact header: one strip line, smaller paddings. */
	.acl-header__top .acl-mono { font-size: 0.6875rem; padding: 0.4rem 0 !important; }
	.acl-header > .wp-block-group:not(.acl-header__top) { padding-top: 0.6rem !important; padding-bottom: 0.6rem !important; }

	/* Menu button and overlay: 44px targets, big Anton links. */
	.wp-block-navigation__responsive-container-open,
	.wp-block-navigation__responsive-container-close { padding: 10px; margin: -10px; }
	.wp-block-navigation__responsive-container-open svg,
	.wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
	.acl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding-block: 0.35rem; }
	.acl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.acl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: stretch !important; width: 100%; margin-top: 2.5rem; }
	.acl-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border-bottom: 1px solid var(--acl-line); width: 100%; align-items: flex-start !important; text-align: left; }

	/* Small links get a 44px tap area without changing the look. */
	.acl-more, .acl-footer .wp-block-navigation-item__content, .acl-social a, .acl-chips .acl-label {
		display: inline-flex; align-items: center; min-height: 44px;
	}
	.acl-chips .acl-label { min-height: 40px; }
	.acl-footer .wp-block-navigation { --wp--style--block-gap: 0.1rem; }

	.acl-masthead-strip { padding-block: 0.45rem; }
	.acl-conditions__foot { font-size: 0.75rem; }

	/* Guides: "What to bring" and official links before the steps. */
	.single-guide main > .wp-block-columns > .wp-block-column:last-child { order: -1; }

	/* Events: tickets / calendar always within thumb reach. */
	.single-event .acl-actions {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
		display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0.5rem;
		padding: 0.75rem clamp(1rem, 4vw, 2.5rem) calc(0.75rem + env(safe-area-inset-bottom));
		background: var(--acl-paper); border-top: var(--acl-rule);
	}
	.single-event .acl-actions .acl-btn { text-align: center; padding-inline: 0.5rem; font-size: 0.75rem; letter-spacing: 0.03em; }
	.single-event .acl-footer { padding-bottom: 6rem !important; }
}

/* Breathing room (16/10): no rule beside section labels, more air around sections and cards. */
.acl-section-head { justify-content: space-between; margin-block-end: 1.5rem !important; }
.acl-section-head::after { content: none !important; display: none !important; }
.acl-section-head + .wp-block-heading { margin-top: 0; margin-bottom: var(--wp--preset--spacing--40) !important; }
.acl-tide { margin-block: var(--wp--preset--spacing--50); }
.acl-cards { row-gap: var(--wp--preset--spacing--40) !important; }
.acl-card { gap: 1rem; padding-top: 1.25rem; }
.acl-card__meta { row-gap: 0.5rem; }
.acl-row { padding-block: 1.75rem; gap: 1.75rem; }
.acl-agenda-item { padding-block: 2rem; }
.acl-ink-section, .acl-red-section { padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
@media (max-width: 781px) {
	.acl-tide { margin-block: var(--wp--preset--spacing--40); }
	.acl-cards { row-gap: var(--wp--preset--spacing--40) !important; }
}

/* UX pass (16/10): tags on list images, shorter images, air around the tide. */
.wp-block-post-featured-image:has(.acl-img-tags) { position: relative; }
.acl-img-tags {
	position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2;
	display: flex; flex-wrap: wrap; gap: 0.35rem; max-width: calc(100% - 1.5rem); pointer-events: none;
}
.acl-img-tags span {
	display: inline-flex; align-items: center; gap: 0.4em;
	background: var(--acl-paper); color: var(--acl-ink);
	font-family: var(--acl-mono); font-weight: 700; font-size: 0.6875rem; line-height: 1;
	text-transform: uppercase; letter-spacing: 0.08em;
	padding: 0.45em 0.6em; border: 1.5px solid var(--acl-ink);
}
.acl-img-tags span:first-child::before {
	content: ""; width: 0.6em; height: 0.6em; border-radius: 50%; background: var(--acl-red); flex: none;
}

/* Shorter list images: image, date and title fit on one screen. */
.acl-card .wp-block-post-featured-image img,
.acl-row .wp-block-post-featured-image img,
.acl-agenda-item .wp-block-post-featured-image img { aspect-ratio: 3 / 2; }
.acl-card .wp-block-post-featured-image { max-height: 280px; overflow: hidden; }
.acl-card .wp-block-post-featured-image img { height: 100%; max-height: 280px; }

/* The tide divider never touches its neighbours (beats the zero block gap of main). */
.wp-site-blocks .acl-tide { margin-block: clamp(2.5rem, 6vw, 4.5rem) !important; }
.wp-site-blocks .acl-tide + .acl-section-head,
.wp-site-blocks .acl-tide + section,
.wp-site-blocks .acl-tide + .wp-block-group { margin-top: 0 !important; }
.acl-card { padding-top: 1.5rem; }

/* ------------------------------------------------------------------
   Home sliders (16/10): horizontal scroll-snap lists + prev/next.
   ------------------------------------------------------------------ */
.acl-slider {
	--acl-slide-gap: clamp(1.25rem, 2.5vw, 2rem);
	display: grid !important; grid-template-columns: none !important;
	grid-auto-flow: column; grid-auto-columns: calc((100% - 2 * var(--acl-slide-gap)) / 3);
	column-gap: var(--acl-slide-gap) !important; row-gap: 0 !important;
	overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
	scrollbar-width: none; padding-bottom: 2px;
}
.acl-slider::-webkit-scrollbar { display: none; }
.acl-slider > li { scroll-snap-align: start; min-width: 0; }
.acl-slider:focus-visible { outline: 2px solid var(--acl-red); outline-offset: 6px; }
@media (max-width: 1100px) { .acl-slider { grid-auto-columns: calc((100% - var(--acl-slide-gap)) / 2); } }
@media (max-width: 781px) { .acl-slider { grid-auto-columns: 82%; --acl-slide-gap: 1rem; } }
@media (prefers-reduced-motion: no-preference) { .acl-slider { scroll-behavior: smooth; } }

.acl-section-head .acl-slider-nav { display: flex; gap: 0.5rem; margin-left: auto; }
.acl-section-head .acl-slider-nav + .acl-more { margin-left: 1.25rem; }
.acl-slider-nav[hidden] { display: none !important; }
.acl-slider-btn {
	width: 44px; height: 44px; display: inline-grid; place-items: center; padding: 0; cursor: pointer;
	font-family: var(--acl-mono); font-size: 1.1rem; line-height: 1;
	background: var(--acl-paper); color: var(--acl-ink); border: 2px solid var(--acl-ink); border-radius: 0;
	transition: background-color 0.15s, color 0.15s, opacity 0.15s;
}
.acl-slider-btn:hover:not(:disabled), .acl-slider-btn:focus-visible { background: var(--acl-ink); color: var(--acl-paper); }
.acl-slider-btn:disabled { opacity: 0.3; cursor: default; }
.acl-ink-section .acl-slider-btn { background: transparent; color: var(--acl-paper); border-color: var(--acl-paper); }
.acl-ink-section .acl-slider-btn:hover:not(:disabled) { background: var(--acl-paper); color: var(--acl-ink); }
@media (max-width: 781px) { .acl-section-head .acl-slider-nav { display: none; } }

/* Tighter cards: photo, date and title read as one block. */
.acl-card { gap: 0.6rem; padding-top: 1.25rem; }
.acl-card .wp-block-post-featured-image { margin-bottom: 0.4rem !important; }
.acl-card .acl-card__meta { margin: 0 !important; }
.acl-card .wp-block-post-title { margin: 0 !important; }
.acl-card .wp-block-post-excerpt { margin: 0.2rem 0 0 !important; }
.acl-card .wp-block-post-excerpt__excerpt { margin: 0; }