/*
Theme Name: L'Atelier 212 Tattoo
Theme URI: https://latelier212.fr/
Author: Atelier 212
Author URI: https://latelier212.fr/
Description: Thème premium, sombre et éditorial pour L'Atelier 212 – Tattoo Studio by MJ.
Version: 2.12.10
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: atelier-212
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: tattoo, portfolio, accessibility-ready, custom-logo, custom-menu, featured-images, translation-ready
*/

/*
 * The visual system lives in assets/css/main.css so the browser can cache it
 * independently from the WordPress theme metadata required in this file.
 */

/* v2.9.0 — portraits équipe et raccourcis fiches */
.artist-card__visual--placeholder img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.artist-card--mj .artist-card__visual--placeholder img{object-position:28% 52%}
.artist-card--marianne .artist-card__visual--placeholder img{object-position:72% 52%}
.guide-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
@media(max-width:720px){.guide-quick-links .button{flex:1 1 calc(50% - 10px);text-align:center}}


/* v2.9.24 — information architecture & premium compact blocks */
.community-priority-grid,.quote-decision-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 34px}.community-priority-card,.quote-decision-flow article{position:relative;padding:28px;border:1px solid rgba(23,20,17,.13);background:linear-gradient(145deg,#fff,#f3eee5);box-shadow:0 18px 45px rgba(18,14,10,.08);overflow:hidden}.community-priority-card--gold{background:linear-gradient(135deg,#c7a45a,#ead9a8);color:#17130e}.community-priority-card>span,.quote-decision-flow span{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.community-priority-card h2,.quote-decision-flow strong{font-family:var(--font-display,Georgia,serif);font-size:clamp(1.35rem,2vw,2rem);line-height:1.05}.quote-decision-flow{grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0}.quote-decision-flow article{padding:22px}.quote-decision-flow p{font-size:.9rem;line-height:1.55;margin:.75rem 0 0}.reward-grid{align-items:stretch}.reward-card{display:flex;flex-direction:column;gap:12px;border-radius:0;transition:transform .2s ease,box-shadow .2s ease}.reward-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.12)}.reward-card__visual{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#3a3020,#0f0f10 58%);color:#d9bb76;border:1px solid rgba(201,166,91,.35);margin:-1px -1px 4px}.reward-card__visual span{font:700 clamp(2rem,4vw,3.4rem)/1 Georgia,serif;letter-spacing:.08em}.reward-card__visual small{position:absolute;opacity:.7;transform:translateY(38px);letter-spacing:.14em}.tattoo-project-card__eyebrow{letter-spacing:.12em}.tattoo-project-card__purchase-note{padding:14px 16px;border-left:3px solid #b89552;background:rgba(184,149,82,.09)}.soft-callout{border-radius:0}.project-guide>div,.booking-type,.info-step{box-shadow:0 12px 30px rgba(20,16,12,.05)}
@media(max-width:900px){.quote-decision-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.community-priority-grid{grid-template-columns:1fr}}@media(max-width:600px){.quote-decision-flow{grid-template-columns:1fr}.community-priority-card,.quote-decision-flow article{padding:20px}.reward-card__visual{aspect-ratio:2/1}}

/* v2.9.25 — Casino 212 economy validated: ranked odds, 5/10/15/20 token stakes, loyalty protections. */

/* v2.11.3 — parcours projets : paiement d'abord, dates ensuite. */
.a212-project-after-payment{margin:28px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(197,158,78,.35);background:linear-gradient(145deg,#111114,#1b1710);color:#f4f1ea;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.a212-project-after-payment h2{margin:.45rem 0 .7rem;font-family:var(--font-display,Georgia,serif);font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.05;font-weight:500}
.a212-project-after-payment p{max-width:62ch;margin:0 0 1.1rem;color:rgba(244,241,234,.76);line-height:1.6}
.a212-project-after-payment .page-actions{margin-top:1rem}
.a212-project-after-payment--compact{padding:22px}
@media(max-width:720px){.a212-project-after-payment{margin:18px 0;padding:20px 16px}.a212-project-after-payment h2{font-size:clamp(1.5rem,7vw,2rem)}.a212-project-after-payment .button{width:100%;justify-content:center;text-align:center}}


/* v2.12.4 — vêtements séparés et Boutique fidélité en préparation. */
.shop-clothing-section{scroll-margin-top:140px;margin-top:clamp(42px,7vw,82px)}
.shop-clothing-section+.shop-clothing-section{padding-top:clamp(34px,6vw,64px);border-top:1px solid rgba(23,20,17,.12)}
.shop-clothing-section .section-heading{max-width:760px;margin-bottom:28px}
@media(max-width:720px){.shop-clothing-section{scroll-margin-top:110px;margin-top:36px}.subpage-nav[aria-label="Vêtements 212"]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.subpage-nav[aria-label="Vêtements 212"]::-webkit-scrollbar{display:none}.subpage-nav[aria-label="Vêtements 212"] a{flex:0 0 auto}}