/*
Theme Name: Baranka
Theme URI: https://baranka.ch
Author: Baranka
Description: Thème institutionnel du grand jeu scout Baranka. Thème de blocs sobre : palette océan / laiton, typographie Inter auto-hébergée, en-tête et pied de page éditables dans l'éditeur de site.
Version: 1.2.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baranka
*/

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(a, button, input, textarea, select):focus-visible {
	outline: 2px solid var(--wp--preset--color--brass);
	outline-offset: 3px;
}
img { height: auto; }

/* Full-width sections stack edge to edge (no white strips between bands) */
.wp-site-blocks > * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }

/* Full-width covers keep the same side gutter as the header */
.wp-block-cover.alignfull {
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}

/* ---------- Header ---------- */
.bk-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .bk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .bk-header { top: 0; } }
.bk-header .bk-logo img { display: block; height: 60px; width: auto; }
.bk-header .wp-block-navigation a:hover { color: var(--wp--preset--color--brass-light); }
.bk-header .wp-block-navigation .current-menu-item > a,
.bk-header .wp-block-navigation a[aria-current="page"] {
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--brass);
}
.bk-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--abyss) !important;
	color: var(--wp--preset--color--paper) !important;
}

/* ---------- Eyebrow / kicker ---------- */
.is-style-eyebrow {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 600;
	color: var(--wp--preset--color--brass-dark);
}
.has-abyss-background-color .is-style-eyebrow,
.wp-block-cover .is-style-eyebrow { color: var(--wp--preset--color--brass-light); }

/* ---------- Cards ---------- */
.is-style-card {
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 6px;
	transition: box-shadow .2s ease, transform .2s ease;
}
.is-style-card:hover { box-shadow: 0 10px 30px rgba(11, 28, 38, .08); transform: translateY(-2px); }
.is-style-card .wp-block-image img { border-radius: 4px; }

/* ---------- Key figures ---------- */
.bk-figure .bk-figure-number {
	font-size: clamp(2.25rem, 4vw, 3.25rem);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1;
	color: var(--wp--preset--color--abyss);
	margin-bottom: .35rem;
}
.bk-figure { border-top: 2px solid var(--wp--preset--color--brass); padding-top: 1rem; }

/* ---------- Timeline ---------- */
.bk-timeline > .wp-block-group { position: relative; }
.bk-timeline .bk-year {
	font-weight: 800;
	color: var(--wp--preset--color--brass-dark);
	font-variant-numeric: tabular-nums;
}
@media (min-width: 782px) {
	.bk-timeline > .wp-block-columns { border-left: 2px solid var(--wp--preset--color--line); padding-left: 2rem; }
}

/* ---------- Buttons ---------- */
.wp-block-button__link { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--brass-light) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, .1);
}

/* ---------- Press list ---------- */
.bk-press { list-style: none; padding: 0; margin: 0; }
.bk-press li { padding: 1rem 0; border-bottom: 1px solid var(--wp--preset--color--line); }
.bk-press li a { font-weight: 600; text-decoration: none; }
.bk-press li a:hover { text-decoration: underline; }

/* ---------- Contact Form 7 ---------- */
.wpcf7 label { display: block; font-weight: 600; font-size: .95rem; }
.wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 textarea, .wpcf7 select {
	width: 100%; box-sizing: border-box;
	padding: .75rem .9rem; margin-top: .35rem;
	border: 1px solid var(--wp--preset--color--line); border-radius: 4px;
	font: inherit; background: var(--wp--preset--color--paper);
}
.wpcf7 input:focus, .wpcf7 textarea:focus { border-color: var(--wp--preset--color--ocean); outline: none; box-shadow: 0 0 0 3px rgba(201, 151, 63, .25); }
.wpcf7 input[type="submit"] {
	background: var(--wp--preset--color--abyss); color: var(--wp--preset--color--paper);
	border: 0; border-radius: 4px; padding: .85rem 1.6rem; font: inherit; font-weight: 600; cursor: pointer;
}
.wpcf7 input[type="submit"]:hover { background: var(--wp--preset--color--ocean); }

/* ---------- Photo Gallery plugin: calm its chrome ---------- */
.bwg_container, .bwg-container { font-family: inherit !important; }

/* ---------- Footer ---------- */
.bk-footer a { text-decoration: none; }
.bk-footer a:hover { text-decoration: underline; }
.bk-footer .bk-logo img { height: 72px; width: auto; }

/* ---------- Countdown ---------- */
.bk-countdown { display: flex; flex-wrap: wrap; gap: .75rem; margin: var(--wp--preset--spacing--40) 0 0; }
.bk-countdown__unit {
	min-width: 5.25rem; padding: .75rem .9rem .65rem;
	border: 1px solid rgba(255, 255, 255, .28); border-radius: 6px;
	background: rgba(11, 28, 38, .35); backdrop-filter: blur(4px);
	text-align: center;
}
.bk-countdown__num {
	display: block; font-size: clamp(1.75rem, 3.2vw, 2.5rem); font-weight: 800; line-height: 1.05;
	letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--paper);
}
.bk-countdown__label {
	display: block; margin-top: .3rem; font-size: .72rem; font-weight: 600;
	letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--brass-light);
}
.bk-countdown__live { font-size: var(--wp--preset--font-size--large); font-weight: 700; color: var(--wp--preset--color--brass-light); }
@media (max-width: 480px) {
	.bk-countdown { gap: .5rem; }
	.bk-countdown__unit { min-width: 0; flex: 1 1 0; padding: .6rem .4rem; }
}