/* Version: 0.1.0 Text Domain: soyfan */ /* ===== Header fijo — reserva global cuando exista header ===== */ :root{ --cb-head-h: 0px; } /* fallback; el JS lo actualiza con la altura real */ body.admin-bar{ --wp-admin-bar-h: 32px; } @media (max-width:782px){ body.admin-bar{ --wp-admin-bar-h: 46px; } } /* Reserva en TODAS las páginas donde el header esté activo (.has-cb-head en ) */ .has-cb-head body{ padding-top: var(--cb-head-h); } @supports (padding: max(0px)){ .has-cb-head body{ padding-top: calc(var(--cb-head-h) + env(safe-area-inset-top)); } } /* Suma la barra de admin cuando existe */ .has-cb-head body.admin-bar{ padding-top: calc(var(--cb-head-h) + var(--wp-admin-bar-h, 0px)); } @supports (padding: max(0px)){ .has-cb-head body.admin-bar{ padding-top: calc(var(--cb-head-h) + var(--wp-admin-bar-h, 0px) + env(safe-area-inset-top)); } } /* El header no puede medir menos que la reserva */ #cb-chrome-head{ min-height: var(--cb-head-h); } /* Anclas (#id) no quedan ocultas detrás del header */ .has-cb-head [id]{ scroll-margin-top: calc(var(--cb-head-h) + var(--wp-admin-bar-h, 0px) + 12px); } /* Evitá colapso de márgenes del primer bloque */ .has-cb-head #site-content, .has-cb-head main{ display: flow-root; } .has-cb-head #site-content > :first-child, .has-cb-head main > :first-child{ margin-top: 6px; } }