/* DALKEYA — compléments de style (plugin dalkeya-site). Couleurs : variables globales Elementor du kit. */
/* Accroche Platypi dans un titre Elementor : … (toutes les pages). */
.dk-accent { display: block; font-family: "Platypi", Georgia, serif; font-style: italic; font-weight: 500; color: var(--e-global-color-368c131, #C6A24A); }
/* ---------- Lien « En savoir plus » des cartes de services (accueil) ----------
Balisage (description de la boîte image) :
En savoir plus
Le libellé apparaît au survol de la carte et au focus clavier ; il reste visible sur écran tactile. */
.dk-more {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0;
width: fit-content;
margin-top: 18px;
color: var(--e-global-color-primary, #123B5A);
font-weight: 600;
font-size: 14px;
line-height: 1;
text-decoration: none;
border-radius: 999px;
}
.dk-more:hover,
.dk-more:focus { color: var(--e-global-color-primary, #123B5A); text-decoration: none; }
.dk-more__label {
max-width: 0;
overflow: hidden;
white-space: nowrap;
opacity: 0;
transition: max-width .35s ease, opacity .25s ease, margin .35s ease;
}
.dk-more__icon {
/* Flèche seule, sans cercle (demande client du 2026-10-15). Bleu : l'or sur blanc serait trop peu contrasté. */
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
color: var(--e-global-color-primary, #123B5A);
transition: transform .35s ease;
}
.dk-more__icon::before {
content: "";
width: 22px;
height: 22px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.elementor-widget-image-box:hover .dk-more__label,
.dk-more:focus-visible .dk-more__label {
max-width: 140px;
margin-right: 6px;
opacity: 1;
}
.elementor-widget-image-box:hover .dk-more__icon,
.dk-more:focus-visible .dk-more__icon {
transform: translateX(4px);
}
.dk-more:focus-visible { outline: 2px solid var(--e-global-color-primary, #123B5A); outline-offset: 4px; }
/* Écrans tactiles : pas de survol, le libellé reste affiché. */
@media (hover: none) {
.dk-more__label { max-width: 140px; margin-right: 6px; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.dk-more__label,
.dk-more__icon { transition: none; }
}
/* ---------- Pôles pas encore actifs à 100 % : filigrane sur l'image d'introduction ----------
Classe « dk-soon » posée sur le conteneur de l'image (Elementor → Avancé → Classes CSS). */
.dk-soon { position: relative; overflow: hidden; }
.dk-soon::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit;
background: linear-gradient(0deg, rgba(18,59,90,.62), rgba(18,59,90,.38)); pointer-events: none; }
.dk-soon::after { content: "Service pas encore actif à 100 %"; position: absolute; z-index: 2; left: 50%; top: 50%;
transform: translate(-50%, -50%) rotate(-4deg); max-width: calc(100% - 40px); padding: 14px 28px; border-radius: 50px;
background: var(--e-global-color-368c131, #C6A24A); color: var(--e-global-color-primary, #123B5A);
font: 700 18px/1.3 Montserrat, Arial, sans-serif; text-align: center; letter-spacing: .01em;
box-shadow: 0 14px 30px rgba(11,38,56,.35); pointer-events: none; }
.dk-soon > * { position: relative; z-index: 3; }
@media (max-width: 767px) { .dk-soon::after { font-size: 14px; padding: 10px 18px; white-space: normal; } }
/* Header, barre mobile (menu burger dès 880 px) : l'icône WhatsApp se plaçait au milieu de la barre
(répartition « space-between » à 3 éléments) ; elle est rapprochée du burger, à 16 px. */
@media (max-width: 880px) {
.elementor-element.elementor-element-dkwa0m1 { margin-left: auto; margin-right: -24px; flex-shrink: 0; }
}
/* Pages légales (Mentions légales, Confidentialité) : colonne de texte lisible sous le hero. */
.dk-legal .elementor-widget-text-editor { font-size: 16px; line-height: 1.75; color: var(--e-global-color-text, #3E4A55); }
.dk-legal .elementor-widget-text-editor h2 { margin: 44px 0 12px; font-size: 24px; line-height: 1.3; font-weight: 700; color: var(--e-global-color-primary, #123B5A); }
.dk-legal .elementor-widget-text-editor h2::after { content: ""; display: block; width: 60px; height: 2px; margin-top: 10px; background: var(--e-global-color-368c131, #C6A24A); }
.dk-legal .elementor-widget-text-editor p { margin: 0 0 14px; }
.dk-legal .elementor-widget-text-editor ul { margin: 0 0 14px; padding-left: 1.2em; }
.dk-legal .elementor-widget-text-editor li { margin: 0 0 10px; }
.dk-legal .elementor-widget-text-editor li::marker { color: var(--e-global-color-368c131, #C6A24A); }
.dk-legal .elementor-widget-text-editor a { color: var(--e-global-color-primary, #123B5A); text-decoration: underline; text-underline-offset: 2px; }
.dk-legal .elementor-widget-text-editor a:hover { color: var(--e-global-color-accent, #1F567D); }
.dk-legal .elementor-widget-text-editor code { font-size: .9em; padding: 1px 6px; border-radius: 4px; background: #E9EDF0; }
.dk-legal .dk-legal__date { display: inline-block; margin: 0 0 8px; padding: 6px 14px; border-radius: 999px; background: #F8F3E8;
font-size: 13px; font-weight: 600; color: var(--e-global-color-primary, #123B5A); }
@media (max-width: 767px) { .dk-legal .elementor-widget-text-editor h2 { margin-top: 34px; font-size: 21px; } }
/* Numéros secondaires des blocs de coordonnées (Contact, demandes de voyage et de devis) : même aspect que le texte. */
.dk-phones a { color: inherit; text-decoration: none; }
.dk-phones a:hover, .dk-phones a:focus-visible { color: var(--e-global-color-primary, #123B5A); text-decoration: underline; }