/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ===== Maison Lumiere: cabecera ===== */
.site-header img.custom-logo,
header img.custom-logo,
.elementor-location-header img.custom-logo{max-height:80px;height:auto;width:auto;}
@media (max-width:768px){.site-header img.custom-logo,header img.custom-logo{max-height:60px;}}
/* ===== Cabecera y footer en negro ===== */
.site-header{background:#000 !important;border-bottom:none;}
.site-footer{display:none !important;}
.ml-footer{background:#000;color:#fff;padding:48px 24px;}
.ml-footer-inner{max-width:1100px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center;}
.ml-footer-brand{letter-spacing:6px;font-size:18px;}
.ml-footer-links{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;}
.ml-footer-links a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.85;}
.ml-footer-links a:hover{opacity:1;text-decoration:underline;}
.ml-footer-copy{font-size:12px;opacity:.6;letter-spacing:.5px;}
/* ===== Hero responsive movil ===== */
@media (max-width:781px){
 .ml-hero .wp-block-cover__image-background{display:none !important;}
 .ml-hero{background-image:url('https://modamaisonlumiere.com/wp-content/uploads/2026/06/home-hero-movil-2.jpg') !important;background-size:cover !important;background-position:center !important;}
 .ml-hero h1{font-size:38px !important;}
}

/* ===== No recortar caras: anclar imagenes arriba ===== */
.ml-hero img.wp-block-cover__image-background{object-position:center top !important;}
.ml-tile img{object-position:center top !important;}
@media (max-width:781px){ .ml-hero{background-position:center top !important;} }

/* ===== Ocultar SKU en ficha de producto ===== */
.single-product .product_meta .sku_wrapper{display:none !important;}
/* ===== Movil v1: categorias + menu ===== */
@media (max-width:768px){
 /* Bloques de categoria centrados y full-width */
 .home .wp-block-columns{flex-wrap:wrap !important; justify-content:center !important; gap:0 !important;}
 .home .wp-block-columns > .wp-block-column{flex-basis:100% !important; max-width:100% !important; width:100% !important; margin:0 auto 22px !important; text-align:center !important;}
 .ml-tile img{height:auto !important; max-height:600px; width:100% !important;}

 /* tiles de categoria centradas full-width */
 .home .wp-block-columns{flex-wrap:wrap !important; justify-content:center !important; gap:0 !important;}
 .home .wp-block-columns > .wp-block-column{flex-basis:100% !important; max-width:100% !important; width:100% !important; margin:0 auto 22px !important; text-align:center !important;}
 .ml-tile img{height:auto !important; max-height:600px; width:100% !important;}
}

/* Maison Lumiere: base tipografia (preservado) */
body{font-family:'Helvetica Neue',Arial,sans-serif;color:#111;}

/* ===== Menu movil Maison Lumiere (hamburguesa + submenu desplegable) ===== */
.ml-subtoggle{display:none;}
@media (max-width:1024px){
  nav.site-navigation-dropdown{background:#000 !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;width:100% !important;z-index:9999 !important;overflow-y:auto !important;transform:none !important;-webkit-transform:none !important;}
  nav.site-navigation-dropdown ul.menu{display:block !important;position:static !important;width:100% !important;margin:0 !important;padding:0 !important;}
  nav.site-navigation-dropdown ul.menu > li{display:block !important;position:relative !important;width:100% !important;float:none !important;border-top:1px solid #1a1a1a !important;max-height:none !important;height:auto !important;overflow:visible !important;}
  nav.site-navigation-dropdown a{display:block !important;color:#fff !important;padding:14px 20px !important;font-size:14px !important;letter-spacing:1px !important;text-transform:uppercase !important;}
  /* submenu: oculto por defecto, visible al tocar la flechita */
  nav.site-navigation-dropdown .sub-menu{display:none !important;position:static !important;width:100% !important;background:#0d0d0d !important;border:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;max-height:none !important;overflow:visible !important;}
  nav.site-navigation-dropdown li.ml-open > .sub-menu{display:block !important;}
  nav.site-navigation-dropdown .sub-menu > li{display:block !important;width:100% !important;border-top:1px solid #1a1a1a !important;max-height:none !important;height:auto !important;overflow:visible !important;}
  nav.site-navigation-dropdown .sub-menu a{padding-left:38px !important;font-size:13px !important;text-transform:none !important;letter-spacing:.5px !important;opacity:.9;}
  /* flechita para desplegar */
  .ml-subtoggle{display:flex !important;align-items:center;justify-content:center;position:absolute !important;top:0;right:0;width:56px;height:50px;background:transparent;border:0;color:#fff;cursor:pointer;padding:0;}
  .ml-subtoggle::before{content:"\25BC";font-size:12px;line-height:1;transition:transform .2s ease;}
  nav.site-navigation-dropdown li.ml-open > .ml-subtoggle::before{transform:rotate(180deg);}
}

/* Submenu movil: anular el scaleY(0) con que Hello colapsa los items al desplegar */
@media (max-width:1024px){
  html body .site-header nav.site-navigation-dropdown ul.menu li.menu-item-has-children.ml-open > ul.sub-menu > li,
  html body .site-header nav.site-navigation-dropdown ul.menu li.menu-item-has-children.ml-open > ul.sub-menu > li > a{
    transform:none !important;-webkit-transform:none !important;
  }
}

/* Movil: fondo transparente en los enlaces (eran blancos -> texto blanco invisible) */
@media (max-width:1024px){
  nav.site-navigation-dropdown ul.menu,
  nav.site-navigation-dropdown ul.menu > li,
  nav.site-navigation-dropdown ul.menu a,
  nav.site-navigation-dropdown .sub-menu,
  nav.site-navigation-dropdown .sub-menu > li,
  nav.site-navigation-dropdown .sub-menu a{background:transparent !important;color:#fff !important;}
  nav.site-navigation-dropdown a:hover{opacity:.6;}
}

/* ===== Menu movil: overlay propio (independiente del tema) ===== */
#ml-overlay{display:none;position:fixed;inset:0;z-index:2147483600;background:#000;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#ml-overlay.ml-show{display:block;}
#ml-overlay .ml-overlay-close{position:absolute;top:14px;right:18px;background:transparent;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2;}
#ml-overlay .ml-overlay-nav{padding:78px 0 40px;}
#ml-overlay .ml-overlay-nav ul{list-style:none;margin:0;padding:0;}
#ml-overlay li{position:relative;}
#ml-overlay a{display:block;color:#fff;text-decoration:none;padding:16px 26px;font-size:16px;letter-spacing:1px;text-transform:uppercase;border-top:1px solid #1a1a1a;}
#ml-overlay a:hover{opacity:.6;}
#ml-overlay .sub-menu{display:none;background:#0d0d0d;}
#ml-overlay li.ml-open>.sub-menu{display:block;}
#ml-overlay .sub-menu a{padding-left:46px;font-size:14px;text-transform:none;letter-spacing:.3px;}
#ml-overlay .ml-subtoggle{position:absolute;top:0;right:0;width:64px;height:56px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#fff;font-size:13px;cursor:pointer;}
#ml-overlay .ml-subtoggle::before{content:"\25BC";transition:transform .2s;}
#ml-overlay li.ml-open>.ml-subtoggle::before{transform:rotate(180deg);}
@media (max-width:1024px){ nav.site-navigation-dropdown{display:none !important;} }
@media (min-width:1025px){ #ml-overlay{display:none !important;} }

/* ===== Iconos de cabecera: cuenta + carrito ===== */
.header-inner .site-branding{margin-right:auto !important;}
.ml-header-icons{display:flex;align-items:center;gap:16px;order:5;}
.ml-header-icons .ml-ico{display:inline-flex;align-items:center;justify-content:center;color:#fff;line-height:0;padding:4px;}
.ml-header-icons .ml-ico:hover{opacity:.6;}
.site-navigation-toggle-holder{order:6 !important;}
@media (min-width:1025px){
  nav.site-navigation-dropdown{display:none !important;}
  .ml-header-icons{margin-left:24px;}
}
@media (max-width:1024px){
  .ml-header-icons{margin-right:10px;}
}

/* ===== Evitar scroll horizontal (la web no se mueve de lado en movil) ===== */
html, body{ overflow-x:hidden !important; max-width:100% !important; }