/* Bradford 1932 : ce que theme.json ne sait pas dire.
   Direction « USA 1932 », old school : gris patiné grainé, encre anthracite et rouge brique passé
   comme une impression deux couleurs, laiton vieilli pour les accents, Futura (Jost) pour la réclame, une écriture pour la signature, Caslon pour le texte.
   Les détails du sujet : pointillés de catalogue jusqu'au prix, trame de points, filets doubles
   de manchette. */

:root {
	--trame: radial-gradient(rgba(38, 41, 44, .1) 1px, transparent 1.3px);
	/* La patine : un grain fin, comme une tôle peinte qui a vécu. */
	--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .15 0 0 0 0 .16 0 0 0 0 .17 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.16'/%3E%3C/svg%3E");
}
body { background-image: var(--grain); background-size: 220px 220px; }

/* Pas d'espace entre l'en-tête, le contenu et le pied. */
.wp-site-blocks > * { margin-block-start: 0; }

/* ---- En-tête : une manchette, filet double en pied. ---- */
header.wp-block-template-part {
	position: sticky;
	top: env(safe-area-inset-top, 0px);
	z-index: 50;
}
.a1932-barre {
	background: var(--wp--preset--color--papier) var(--grain);
	background-size: 220px 220px;
	border-bottom: 4px double var(--wp--preset--color--encre);
	padding-block: .45rem;
}
.a1932-marque {
	display: inline-flex;
	align-items: baseline;
	gap: .35rem;
	color: var(--wp--preset--color--encre);
	text-decoration: none;
	white-space: nowrap;
	line-height: 1;
}
.a1932-script {
	font-family: var(--wp--preset--font-family--script);
	font-size: 1.85rem;
	color: var(--wp--preset--color--rouge);
	transform: rotate(-4deg);
	display: inline-block;
}
.a1932-marque b {
	font-family: var(--wp--preset--font-family--reclame);
	font-weight: 900;
	font-size: 1.15rem;
	letter-spacing: .14em;
}
.a1932-nav { display: flex; gap: 1.8rem; }
.a1932-nav a, .a1932-langues a {
	font-family: var(--wp--preset--font-family--reclame);
	font-weight: 600;
	font-size: .78rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--encre);
	text-decoration: none;
}
.a1932-nav a:hover { color: var(--wp--preset--color--rouge); }
.a1932-langues { display: flex; gap: .6rem; }
.a1932-langues a { opacity: .4; letter-spacing: .1em; }
.a1932-langues a[aria-current], .a1932-langues a:hover { opacity: 1; }
@media (max-width: 640px) {
	.a1932-nav { display: none; }
}

/* ---- Pied : à l'encre, filets moutarde. ---- */
.a1932-pied-bloc .a1932-marque { color: var(--wp--preset--color--papier); }
.a1932-pied-bloc .a1932-script { color: var(--wp--preset--color--moutarde); }
.a1932-pied .wp-block-column { border-top: 1px solid rgba(168, 133, 61, .6); padding-top: .9rem; }
.a1932-pied p { color: #c9c5bc; max-width: 42ch; font-style: italic; }

/* ---- Lignes de catalogue : libellé, pointillés, prix. ---- */
.ligne-catalogue { display: flex; align-items: baseline; gap: 0; text-decoration: none; color: inherit; }
.ligne-catalogue > span { font-style: italic; }
.ligne-catalogue > i { flex: 1; min-width: 1.5rem; border-bottom: 2px dotted currentColor; opacity: .5; margin: 0 .45em .28em; }
.ligne-catalogue > b { font-family: var(--wp--preset--font-family--reclame); font-weight: 700; color: var(--wp--preset--color--rouge); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---- Grilles de produits : planches de catalogue. ---- */
.wc-block-product .wc-block-components-product-image,
.wc-block-product-template .wp-block-woocommerce-product-image {
	background-color: var(--wp--preset--color--papier-fonce);
	background-image: var(--trame);
	background-size: 5px 5px;
	border: 1px solid var(--wp--preset--color--encre);
	border-radius: 2px;
	overflow: hidden;
}
.wc-block-product .wc-block-components-product-image img { object-fit: contain !important; aspect-ratio: 4 / 5 !important; padding: 10%; box-sizing: border-box; }
.wc-block-product .wp-block-post-title { font-family: var(--wp--preset--font-family--reclame); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: 1rem !important; }
.wc-block-product .wp-block-post-title a { text-decoration: none; }

/* Fiche produit : la photo détourée sur une planche aussi, avec de l'air autour. */
.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__image img { padding: 9%; box-sizing: border-box; }
.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__wrapper {
	background-color: var(--wp--preset--color--papier-fonce);
	background-image: var(--trame);
	background-size: 5px 5px;
	border: 1px solid var(--wp--preset--color--encre);
}

/* ---- Choix de l'insert sur la fiche (plugin atelier1932-catalogue). ---- */
.a1932-inserts { border: 0; padding: 0; margin: 0 0 1.25rem; display: grid; gap: .5rem; }
.a1932-inserts legend {
	font-family: var(--wp--preset--font-family--reclame);
	font-weight: 600; font-size: .75rem; letter-spacing: .16em; text-transform: uppercase;
	margin-bottom: .5rem;
}
.a1932-inserts label {
	display: flex; gap: .75rem; align-items: center;
	border: 1px solid var(--wp--preset--color--filet); border-radius: 2px;
	padding: .75rem .95rem; cursor: pointer; background: rgba(255, 255, 255, .35);
	transition: border-color .15s;
}
.a1932-inserts label:has(input:checked) { border-color: var(--wp--preset--color--rouge); box-shadow: inset 0 0 0 1px var(--wp--preset--color--rouge); background: rgba(255, 255, 255, .6); }
.a1932-inserts label:focus-within { outline: 2px solid var(--wp--preset--color--moutarde); outline-offset: 2px; }
.a1932-inserts input { accent-color: var(--wp--preset--color--rouge); }
.a1932-inserts .prix { margin-left: auto; font-family: var(--wp--preset--font-family--reclame); font-weight: 600; font-size: .9rem; white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ---- Pied : moyens de paiement et pages légales. ---- */
.a1932-paiements { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .9rem 1.1rem; align-items: center; color: var(--wp--preset--color--papier); }
.a1932-paiements li { display: grid; place-items: center; height: 2.2rem; opacity: .9; }
.a1932-paiements svg { height: 2.2rem; width: auto; }
.a1932-paiement-lettres {
	font-family: var(--wp--preset--font-family--reclame);
	font-weight: 800; font-size: .7rem; letter-spacing: .08em;
	border: 1.5px solid currentColor; border-radius: 4px; padding: .12rem .4rem;
}
.a1932-liens-legaux { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.a1932-liens-legaux a { color: #c9c5bc; text-decoration-color: rgba(168, 133, 61, .6); text-underline-offset: 3px; }
.a1932-liens-legaux a:hover { color: var(--wp--preset--color--papier); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* Panier : pas d'extrait de la description sous le nom, seulement les options de la ligne. */
.wc-block-components-product-metadata__description { display: none; }

/* Fiche produit : un seul onglet (la description, sans avis) : pas de barre d'onglets. */
.wp-block-woocommerce-product-details ul.tabs.wc-tabs { display: none; }
.wp-block-woocommerce-product-details .woocommerce-Tabs-panel { padding-top: 0; border: 0; }