﻿/* Sélecteur de forfaits type WooCommerce Variation Swatches */
.service-package-swatches { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1rem; }
.service-package-swatch { position: relative; cursor: pointer; border: 2px solid #e8e8e8; border-radius: 8px; padding: 10px 14px; min-width: 110px; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; background: #fff; }
.service-package-swatch input { position: absolute; opacity: 0; pointer-events: none; }
.service-package-swatch.is-active, .service-package-swatch:has(input:checked) { border-color: var(--tg-theme-primary, #5751e1); box-shadow: 0 0 0 1px var(--tg-theme-primary, #5751e1); }
.service-package-swatch .swatch-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-bottom: 6px; }
.swatch-standard .swatch-dot, .swatch-default .swatch-dot { background: #22c55e; }
.swatch-urgent .swatch-dot { background: #f59e0b; }
.swatch-very-urgent .swatch-dot { background: #ef4444; }
.service-package-swatch .swatch-label { display: block; font-weight: 600; font-size: 13px; line-height: 1.2; }
.service-package-swatch .swatch-price { display: block; font-size: 12px; color: #666; margin-top: 4px; }
.service-extra-swatches .service-extra-item { border: 1px solid #eee; border-radius: 6px; padding: 8px 12px; margin-bottom: 8px; }
.service-extra-swatches .service-extra-item:has(input:checked) { border-color: var(--tg-theme-primary, #5751e1); background: rgba(87, 81, 225, 0.04); }
.services__details-sidebar .service-meta-icon { width: 20px; height: 20px; flex-shrink: 0; }
