/* ------------------------------------------------------------------ *
 * MyOwnDocumenta — overrides to render archived (static) Divi markup
 * that normally depends on Divi's runtime JS.
 * ------------------------------------------------------------------ */

/* Divi blog grid items ship at opacity:0 and are faded in by JS.
   Our content is static HTML so the JS never runs — force them visible. */
.et_pb_blog_grid .et_pb_post,
.et_pb_salvattore_content .et_pb_post,
.et_pb_posts .et_pb_post {
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important;
}

/* Salvattore (the masonry column distributor) isn't enqueued for static
   markup, so the 30 tiles stack in one column. Re-create the 3-column
   grid with pure CSS multicolumn. */
.et_pb_salvattore_content {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.et_pb_salvattore_content .et_pb_post {
    display: inline-block;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 30px;
}
@media (max-width: 980px) {
    .et_pb_salvattore_content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media (max-width: 767px) {
    .et_pb_salvattore_content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
}

/* Footer bottom bar: the archived site showed no "Designed by" credit and
   no Divi social-icons row there. */
#footer-info { display: none !important; }
#footer-bottom .et-social-icons,
#main-footer .et-social-icons.footer-social-icons { display: none !important; }

/* Homepage intro band (#modoc fullwidth header). The archived design is a warm
   tan gradient with centered italic white manifest text. The per-page et-cache
   CSS that produced the gradient is NOT safely recoverable from the archive
   (recent captures of this now-hijacked domain serve malware), so the gradient
   is reproduced from the reference screenshot. Text styling is already inline
   (centered/italic) + white via et_pb_bg_layout_dark — it only needs the bg. */
/* The tan band is only behind the manifest (the first fullwidth-header module),
   NOT the whole section (which also holds the "Publications au hasard" slider). */
#modoc .et_pb_fullwidth_header_0 {
    background: linear-gradient(to right, #b88f5e 0%, #e8d4b4 50%, #b88f5e 100%) !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}
#modoc .et_pb_fullwidth_header_0 .header-content,
#modoc .et_pb_fullwidth_header_0 .header-content * {
    color: #fdf6ea !important;
}
#modoc .et_pb_fullwidth_header_0 .header-content {
    max-width: 1080px;
    margin: 0 auto;
}

/* Footer: force 3 EQUAL columns. Divi otherwise applies an asymmetric
   1/2 + 1/4 + 1/4 layout (first widget 47.25%, others 20.875%). */
@media (min-width: 981px) {
    #main-footer #footer-widgets .footer-widget,
    #main-footer #footer-widgets .footer-widget:first-child,
    #main-footer #footer-widgets .footer-widget:nth-child(2),
    #main-footer #footer-widgets .footer-widget:last-child {
        width: 29.667% !important;
        margin-right: 5.5% !important;
        float: left !important;
    }
    #main-footer #footer-widgets .footer-widget:last-child {
        margin-right: 0 !important;
    }
}