/**
 * park-ui.css — Composants UI partagés — Abracadaparc
 *
 * Classes réutilisables dans tous les templates produits :
 *   .park-qty     → sélecteur de quantité  [○−  num  ○+]
 *   .quantity-btn → boutons − / + à l'intérieur de .park-qty
 *   .qty-input    → champ nombre à l'intérieur de .park-qty
 *   .park-btn     → bouton d'action principal (vert pill)
 */

/* ============================================================
   RESET LAYOUT WooCommerce
   Masque la div .entry-summary vide laissée par WC sur toutes
   les pages produit avec template personnalisé (corps abrc-*-page)
   ============================================================ */
body[class*="abrc-"][class*="-page"] .entry-summary { display: none !important; }

/* ============================================================
   VARIABLES (fallback si Elementor non disponible)
   ============================================================ */
:root {
	--abrc-green      : var(--e-global-color-8d0ec35, #3C9F7B);
	--abrc-green-dark : #2d7c5f;
}

/* ============================================================
   QUANTITY SELECTOR  ○−   num   ○+
   Boutons cercles individuels, champ au centre
   .park-qty  → input type=number  (billet, atelier, menu anniv)
   .qty-ctrl  → span affichée via JS (anniv, night, escape)
   ============================================================ */
.park-qty,
.qty-ctrl {
	display     : flex;
	align-items : center;
	gap         : 10px;
	justify-content: space-between;
}

.park-qty .quantity-btn,
.qty-ctrl button {
	width           : 40px;
	height          : 40px;
	flex-shrink     : 0;
	background      : #f1f1f1;
	border          : 1px solid #ddd;
	border-radius   : 50%;
	color           : var(--abrc-green);
	font-size       : 22px;
	font-weight     : 700;
	line-height     : 1;
	cursor          : pointer;
	display         : flex;
	align-items     : center;
	justify-content : center;
	transition      : background 0.2s, color 0.2s, border-color 0.2s;
	padding         : 0;
	box-shadow      : none;
	user-select     : none;
}

.park-qty .quantity-btn:hover:not(:disabled),
.qty-ctrl button:hover:not(:disabled) {
	background   : var(--abrc-green-dark);
	border-color : var(--abrc-green-dark);
	color        : #fff;
}

.park-qty .quantity-btn:disabled,
.qty-ctrl button:disabled {
	opacity : 0.35;
	cursor  : not-allowed;
}

.park-qty .qty-input {
	width            : 60px;
	text-align       : center;
	font-size        : 18px;
	font-weight      : 700;
	color            : #222;
	background       : #fff;
	border           : 1px solid #ddd;
	border-radius    : 6px;
	padding          : 8px 4px;
	box-shadow       : none;
	outline          : none;
	-moz-appearance  : textfield;
}

.park-qty .qty-input::-webkit-outer-spin-button,
.park-qty .qty-input::-webkit-inner-spin-button {
	-webkit-appearance : none;
	margin             : 0;
}

/* Valeur affichée dans .qty-ctrl (span, pas input) */
.qty-ctrl .qty-val {
	min-width   : 40px;
	text-align  : center;
	font-size   : 18px;
	font-weight : 700;
	color       : #222;
}

/* ============================================================
   BOUTON PRINCIPAL  .park-btn  (pill vert)
   ============================================================ */
.park-btn {
	display        : block;
	width          : 100%;
	height         : 50px;
	line-height    : 50px;
	padding        : 0 24px;
	background     : var(--abrc-green);
	color          : #fff !important;
	font-size      : 17px;
	font-weight    : 700;
	letter-spacing : .03em;
	border         : 2px solid var(--abrc-green);
	border-radius  : 30px;
	cursor         : pointer;
	text-align     : center;
	transition     : background 0.25s, border-color 0.25s;
	box-sizing     : border-box;
}

.park-btn:hover:not(:disabled) {
	background     : var(--abrc-green-dark) !important;
	border-color   : var(--abrc-green-dark) !important;
	color          : #fff !important;
}

.park-btn:disabled,
.park-btn[disabled] {
	opacity : 0.5;
	cursor  : not-allowed;
}

/* ── Bouton retour ──────────────────────────────────────── */
.abrc-back-btn {
	display        : inline-flex;
	align-items    : center;
	gap            : 4px;
	font-size      : 14px;
	font-weight    : 600;
	color          : #374151;
	text-decoration: none;
	padding-top    : 20px;
	padding-bottom : 0;
	margin-bottom  : 12px;
	transition     : color .15s;
}
.abrc-back-btn:hover {
	color          : var(--e-global-color-8d0ec35, #029671);
}