/*
Theme Name: Nim is a Tree
Template: twentytwentyfive
Version: 1.0.5
Author: Jean-Francois Flamey
Description: Dark minimal portfolio child theme of Twenty Twenty-Five reproducing the nimtree.be design.
*/

/* Sous-menus sombres */
.wp-block-navigation__submenu-container { background-color: #0e0d0c !important; border: 1px solid #23211f !important; padding: 6px 4px !important; min-width: 240px !important; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #b9b5ae !important; font-size: 12px; text-transform: lowercase; letter-spacing: .04em; padding: 6px 14px !important; }
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: #ffffff !important; }
.wp-block-navigation .wp-block-navigation-item__content:hover { color: #ffffff; }
a { text-decoration: none; }
::selection { background: #3a3833; color: #fff; }
.wp-block-image img { height: auto; }

/* WPForms sombre */
.wpforms-container .wpforms-field-label, .wpforms-container .wpforms-field-sublabel, .wpforms-container .wpforms-field-description { color: #b9b5ae !important; }
.wpforms-container input[type=text], .wpforms-container input[type=email], .wpforms-container textarea { background: #171614 !important; border: 1px solid #3a3833 !important; color: #f1efeb !important; }
.wpforms-container button[type=submit] { background: transparent !important; border: 1px solid #8a867f !important; color: #b9b5ae !important; }
.wpforms-container button[type=submit]:hover { color: #fff !important; border-color: #fff !important; }

/* Mosaique masonry pages galeries */
body.page-id-2002 .wp-block-gallery, body.page-id-2003 .wp-block-gallery, body.page-id-2004 .wp-block-gallery, body.page-id-2005 .wp-block-gallery, body.page-id-2006 .wp-block-gallery, body.page-id-2007 .wp-block-gallery, body.page-id-2008 .wp-block-gallery { display: block !important; column-count: 3 !important; column-gap: 14px; }
body.page-id-2002 .wp-block-gallery .wp-block-image, body.page-id-2003 .wp-block-gallery .wp-block-image, body.page-id-2004 .wp-block-gallery .wp-block-image, body.page-id-2005 .wp-block-gallery .wp-block-image, body.page-id-2006 .wp-block-gallery .wp-block-image, body.page-id-2007 .wp-block-gallery .wp-block-image, body.page-id-2008 .wp-block-gallery .wp-block-image { break-inside: avoid; display: block; width: auto !important; margin: 0 0 14px 0 !important; }
body.page-id-2002 .wp-block-gallery .wp-block-image img, body.page-id-2003 .wp-block-gallery .wp-block-image img, body.page-id-2004 .wp-block-gallery .wp-block-image img, body.page-id-2005 .wp-block-gallery .wp-block-image img, body.page-id-2006 .wp-block-gallery .wp-block-image img, body.page-id-2007 .wp-block-gallery .wp-block-image img, body.page-id-2008 .wp-block-gallery .wp-block-image img { width: 100% !important; height: auto !important; aspect-ratio: auto !important; }
@media (max-width: 781px) { body.page-id-2002 .wp-block-gallery, body.page-id-2003 .wp-block-gallery, body.page-id-2004 .wp-block-gallery, body.page-id-2005 .wp-block-gallery, body.page-id-2006 .wp-block-gallery, body.page-id-2007 .wp-block-gallery, body.page-id-2008 .wp-block-gallery { column-count: 2 !important; } }
@media (max-width: 480px) { body.page-id-2002 .wp-block-gallery, body.page-id-2003 .wp-block-gallery, body.page-id-2004 .wp-block-gallery, body.page-id-2005 .wp-block-gallery, body.page-id-2006 .wp-block-gallery, body.page-id-2007 .wp-block-gallery, body.page-id-2008 .wp-block-gallery { column-count: 2 !important; } }

/* Mosaique via classe reutilisable */
.wp-block-gallery.galerie-mosaique { display: block !important; column-count: 3 !important; column-gap: 14px; }
.wp-block-gallery.galerie-mosaique .wp-block-image { break-inside: avoid; display: block; width: auto !important; margin: 0 0 14px 0 !important; }
.wp-block-gallery.galerie-mosaique .wp-block-image img { width: 100% !important; height: auto !important; aspect-ratio: auto !important; }
@media (max-width: 781px) { .wp-block-gallery.galerie-mosaique { column-count: 2 !important; } }
@media (max-width: 480px) { .wp-block-gallery.galerie-mosaique { column-count: 2 !important; } }

/* Mosaique JS gauche-droite */
.wp-block-gallery.galerie-mosaique.mosaique-js { display: flex !important; column-count: auto !important; gap: 14px; align-items: flex-start; }
.wp-block-gallery.galerie-mosaique.mosaique-js > .mosa-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.wp-block-gallery.galerie-mosaique.mosaique-js figure.wp-block-image { margin: 0 !important; }

/* Legendes des galeries */
.galerie-mosaique figcaption.wp-element-caption { position: static !important; background: none !important; color: #8a867f !important; font-size: 11px; letter-spacing: .03em; text-align: left; margin: 6px 0 0 0; padding: 0 !important; }