/*
Theme Name:   SERVI Sancris Child
Theme URI:    https://servisancris.com
Description:  Child theme de Kadence para el sitio de SERVI Sancris — servicios del hogar en San Cristóbal de las Casas y Tuxtla Gutiérrez: cocinas integrales, carpintería, mantenimiento y acabados, remodelaciones e instalación de paneles solares. Todo el contenido de las páginas se inyecta mediante shortcodes propios del child theme.
Author:       Analytix
Author URI:   https://analytix.solutions
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags:         custom-colors, full-width-template, block-styles
Text Domain:  servisancris-child
*/

/* ==========================================================================
   Este archivo solo define la identidad del child theme.
   Todo el CSS del sitio vive en assets/css/custom-main.css
   (generado por _build.py a partir de los HTML de _raw/).
   ========================================================================== */

/* ==========================================================================
   Guarda global para las secciones a sangre del one-page.

   La Home saca su wrapper del contenedor de Kadence con
   `margin-inline: calc(50% - 50vw)`. En escritorio con barra de scroll
   clásica, 100vw incluye el ancho de la barra y eso desborda unos 15px
   a la derecha. `overflow-x: clip` lo contiene sin romper `position: sticky`
   ni `position: fixed` (a diferencia de `overflow-x: hidden`).
   ========================================================================== */
html,
body {
    overflow-x: clip;
}

/* ==========================================================================
   Home one-page: el header, la navegación y el footer viven DENTRO del
   shortcode [vc_servi_home] porque la barra necesita scroll-spy y un menú
   móvil propios, y el JS del child theme no puede seleccionar el marcado de
   Kadence (el build antepone `vc-` a toda clase que aparece en el JS).

   Sin esto el sitio mostraría dos barras de navegación y dos pies de página.
   Solo afecta a la portada: el resto de páginas conserva los de Kadence.
   Verificado contra el marcado en producción el 14/09/2026:
   header = #masthead, footer = #colophon.
   ========================================================================== */
body.home #masthead,
body.home #colophon {
    display: none;
}

/* ==========================================================================
   Barra de admin de WordPress vs. la barra fija del one-page.

   La barra del one-page es `position: fixed; top: 0`. La barra de admin de WP
   también es fija y lleva `z-index: 99999`, así que le tapa los primeros
   píxeles y el logo se ve recortado. WP añade `html { margin-top }` para
   empujar el documento, pero eso no mueve un elemento fijo.

   Solo lo ve quien tiene sesión iniciada — un visitante nunca lo nota.

   Los cortes son los de WP: 32px de alto por encima de 782px, 46px entre
   601 y 782, y por debajo de 600px la barra de admin pasa a `position:
   absolute` y se va con el scroll, así que ahí no hay que compensar nada.
   ========================================================================== */
@media screen and (min-width: 783px) {
    body.admin-bar .vc-page-home .vc-nav { top: 32px; }
    body.admin-bar .vc-page-home .vc-nav-panel { top: calc(var(--vc-nav-h) + 32px); }
}

@media screen and (min-width: 601px) and (max-width: 782px) {
    body.admin-bar .vc-page-home .vc-nav { top: 46px; }
    body.admin-bar .vc-page-home .vc-nav-panel { top: calc(var(--vc-nav-h) + 46px); }
}