/* ========================================================================== 
   L’ATELIER DE VIRGINIE DEL — PAGE À PROPOS — v1.2
   ========================================================================== */

body.vd-about-active,
body.vd-about-active #page,
body.vd-about-active .site,
body.vd-about-active .site-content,
body.vd-about-active .content-area,
body.vd-about-active .site-main,
body.vd-about-active article,
body.vd-about-active .entry-content,
body.vd-about-active .wp-block-shortcode,
body.vd-about-active .ast-container,
body.vd-about-active .ast-container-fluid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #140c08 !important;
}

body.vd-about-active .entry-header,
body.vd-about-active .entry-title,
body.vd-about-active .page-title,
body.vd-about-active .ast-breadcrumbs-wrapper { display: none !important; }

body.vd-about-active .entry-content > * {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.vd-about-active .site-title,
body.vd-about-active .site-title a,
body.vd-about-active .ast-site-title-wrap,
body.vd-about-active .site-branding .site-title,
body.vd-about-active .ast-builder-layout-element.site-header-primary-section-left { display: none !important; }

/* En-tête et menu : marron sur tous les écrans */
body.vd-about-active .site-header,
body.vd-about-active .ast-primary-header-bar,
body.vd-about-active .main-header-bar,
body.vd-about-active .ast-mobile-header-wrap,
body.vd-about-active .ast-mobile-header-content,
body.vd-about-active .ast-builder-menu-mobile,
body.vd-about-active .ast-builder-menu-mobile .main-navigation,
body.vd-about-active .ast-builder-menu-mobile .main-header-menu,
body.vd-about-active .ast-mobile-popup-drawer,
body.vd-about-active .ast-mobile-popup-drawer .ast-mobile-popup-inner,
body.vd-about-active .ast-mobile-popup-drawer .ast-mobile-popup-content,
body.vd-about-active .ast-desktop-popup-content,
body.vd-about-active #ast-mobile-header,
body.vd-about-active #ast-mobile-popup-wrapper {
    background: linear-gradient(180deg, #1b100b 0%, #120b08 100%) !important;
    border-color: rgba(184,154,104,.35) !important;
}

body.vd-about-active .main-header-menu > .menu-item > .menu-link,
body.vd-about-active .ast-builder-menu-1 .menu-item > .menu-link,
body.vd-about-active .ast-builder-menu-mobile .menu-item > .menu-link,
body.vd-about-active .main-navigation a {
    color: #f5efe6 !important;
    transition: color .25s ease, background .25s ease !important;
}

body.vd-about-active .main-header-menu > .menu-item:hover > .menu-link,
body.vd-about-active .main-header-menu > .current-menu-item > .menu-link,
body.vd-about-active .ast-builder-menu-1 .menu-item:hover > .menu-link,
body.vd-about-active .ast-builder-menu-1 .current-menu-item > .menu-link,
body.vd-about-active .ast-builder-menu-mobile .menu-item:hover > .menu-link,
body.vd-about-active .ast-builder-menu-mobile .current-menu-item > .menu-link,
body.vd-about-active .main-navigation a:hover,
body.vd-about-active .main-navigation a:focus {
    color: #79a96b !important;
    background: rgba(121,169,107,.08) !important;
}

body.vd-about-active .mobile-menu-toggle-icon,
body.vd-about-active .ast-mobile-svg,
body.vd-about-active .menu-toggle,
body.vd-about-active .ast-button-wrap .menu-toggle {
    color: #f5efe6 !important;
    fill: #f5efe6 !important;
    background: transparent !important;
}

body.vd-about-active .site-footer,
body.vd-about-active footer,
body.vd-about-active #colophon,
body.vd-about-active .ast-footer-copyright,
body.vd-about-active .ast-builder-grid-row-container,
body.vd-about-active .site-primary-footer-wrap,
body.vd-about-active .site-below-footer-wrap {
    background: #120b08 !important;
    color: #d7c9b8 !important;
    border-color: rgba(184,154,104,.25) !important;
}
body.vd-about-active footer a { color:#f5efe6 !important; }
body.vd-about-active footer a:hover { color:#79a96b !important; }

.vd-about-page, .vd-about-page * { box-sizing:border-box; }

.vd-about-page {
    --vd-about-brown:#140c08;
    --vd-about-cream:#f5efe6;
    --vd-about-gold:#b89a68;
    --vd-about-gold-light:#d7bc8a;
    --vd-about-green:#79a96b;
    --vd-about-green-light:#94bd89;
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    min-height:100vh;
    overflow:visible;
    padding:clamp(70px,8vh,110px) clamp(28px,5vw,82px) clamp(96px,10vh,145px);
    color:var(--vd-about-cream);
    background-color:var(--vd-about-brown);
    background-image:var(--vd-about-image);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    font-family:Georgia,"Times New Roman",serif;
}

.vd-about-image-panel { display:none; }

.vd-about-overlay {
    position:absolute;
    z-index:-1;
    inset:0;
    background:
      linear-gradient(90deg,rgba(8,5,3,.97) 0%,rgba(12,8,6,.91) 25%,rgba(20,12,8,.68) 47%,rgba(20,12,8,.22) 72%,rgba(20,12,8,.08) 100%),
      linear-gradient(0deg,rgba(10,6,4,.56),transparent 32%);
}

.vd-about-content { width:min(100%,560px); animation:vd-about-reveal .8s ease both; }
@keyframes vd-about-reveal { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }

/* Transition vers la page Mes livres */
.vd-about-books-transition {
    width:min(100%,640px);
    margin:34px 0 0;
    text-align:center;
}

.vd-about-books-line {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    width:min(100%,390px);
    margin:0 auto 16px;
    color:var(--vd-about-green-light);
}

.vd-about-books-line::before,
.vd-about-books-line::after {
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(215,188,138,.78));
}

.vd-about-books-line::after {
    background:linear-gradient(90deg,rgba(215,188,138,.78),transparent);
}

.vd-about-books-line span {
    font-size:21px;
}

.vd-about-books-intro {
    width:min(100%,500px);
    margin:0 auto 23px;
    color:#e3d0b6;
    font-family:"Brush Script MT","Segoe Script",cursive;
    font-size:clamp(21px,2vw,29px);
    line-height:1.22;
    text-shadow:0 2px 12px rgba(0,0,0,.58);
}

/* Bouton : même contour raffiné que « Découvrir l’univers » */
.vd-about-home-link {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:245px;
    min-height:54px;
    padding:0 30px;
    box-sizing:border-box;
    color:#fff8ee !important;
    background:rgba(35,23,15,.28);
    border:1px solid rgba(238,218,190,.82);
    border-radius:0;
    text-decoration:none !important;
    text-transform:uppercase;
    font-family:Arial,sans-serif;
    font-size:11px;
    font-weight:400;
    letter-spacing:.14em;
    box-shadow:0 8px 22px rgba(0,0,0,.24);
    backdrop-filter:blur(4px);
    transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;
}

.vd-about-home-link::before,
.vd-about-home-link::after {
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    pointer-events:none;
    transition:.3s ease;
}

.vd-about-home-link::before {
    top:-6px;
    left:-6px;
    border-top:1px solid rgba(238,218,190,.76);
    border-left:1px solid rgba(238,218,190,.76);
}

.vd-about-home-link::after {
    right:-6px;
    bottom:-6px;
    border-right:1px solid rgba(238,218,190,.76);
    border-bottom:1px solid rgba(238,218,190,.76);
}

.vd-about-home-link:hover,
.vd-about-home-link:focus-visible {
    color:#fff !important;
    background:rgba(111,143,78,.78);
    border-color:#94bd89;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(111,143,78,.30);
    outline:none;
}

.vd-about-title { margin:0;color:#fffaf2;font-size:clamp(54px,6.3vw,104px);font-weight:400;line-height:.96;letter-spacing:clamp(1px,.3vw,4px);text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.32); }
.vd-about-divider { display:flex;align-items:center;gap:15px;width:min(100%,430px);margin:22px 0 25px;color:var(--vd-about-green-light); }
.vd-about-divider::before,.vd-about-divider::after { content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(215,188,138,.8)); }
.vd-about-divider::after { background:linear-gradient(90deg,rgba(215,188,138,.8),transparent); }
.vd-about-divider span { font-size:25px; }
.vd-about-script,.vd-about-thanks,.vd-about-signature { font-family:"Brush Script MT","Segoe Script",cursive;font-weight:400; }
.vd-about-script { margin:0 0 18px;color:#e1c9a9;font-size:clamp(28px,3.2vw,43px);line-height:1.1; }
.vd-about-text { max-width:470px; }
.vd-about-text p { margin:0 0 17px;color:#f1e9de;font-size:clamp(15px,1.25vw,18px);line-height:1.46;text-shadow:0 2px 10px rgba(0,0,0,.52); }
.vd-about-thanks { margin:20px 0 27px;color:#ddc6a5;font-size:clamp(26px,3vw,38px); }
.vd-about-thanks span { margin-left:8px;color:var(--vd-about-green-light); }
.vd-about-values { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,640px); }
.vd-about-value { min-width:0;margin:0;padding:0 7px;text-align:center; }
.vd-about-value-icon { display:grid;place-items:center;width:55px;height:55px;margin:0 auto 9px;color:#f2e6d4;border:1px solid rgba(215,188,138,.82);border-radius:50%;font-size:24px;line-height:1;background:rgba(15,9,6,.36);box-shadow:0 0 0 5px rgba(184,154,104,.07); }
.vd-about-value h2 { margin:0 0 6px;color:#e8d9c5;font-size:12px;font-weight:400;letter-spacing:.9px;text-transform:uppercase; }
.vd-about-value p { margin:0;color:#e4d9cb;font-size:11px;line-height:1.35; }
.vd-about-signature { position:absolute;right:clamp(28px,6vw,96px);top:calc(100% + 28px);margin:0;color:rgba(225,201,169,.86);font-size:clamp(22px,2.5vw,36px);letter-spacing:.5px;text-shadow:0 2px 12px rgba(0,0,0,.7); }
.vd-about-signature::after { content:"";display:inline-block;width:46px;height:1px;margin:0 0 8px 13px;background:var(--vd-about-green); }
.vd-about-placeholder { position:absolute;z-index:5;top:50%;left:50%;width:min(90%,560px);padding:25px;color:#f5efe6;background:rgba(20,12,8,.94);border:1px solid var(--vd-about-gold);text-align:center;transform:translate(-50%,-50%); }
.vd-about-placeholder code { color:var(--vd-about-green-light);background:transparent; }

/* Flèche de retour en haut */
body.vd-about-active #ast-scroll-top,
body.vd-about-active .ast-scroll-to-top-right,
body.vd-about-active .ast-scroll-to-top-left,
body.vd-about-active #scroll-to-top,
body.vd-about-active .scroll-to-top,
body.vd-about-active .back-to-top {
    color:#fff !important;background:#6f8f4e !important;border-color:#6f8f4e !important;
}
body.vd-about-active #ast-scroll-top:hover,
body.vd-about-active .ast-scroll-to-top-right:hover,
body.vd-about-active .ast-scroll-to-top-left:hover,
body.vd-about-active #scroll-to-top:hover,
body.vd-about-active .scroll-to-top:hover,
body.vd-about-active .back-to-top:hover { background:#88a95e !important;border-color:#88a95e !important; }

/* TABLETTE + TÉLÉPHONE : photo en haut, contenu en dessous */
@media (max-width:1024px) {
    .vd-about-page {
        display:block;
        min-height:0;
        padding:0;
        overflow:visible;
        background-image:none !important;
        background:linear-gradient(180deg,#21130d 0%,#140c08 48%,#0f0906 100%);
    }
    .vd-about-image-panel {
        display:block;
        width:100%;
        height:clamp(360px,58vw,680px);
        background-color:#140c08;
        background-image:var(--vd-about-image);
        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
    }
    .vd-about-overlay { display:none; }
    .vd-about-content {
        width:100%;
        max-width:none;
        margin:0;
        padding:clamp(48px,7vw,76px) clamp(28px,6vw,70px) 105px;
        background:linear-gradient(180deg,#21130d 0%,#170d09 45%,#100906 100%);
    }
    .vd-about-header,.vd-about-text,.vd-about-thanks { max-width:760px;margin-left:auto;margin-right:auto; }
    .vd-about-title,.vd-about-script,.vd-about-thanks { text-align:center; }
    .vd-about-divider { margin-left:auto;margin-right:auto; }
    .vd-about-text { max-width:760px; }
    .vd-about-text p { text-align:left;font-size:17px;line-height:1.62; }
    .vd-about-values { grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,760px);margin:34px auto 0;gap:18px; }
    .vd-about-books-transition { width:min(100%,760px);margin:38px auto 0; }
    .vd-about-signature { position:static;margin:42px auto 0;padding:0 20px 36px;text-align:center;background:#100906; }
}

@media (max-width:767px) {
    /* Force aussi le menu déroulant mobile à ne jamais redevenir blanc */
    body.vd-about-active .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
    body.vd-about-active .ast-mobile-popup-drawer.active .ast-mobile-popup-content,
    body.vd-about-active .ast-builder-menu-mobile .main-header-menu,
    body.vd-about-active .ast-header-break-point .main-header-menu,
    body.vd-about-active .ast-header-break-point .main-navigation ul {
        background:linear-gradient(180deg,#1b100b 0%,#120b08 100%) !important;
    }
    .vd-about-image-panel {
        height:clamp(300px,78vw,520px);
        background-position:center center;
    }
    .vd-about-content { padding:42px 20px 100px; }
    .vd-about-title { font-size:clamp(47px,14vw,68px); }
    .vd-about-script { font-size:31px; }
    .vd-about-text { padding:22px 20px;background:rgba(8,5,3,.24);border-left:1px solid rgba(121,169,107,.5);border-right:1px solid rgba(121,169,107,.18); }
    .vd-about-text p { font-size:15.5px;line-height:1.58; }
    .vd-about-values { grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;gap:24px 10px; }
    .vd-about-books-transition { margin-top:34px; }
    .vd-about-books-intro { max-width:330px;font-size:23px; }
    .vd-about-home-link { width:min(100%,300px);min-width:0;min-height:50px;padding:0 20px;font-size:10px; }
    .vd-about-signature { font-size:23px; }
}

@media (max-width:420px) {
    .vd-about-value { padding:0 4px; }
    .vd-about-value-icon { width:50px;height:50px;font-size:21px; }
    .vd-about-value p { font-size:10.5px; }
}

@media (prefers-reduced-motion:reduce) {
    .vd-about-content { animation:none; }
    .vd-about-home-link { transition:none; }
}