/* Planches parcellaires 3D : légende et commandes de lumière.
   Couche de présentation commune aux 96 planches (moteur partagé, Pavie, Pichon
   Baron). Tout est sous #vineyard-scene.vine-ui : la classe est posée par
   parcel-board-ui.js, sans elle l'ancien rendu reste intact. */

/* --- mode Cépages / Sols : contrôle segmenté */
#vineyard-scene.vine-ui .vine-modes{display:inline-flex;flex-wrap:nowrap;gap:4px;padding:4px;border:1px solid rgba(223,219,210,.16);border-radius:999px;background:rgba(223,219,210,.04)}
#vineyard-scene.vine-ui .vine-modes .pg-btn{min-height:34px;padding:6px 18px;border:0;background:transparent;color:var(--pg-beige);transition:background .2s,color .2s}
#vineyard-scene.vine-ui .vine-modes .pg-btn:hover:not(:disabled){color:#fff}
#vineyard-scene.vine-ui .vine-modes button[aria-pressed="true"]{background:var(--pg-or);color:#fff4d7;box-shadow:0 2px 10px rgba(155,96,26,.4)}

/* --- panneau latéral : titres de section et légende */
#vineyard-scene.vine-ui .vine-layout{grid-template-columns:minmax(0,1fr) 268px;gap:26px}
#vineyard-scene.vine-ui .vine-panel{padding-left:24px;max-height:none;overflow:visible}
#vineyard-scene.vine-ui .vine-panel h3{display:flex;align-items:center;gap:12px;margin:22px 0 12px;font-size:11px}
#vineyard-scene.vine-ui .vine-panel h3:first-child{margin-top:0}
#vineyard-scene.vine-ui .vine-panel h3::after{content:"";flex:1;height:1px;background:rgba(223,219,210,.14)}
#vineyard-scene.vine-ui .vine-key{gap:2px}
#vineyard-scene.vine-ui .vine-key li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;column-gap:11px;row-gap:6px;align-items:center;margin:0 -9px;padding:6px 9px;border-radius:10px;font:400 13px/1.3 Nunito,'Lexend',sans-serif;color:var(--pg-cream);transition:background .18s}
#vineyard-scene.vine-ui .vine-key li:hover{background:rgba(223,219,210,.07)}
#vineyard-scene.vine-ui .vine-key i{width:14px;height:14px;margin:0;border:0;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 0 3px rgba(0,0,0,.14)}
#vineyard-scene.vine-ui .vine-key b{font:500 11px 'Lexend Exa',sans-serif;letter-spacing:.03em;color:var(--pg-beige);opacity:.85;font-variant-numeric:tabular-nums}
#vineyard-scene.vine-ui .vine-key li[style*="--p"]::after{content:"";grid-column:2/-1;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--c) calc(var(--p)*1%),rgba(223,219,210,.12) 0)}
#vineyard-scene.vine-ui #vine-altitude-range{font:400 22px/1.2 Forum,serif;letter-spacing:.01em;margin:0 0 6px}

/* --- bloc lumière : une carte, une heure, un curseur, douze mois */
#vineyard-scene.vine-ui .vine-light-controls{display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:16px 16px 14px;border:1px solid rgba(223,219,210,.14);border-radius:18px;background:linear-gradient(180deg,rgba(223,219,210,.07),rgba(223,219,210,.02))}
#vineyard-scene.vine-ui .vine-light-controls .form-label{gap:10px}
#vineyard-scene.vine-ui .vine-sun-field{white-space:nowrap;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px 10px}
#vineyard-scene.vine-ui .vine-sun-field #vine-time{font:400 26px/1 Forum,serif;letter-spacing:.02em;color:var(--pg-or);text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums}
#vineyard-scene.vine-ui .vine-sun-field .form-range{grid-column:1/-1}
#vineyard-scene.vine-ui .vine-sun-ends{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;font:500 10px 'Lexend Exa',sans-serif;letter-spacing:.06em;text-transform:none;color:var(--pg-beige);opacity:.72;font-variant-numeric:tabular-nums}

/* curseur : piste remplie jusqu'à l'heure, poignée large */
#vineyard-scene.vine-ui .form-range{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;accent-color:var(--pg-or)}
#vineyard-scene.vine-ui .form-range::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--pg-or) var(--fill,50%),rgba(223,219,210,.18) var(--fill,50%))}
#vineyard-scene.vine-ui .form-range::-moz-range-track{height:6px;border-radius:6px;background:rgba(223,219,210,.18)}
#vineyard-scene.vine-ui .form-range::-moz-range-progress{height:6px;border-radius:6px;background:var(--pg-or)}
#vineyard-scene.vine-ui .form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;border:3px solid var(--pg-or);background:#fff4d7;box-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .15s}
#vineyard-scene.vine-ui .form-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:3px solid var(--pg-or);background:#fff4d7;box-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .15s}
#vineyard-scene.vine-ui .form-range:hover::-webkit-slider-thumb,#vineyard-scene.vine-ui .form-range:focus-visible::-webkit-slider-thumb{transform:scale(1.12)}
#vineyard-scene.vine-ui .form-range:active::-webkit-slider-thumb{transform:scale(1.22)}
#vineyard-scene.vine-ui .form-range:hover::-moz-range-thumb,#vineyard-scene.vine-ui .form-range:focus-visible::-moz-range-thumb{transform:scale(1.12)}

/* mois : pastilles, la liste native reste dans le DOM pour le moteur */
#vineyard-scene.vine-ui .vine-month-field{position:relative}
#vineyard-scene.vine-ui .vine-month-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#vineyard-scene.vine-ui .vine-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#vineyard-scene.vine-ui .vine-months button{min-height:30px;padding:0 2px;border:1px solid rgba(223,219,210,.2);border-radius:999px;background:transparent;color:var(--pg-beige);font:500 10.5px 'Lexend Exa',sans-serif;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
#vineyard-scene.vine-ui .vine-months button:hover{border-color:var(--pg-or);color:#fff}
#vineyard-scene.vine-ui .vine-months button.is-on{border-color:var(--pg-or);background:var(--pg-or);color:#fff4d7;box-shadow:0 2px 10px rgba(155,96,26,.45)}
#vineyard-scene.vine-ui .vine-months button:focus-visible{outline:2px solid var(--pg-or);outline-offset:2px}

@media(max-width:720px){
#vineyard-scene.vine-ui .vine-layout{grid-template-columns:1fr}
#vineyard-scene.vine-ui .vine-panel{padding-left:0}
#vineyard-scene.vine-ui .vine-panel .vine-light-controls{grid-column:1/-1;display:flex}
#vineyard-scene.vine-ui .vine-months{grid-template-columns:repeat(6,minmax(0,1fr))}
#vineyard-scene.vine-ui .vine-key li{margin:0 -6px;padding:8px 6px}
}
@media(max-width:420px){#vineyard-scene.vine-ui .vine-months button{font-size:10px}}
@media(prefers-reduced-motion:reduce){#vineyard-scene.vine-ui *{transition:none!important}}