/* V20 — fixes: hero slideshow controls, contact block readability, Storevia visuals. */

/* 1. Hero slideshow controls: MEROVAQ blue buttons on a white glass bar, readable over the bright scene */
.hero-art.hero-carousel-shell .hero-carousel-ui { background: rgba(255,255,255,.94); padding: 5px; border-radius: 999px; box-shadow: 0 10px 28px rgba(9,29,59,.22); }
.hero-art.hero-carousel-shell .hero-carousel-btn { background: #155af2; border: 0; color: #fff; box-shadow: 0 6px 14px rgba(21,90,242,.35); }
.hero-art.hero-carousel-shell .hero-carousel-btn:hover,
.hero-art.hero-carousel-shell .hero-carousel-btn:focus-visible { background: #0d2b63; border-color: transparent; }
.hero-art.hero-carousel-shell .hero-carousel-btn:focus-visible { outline: 3px solid #52d8dd; outline-offset: 2px; }
.hero-art.hero-carousel-shell .hero-carousel-dots button { background: #bfd0ea; }
.hero-art.hero-carousel-shell .hero-carousel-dots button[aria-current="true"] { background: #155af2; }

/* 2. Contact block: white cards with navy text instead of light text on light panels */
.contact-section .contact-grid { align-items: stretch; }
.contact-section .panel { background: #fff !important; color: #14223b !important; border: 1px solid #d5e3f5 !important; box-shadow: 0 18px 44px rgba(9,29,59,.16) !important; }
.contact-section .panel h3 { color: #0d2b63 !important; }
.contact-section .panel p,
.contact-section .panel li { color: #2b3d59 !important; }
.contact-section .panel li::marker { color: #155af2; }
.contact-section .panel .muted,
.contact-section .panel .fine { color: #5b6a80 !important; }
.contact-section .panel .fine a { color: #0f7b7e !important; font-size: inherit !important; font-weight: 600 !important; text-decoration: underline; }
.contact-section .panel a.btn-primary { background: #155af2 !important; color: #fff !important; border-color: #155af2 !important; font-size: clamp(16px, 1.8vw, 19px) !important; }
.contact-section .panel a.btn-primary:hover { background: #0d2b63 !important; border-color: #0d2b63 !important; }

/* 3. "Storevia en situation": two production scenarios, arrows and dots kept. */
.storevia-carousel-section .mv-slide > img { animation: none; }