/* YouIT : formulaires Contact Form 7 (retour client n°2) */
.wpcf7 form{font-family:Inter,sans-serif;color:#092B4C}
.wpcf7 .yf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-bottom:18px}
.wpcf7 .yf-grid label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500;line-height:1.3}
.wpcf7 .yf-grid .yf-full{grid-column:1/-1}
.wpcf7 .wpcf7-form-control-wrap{display:block}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 select,.wpcf7 textarea{width:100%;box-sizing:border-box;border:1px solid #C9D6E2;border-radius:0;background:#fff;
  padding:14px 16px;font:400 16px/1.4 Inter,sans-serif;color:#092B4C;min-height:50px}
.wpcf7 textarea{min-height:130px;resize:vertical}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{outline:2px solid #0877C9;outline-offset:0;border-color:#0877C9}
.wpcf7 .wpcf7-acceptance{display:block;margin:0 0 12px;font-size:14px;line-height:1.5}
.wpcf7 .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.wpcf7 .wpcf7-acceptance input{width:24px;height:24px;margin:0;flex:0 0 24px;accent-color:#0877C9}
.wpcf7 .wpcf7-list-item{margin:0}
.wpcf7 a{color:#0877C9;text-decoration:underline}
.wpcf7 .yf-note{font-size:13px;color:#4A6076;margin:6px 0 16px}
.wpcf7 input[type=submit]{background:#0877C9;color:#fff;border:1px solid #0877C9;border-radius:0;padding:18px 28px;font:600 15px/1.2 Geologica,sans-serif;cursor:pointer;transition:background-color .2s,color .2s}
.wpcf7 input[type=submit]:disabled{opacity:.45;cursor:not-allowed}
.wpcf7 input[type=submit]:not(:disabled):hover,.wpcf7 input[type=submit]:focus-visible{background:#092B4C;border-color:#092B4C}
.wpcf7 .wpcf7-not-valid-tip{font-size:13px;color:#B42318;margin-top:6px}
.wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:12px 16px;border-radius:0;font-size:14px}
.wpcf7 .wpcf7-spinner{vertical-align:middle}
@media (max-width:767px){.wpcf7 .yf-grid{grid-template-columns:1fr}}

/* Pages légales : intertitres à taille de lecture (retour client n°2) */
body.page-id-14106 .elementor-widget-text-editor h3,body.page-id-14110 .elementor-widget-text-editor h3,body.page-id-14111 .elementor-widget-text-editor h3,
body.page-id-14112 .elementor-widget-text-editor h3,body.page-id-14113 .elementor-widget-text-editor h3{font-size:21px;line-height:1.3;margin:32px 0 10px;letter-spacing:-.2px}
body.page-id-14106 .elementor-widget-text-editor h4,body.page-id-14112 .elementor-widget-text-editor h4,body.page-id-14113 .elementor-widget-text-editor h4{font-size:18px;line-height:1.35;margin:24px 0 8px}

/* Ordinateurs portables à écran peu haut (MacBook 13 pouces) : hero plus compact pour que le titre reste visible */
@media (min-width:1025px) and (max-height:860px){
  body.youit-page:not(.home) .elementor[data-elementor-type="wp-page"] > .elementor-section:first-child{padding-top:150px !important;padding-bottom:56px !important}
  body.youit-page:not(.home) .elementor[data-elementor-type="wp-page"] > .elementor-section:first-child > .elementor-container{min-height:480px !important}
}

/* Accessibilité : zone cliquable d'au moins 24 px pour les liens de titres (WCAG 2.2, critère 2.5.8) */
.elementor-widget-heading .elementor-heading-title > a{display:inline-block;min-height:24px}

/* Accessibilité : liens du menu déroulant fermé non atteignables au clavier (aria-hidden-focus) */
.elementor-nav-menu--dropdown.elementor-nav-menu__container[aria-hidden="true"]{visibility:hidden}
.elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item > a{min-height:24px;display:inline-flex;align-items:center}

/* Performance (LCP) : 1re image du diaporama de l'accueil affichée en fond statique dès le premier rendu, le diaporama prend le relais ensuite */
.elementor-62 .elementor-element.elementor-element-4e1d4b6{background-image:url("../2026/11/youit-bureaux-atelier.webp");background-size:cover;background-position:center center}
@media (max-width:767px){.elementor-62 .elementor-element-4e1d4b6 > .elementor-background-slideshow{display:none}.elementor-62 .elementor-element.elementor-element-4e1d4b6{background-image:url("../2026/11/youit-bureaux-atelier-768x512.webp")}}

/* Accessibilité : visiteurs qui demandent moins d'animations (prefers-reduced-motion) */
@media (prefers-reduced-motion: reduce){
  .elementor-invisible{visibility:visible !important}
  .animated{animation:none !important;transition:none !important}
  html{scroll-behavior:auto !important}
}

/* Pied de page : bande de logos centrée (marges latérales de 100 px + largeur 100 % la décalaient hors de l'écran) */
.elementor-6811 .elementor-element.elementor-element-d92ccdd{margin-left:auto !important;margin-right:auto !important;width:100% !important;max-width:1240px;padding-left:20px;padding-right:20px;box-sizing:border-box}

/* Mobile : texte du pied de page contenu dans l'écran (il dépassait de 11 px à droite) */
@media (max-width:1024px){.elementor-6811 .elementor-element.elementor-element-fd0ba9c{max-width:100% !important;width:100% !important}}
/* Archives du blog : la vignette entière est la zone cliquable */
.post-thumb-img-content > a{display:block}

/* Accessibilité : contraste des boutons des cartes Particulier / Professionnel (2,56:1 -> 4,6:1) */
.elementor-cta__button.elementor-button{background-color:#0877C9 !important;border-color:#0877C9 !important;color:#fff !important}
.elementor-cta__button.elementor-button:hover,.elementor-cta__button.elementor-button:focus-visible{background-color:#092B4C !important;border-color:#092B4C !important}
/* Accessibilité : liens dans les paragraphes repérables autrement que par la couleur (pied de page, textes) */
.elementor-widget-text-editor p a,.elementor-6811 .elementor-widget-text-editor a{text-decoration:underline;text-underline-offset:2px}

/* Page À propos : coupures de presse en vignette pleine largeur */
.youit-press-img img{width:100% !important;height:200px !important;object-fit:cover;object-position:top center;border:1px solid #D5E1EC}
.youit-press-img,.youit-press-img .elementor-widget-container,.youit-press-img a{display:block;width:100% !important;max-width:100% !important}