/*
Theme Name: 11du11
Description: Thème enfant Divi 5 pour 11du11.ch.
Author: Inventaire
Template: Divi
Version: 1.0.0
Text Domain: 11du11
*/

/* Typography is managed by Divi presets. Only structural helpers live here. */
html { scroll-behavior: smooth; scroll-padding-top: 124px; }
#page-container { padding-top: 0 !important; }
.et-l--header + #et-main-area { padding-top: 100px; }
.starter-header { width: 100%; height: 100px; }
.starter-header .starter-header-row { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0; }
.starter-header-row > .et_pb_column { margin: 0 !important; width: auto !important; }
.starter-header-row > .et_pb_column:first-child { flex: 0 0 auto; }
.starter-header-row > .et_pb_column:last-child { flex: 1; min-width: 0; }
.starter-header .et_pb_module { margin-bottom: 0; }
.starter-logo img { width: 180px; height: 40px; object-fit: contain; }
.starter-footer-bottom .et_pb_text { font-size: 12px; line-height: 1.6; }
.starter-footer-links { text-align: right; }
.starter-footer-links a + a { margin-left: 20px; }
.starter-footer-bottom p { padding-bottom: 0; }
.starter-header .cvn-nav { font-family: inherit; }
body.admin-bar .starter-header { top: 32px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 980px) {
 .starter-footer-bottom .et_pb_row { display: flex; gap: 16px; }
 .starter-footer-bottom .et_pb_column { width: 50% !important; margin: 0 !important; }
}
@media (max-width: 782px) { body.admin-bar .starter-header { top: 46px; } }
@media (max-width: 600px) {
 .starter-logo img { width: 150px; }
 .starter-footer-bottom .et_pb_row { flex-direction: column; }
 .starter-footer-bottom .et_pb_column { width: 100% !important; }
 .starter-footer-links { text-align: left; }
 .starter-footer-links a { display: inline-block; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Construction page: one full-height section, editable Divi text/image modules. */
body.page-template-page-template-blank #et-main-area { padding-top: 0; }
#main-content .construction-screen {
 box-sizing: border-box;
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 100vh;
 min-height: 100svh;
 padding: clamp(20px, 4vh, 64px) 24px;
 background: linear-gradient(rgba(0, 0, 0, .68), rgba(0, 0, 0, .68)), url('../../uploads/2026/11/11-du-11_01.webp') center center / cover no-repeat;
 color: #fff;
 text-align: center;
}
#main-content .construction-row {
 width: 100%;
 max-width: 1560px;
 margin: 0 auto;
 padding: 0;
}
#main-content .construction-column {
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 100%;
 gap: clamp(18px, 3.8vh, 60px);
 margin: 0;
 padding: 0;
}
#main-content .construction-screen .et_pb_module { flex: 0 0 auto; margin: 0 !important; padding: 0; }
#main-content .construction-screen .et_pb_text,
#main-content .construction-screen h1,
#main-content .construction-screen p,
#main-content .construction-screen a {
 font-family: 'Roboto', Arial, sans-serif;
 color: #fff !important;
 text-align: center;
 letter-spacing: 0;
}
#main-content .construction-screen .et_pb_text { width: 100%; }
#main-content .construction-screen p { font-size: clamp(17px, 1.8vw, 32px); font-weight: 300; line-height: 1.45; padding: 0; }
#main-content .construction-screen h1 { font-size: clamp(28px, 3.2vw, 56px); font-weight: 700; line-height: 1.15; padding: 0; text-wrap: balance; }
#main-content .construction-screen .construction-logo { width: clamp(155px, 20vh, 290px); margin-bottom: clamp(8px, 3vh, 44px) !important; }
#main-content .construction-screen .construction-title { margin-bottom: clamp(8px, 3vh, 44px) !important; }
#main-content .construction-screen .construction-signature { width: clamp(230px, 28vh, 400px); margin-top: clamp(0px, 1vh, 16px) !important; }
#main-content .construction-screen .et_pb_image_wrap { display: block; }
#main-content .construction-screen img { display: block; width: 100%; height: auto; }
#main-content .construction-screen a:hover { text-decoration: underline; text-underline-offset: .2em; }
#main-content .construction-contact a { display: inline-block; white-space: nowrap; }
#main-content .construction-separator { display: inline-block; margin: 0 .5em; }
body.admin-bar #main-content .construction-screen { min-height: calc(100svh - 32px); }
@media (max-width: 600px) {
 #main-content .construction-screen { padding: 24px 20px; }
 #main-content .construction-column { gap: clamp(16px, 2.8vh, 26px); }
 #main-content .construction-screen p { font-size: 17px; }
 #main-content .construction-screen .construction-logo { width: clamp(140px, 21vh, 175px); margin-bottom: 6px !important; }
 #main-content .construction-screen .construction-title { margin-bottom: 4px !important; }
 #main-content .construction-screen .construction-signature { width: 230px; margin-top: 0 !important; }
 #main-content .construction-contact a { display: block; }
 #main-content .construction-separator { display: none; }
}
@media (max-height: 650px) and (min-width: 601px) {
 #main-content .construction-column { gap: 14px; }
 #main-content .construction-screen .construction-logo { width: 135px; margin-bottom: 0 !important; }
 #main-content .construction-screen .construction-title { margin-bottom: 0 !important; }
 #main-content .construction-screen .construction-signature { width: 190px; margin-top: 0 !important; }
 #main-content .construction-screen p { font-size: 18px; }
 #main-content .construction-screen h1 { font-size: 32px; }
}
@media (max-width: 782px) { body.admin-bar #main-content .construction-screen { min-height: calc(100svh - 46px); } }