.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .form-required { display: inline-block; margin-left: 0.25rem; padding: 0.1rem 0.35rem; font-size: 0.65rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.04em; color: #fef3c7; background: rgba(255, 144, 42, 0.2); border: 1px solid rgba(255, 144, 42, 0.55); border-radius: 0.25rem; vertical-align: middle; } .contact-radio:checked + .contact-radio-label { border-color: var(--brand-orange) !important; background: rgba(255, 144, 42, 0.12) !important; } .contact-radio:checked + .contact-radio-label i { color: var(--brand-orange) !important; } .contact-radio:focus-visible + .contact-radio-label { outline: 2px solid var(--brand-orange); outline-offset: 2px; } .contact-radio-label:hover { border-color: var(--brand-orange) !important; } .sodis-contact-form .coords-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.25rem; row-gap: 0.75rem; align-items: start; } .sodis-contact-form .coords-grid .form-group { margin-bottom: 0; } .sodis-contact-form .coords-grid .form-group.sodis-span-full { grid-column: 1 / -1; } .sodis-contact-form .sodis-tech-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.25rem; row-gap: 0.75rem; align-items: start; margin-top: 1.5rem; } .sodis-contact-form .sodis-tech-details-grid .form-group { margin-bottom: 0; } .sodis-contact-form #wrap-company.form-group, .sodis-contact-form #wrap-nom.form-group { margin-bottom: 1rem; } .sodis-contact-form .sodis-scenario-fields > .form-group { margin-bottom: 0; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 144, 42, 0.35); } @media (min-width: 1024px) { .contact-main-grid { display: grid !important; grid-template-columns: 8fr 4fr !important; } } @media (max-width: 767px) { .sodis-contact-form .coords-grid { grid-template-columns: 1fr !important; } .opts-grid { grid-template-columns: repeat(2, 1fr) !important; } } .sodis-contact-map-shell { position: relative; } .sodis-contact-map { z-index: 0; } .sodis-contact-map .leaflet-tile-pane { filter: saturate(0.92) contrast(1.02); } .sodis-contact-map-credit { position: absolute; left: 0.35rem; bottom: 4.1rem; z-index: 500; margin: 0; padding: 0; font-size: 0.5625rem; line-height: 1.2; letter-spacing: 0.02em; color: rgba(156, 163, 175, 0.45); pointer-events: auto; } .sodis-contact-map-credit a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(156, 163, 175, 0.25); } .sodis-contact-map-credit a:hover { color: rgba(209, 213, 219, 0.75); border-bottom-color: rgba(209, 213, 219, 0.35); } .sodis-map-marker-leaflet { background: transparent !important; border: none !important; } .sodis-map-marker { display: flex; flex-direction: column; align-items: center; width: 56px; pointer-events: none; } .sodis-map-marker__top { filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45)); } .sodis-map-marker__bubble { box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; border: 3px solid var(--brand-orange, #ff902a); background: var(--brand-darkCard, #141821); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 2px; } .sodis-map-marker__bubble-inner { width: 100%; height: 100%; border-radius: 50%; background: #0a0b0d; display: flex; align-items: center; justify-content: center; overflow: hidden; } .sodis-map-marker__bubble--text { padding: 0.15rem; } .sodis-map-marker__logo { width: 36px; height: 36px; max-width: 92%; max-height: 92%; object-fit: contain; display: block; flex-shrink: 0; } .sodis-map-marker__fallback { font-family: var(--font-display, "Oswald", sans-serif); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.02em; color: #fff; text-transform: uppercase; line-height: 1.1; text-align: center; } .sodis-map-marker__stem { width: 0; height: 0; margin-top: -2px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 14px solid var(--brand-orange, #ff902a); } @media (max-width: 640px) { .sodis-contact-form .sodis-tech-details-grid { grid-template-columns: 1fr !important; } }