/* Structural support for editable menus. Visual settings come from inc/customizer-design.php.
   User CSS in WordPress “CSS adicional” is printed later and can override these rules. */
.lm-wrap,.lm-footer-contact{max-width:var(--lm-max)}
.site-nav li{position:relative}
.site-nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:20;min-width:190px;padding:14px;background:var(--lm-ivory);border:1px solid var(--lm-gold);box-shadow:0 4px 12px #0001}
.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex;flex-direction:column;gap:12px}
.site-nav .sub-menu .sub-menu{left:100%;top:0}
.site-nav a:focus-visible{outline:2px solid var(--lm-red);outline-offset:4px}
@media(max-width:900px){
 .site-nav{max-width:100%}
 .site-nav .sub-menu{position:static;box-shadow:none;min-width:0;margin-top:8px}
 .site-nav li.menu-item-has-children>.sub-menu{display:flex;flex-direction:column;gap:8px}
}

.lm-social a{display:inline-flex;align-items:center;gap:5px}
.lm-social-icon{width:18px;height:18px;object-fit:contain}
/* Keep the default 900px interior while allowing the width control to grow it. */
.lm-page{width:calc(100% - 48px);max-width:900px}
@media(max-width:620px){.lm-page{width:calc(100% - 28px)}}