/* Orbe : compléments à theme.json, chargés sur le site et dans l'éditeur (même rendu partout). */
:root { --orbe-ease: cubic-bezier(.2, .8, .2, 1); }
::selection { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--on-accent); }

/* Titre « Contour accent » : lettres creuses, liseré de la couleur d'accent */
.is-style-outline { color: transparent !important; -webkit-text-stroke: max(1px, .02em) var(--wp--preset--color--accent); }
.is-style-outline mark, .is-style-outline strong { color: var(--wp--preset--color--contrast); -webkit-text-stroke: 0; background: none; }

/* Surtitre : petite capitale mono espacée */
p.is-style-kicker { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--x-small); font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
p.is-style-mono { font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--small); letter-spacing: .04em; color: var(--wp--preset--color--muted); }

/* Bouton contour */
.wp-block-button.is-style-ghost .wp-block-button__link { background: transparent; color: var(--wp--preset--color--contrast); box-shadow: inset 0 0 0 1px var(--wp--preset--color--line); }
.wp-block-button.is-style-ghost .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--accent); box-shadow: inset 0 0 0 1px var(--wp--preset--color--accent); }
.wp-block-button__link { transition: background .25s, color .25s, box-shadow .25s, transform .25s var(--orbe-ease); }
.wp-block-button__link:hover { transform: translateY(-2px); }

/* Groupe « Carte » */
.wp-block-group.is-style-card { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: var(--wp--preset--spacing--40); transition: border-color .3s; }
.wp-block-group.is-style-card:hover { border-color: color-mix(in srgb, var(--wp--preset--color--accent) 50%, var(--wp--preset--color--line)); }

/* Liste « Flèches » */
ul.is-style-arrows { list-style: none; padding-left: 0; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--small); }
ul.is-style-arrows li { padding: .55rem 0; border-bottom: 1px solid var(--wp--preset--color--line); }
ul.is-style-arrows li::before { content: '▸'; color: var(--wp--preset--color--accent); margin-right: .7em; }

/* En-tête collant, flouté */
.orbe-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); background: color-mix(in srgb, var(--wp--preset--color--base) 78%, transparent); border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .orbe-header { top: var(--wp-admin--admin-bar--height, 32px); }

/* Lignes d'articles (liste de blog) */
.orbe-rows .wp-block-post { border-top: 1px solid var(--wp--preset--color--line); padding-block: var(--wp--preset--spacing--40); transition: padding-left .3s var(--orbe-ease); }
.orbe-rows .wp-block-post:hover { padding-left: .75rem; }
.orbe-rows .wp-block-post:last-child { border-bottom: 1px solid var(--wp--preset--color--line); }

/* Cartes de projet (requête) : image puis texte */
.orbe-cards .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; transition: transform .6s var(--orbe-ease); }
.orbe-cards .wp-block-post-featured-image { overflow: hidden; }
.orbe-cards .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.04); }

/* Grand lien d'appel (« TRAVAILLONS ENSEMBLE → ») */
.orbe-cta-link a { color: inherit; text-decoration: none; transition: color .3s; }
.orbe-cta-link a:hover { color: var(--wp--preset--color--accent); }

/* Mot surligné (« Surligner » ou balise mark) dans un titre : mot en contour accent */
:is(h1, h2, h3, .wp-block-heading, .wp-block-post-title) mark { background: none !important; color: transparent !important; -webkit-text-stroke: max(1px, .02em) var(--wp--preset--color--accent); }