/* Habillage « solaire » : façade bleu nuit, soleil, cellules photovoltaïques, carte d'ensoleillement. */

@font-face { font-family: "Archivo Repli"; src: local("Arial"), local("ArialMT"), local("Roboto"); size-adjust: 102%; }

:root { --casse: none; --a-braise: #f2b33d; }
h1, h2, .ak-h1, .ak-h2, .hero__title { letter-spacing: -.025em; font-weight: 800; }
.hero__title { font-weight: 850; line-height: 1; }
.site-nav .menu a, .submenu-toggle, .ak-btn, .site-footer__title, .types__count, .ak-card__more { letter-spacing: 0; }
.site-brand__name { letter-spacing: -.02em; }

/* Rangée de cellules photovoltaïques */
.grille { height: 18px; background:
	linear-gradient(90deg, transparent 0 calc(100% - 1px), rgb(255 255 255 / 10%) calc(100% - 1px)) 0 0 / 22px 100%,
	linear-gradient(transparent 0 calc(50% - .5px), rgb(255 255 255 / 10%) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)),
	linear-gradient(180deg, #1c3354, #13243d); border: 1px solid rgb(255 255 255 / 14%); border-radius: 3px; }
.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo dans un cadre aluminium, avec le soleil qui se lève derrière */
.porte { position: relative; margin: 0; padding: 8px; background: linear-gradient(145deg, #d9e0e8, #a9b4c0); border-radius: 14px; box-shadow: 0 30px 60px -30px rgb(0 0 0 / 60%); isolation: isolate; }
.porte::before { content: ""; position: absolute; z-index: -1; right: -14%; top: -12%; width: 46%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #ffd34d 0 45%, rgb(255 211 77 / 35%) 46%, transparent 70%); }
.porte img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 9px; }
@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; } }

/* Carte de France : l'intensité va du bleu nuit au jaune soleil */
.ak-carte { --ak-map-0: #dfe4ea; --ak-map-1: #c6d4e6; --ak-map-2: #8aa7cc; --ak-map-3: #e9b63c; --ak-map-4: #c47a00; --ak-map-stroke: var(--ak-bg); --ak-map-hover: #0f1b2d; --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #1b2a40; --ak-map-1: #2c4566; --ak-map-2: #4f6f96; --ak-map-3: #d9a21b; --ak-map-4: #ffd34d; }

.site-footer::before { content: ""; display: block; width: min(100% - 2rem, var(--ak-maxw)); height: 14px; margin: 0 auto; padding-top: clamp(2rem, 5vw, 3rem); box-sizing: content-box; background:
	linear-gradient(90deg, transparent 0 calc(100% - 1px), rgb(255 255 255 / 8%) calc(100% - 1px)) 0 100% / 22px 14px repeat-x content-box,
	linear-gradient(180deg, #172a45, #0e1a2b) content-box; }