/* =========================================================
   Páginas del tema que la app muestra dentro (pago, páginas de
   Creative Elements, direcciones...). Solo actúa cuando <html>
   tiene la clase "app-nativa", que pone la propia app. La web
   normal no cambia.

   La cabecera, el pie y los menús son los de la app: aquí se
   ocultan los de la web. Selectores comprobados con el tema
   Ecolife + Creative Elements de la tienda de prueba.
   ========================================================= */

html.app-nativa #header,
html.app-nativa #footer,
html.app-nativa .breadcrumb,
html.app-nativa nav.breadcrumb { display: none !important; }
html.app-nativa body { padding-bottom: 0 !important; }
html.app-nativa #wrapper { padding-top: 0 !important; }

/* «Vista rápida»: ventana pensada para escritorio */
html.app-nativa .quick-view { display: none !important; }

/* Pestaña «Consentimiento de cookies»: pequeña y a la derecha, para que no tape
   casillas del pago (p. ej. la de privacidad) */
html.app-nativa #cookiesplus-tab {
  left: auto !important; right: 8px !important; width: auto !important; max-width: 60vw;
  bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 4px 10px !important; border-radius: 999px !important;
  font-size: 11px !important; line-height: 1.4 !important; opacity: .9;
}

/* Página de Creative Elements incrustada en el inicio de la app: solo su contenido
   (el aviso de cookies y lo flotante se gestionan en las demás pantallas) */
html.app-incrustada #cookiesplus-tab,
html.app-incrustada #cookiesplus-overlay,
html.app-incrustada #cookiesplus-modal-container,
html.app-incrustada #cookiesplus-modal { display: none !important; }
html.app-incrustada body, html.app-incrustada #wrapper, html.app-incrustada #main { background: transparent !important; }
html.app-incrustada #wrapper { padding-bottom: 0 !important; margin-bottom: 0 !important; }