/**
 * Ajustes finos de identidad SITASA sobre el template base (Cassiopeia).
 * Los estilos principales del e-commerce vienen de /os/templates/ck_template/.
 * El e-commerce (com_mdshop) trae su propio header/menú, por eso el chasis de
 * Cassiopeia (header, sidebars, breadcrumbs) se oculta para no duplicar.
 */

/* 1) Ocultar el header vacío de Cassiopeia (brand=0; el menú lo pone el e-commerce). */
.header.container-header {
    display: none;
}

/* 2) El contenido del e-commerce ocupa todo el ancho (sin sidebars). */
.site-grid {
    display: block;
}
.container-component {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

/* 3) Quitar márgenes/padding superiores que dejaba el header al desaparecer. */
.site-grid > .container-component {
    margin-top: 0;
}

/* 4) Iframes gestionados por el consentimiento de cookies (mdcookieconsent).
 *    El plugin usa display:inline-block en AMBOS estados:
 *      - .cookiesck-iframe-wrap          (bloqueado, muestra placeholder)
 *      - .cookiesck-iframe-wrap-allowed  (aceptado, carga el iframe real)
 *    Eso colapsa el contenedor al ancho mínimo -> el iframe queda en una
 *    columna estrecha. Forzamos ancho completo en los dos estados. */
.cookiesck-iframe-wrap,
.cookiesck-iframe-wrap-allowed {
    display: block !important;
    width: 100%;
}
.cookiesck-iframe-wrap iframe,
.cookiesck-iframe-wrap-allowed iframe {
    width: 100% !important;
    display: block;
}
/* Altura visible al placeholder mientras el iframe aún no está aceptado. */
.cookiesck-iframe-wrap:not(.cookiesck-iframe-wrap-allowed) {
    min-height: 800px;
    background: #e9e9e9;
}