/*
	Theme Name: SEMISUD Child
	Theme URI: http://localhost/semisud
	Description: Child theme of Hello Elementor for the SEMISUD (Seminario Sudamericano) website. Holds only what cannot live in Elementor: local font registration helpers and custom post type registration. All visual design is built with the Elementor global kit and Theme Builder templates.
	Author: SEMISUD
	Template: hello-elementor
	Version: 0.1.5
	Requires at least: 6.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: semisud-child
*/

/* Base visual styling is handled by the Elementor global kit, not here. */

/* ============================================================================
   Mobile design corrections — "Informe de incidencias de Diseño (Versión Móvil)"
   Every rule is scoped to < 768px so desktop geometry stays exactly as built.
   Selectors target the specific Elementor element IDs from the affected widgets.
   ============================================================================ */
@media ( max-width: 767px ) {

	/* [1] Home hero — two parts of the same report item:
	   (a) the H1 sat flush against the image edge (x=16) while the buttons were
	       inset 10px (x=26); this margin-left aligns the heading with the buttons.
	   (b) "poco margen entre la imagen y las palabras" — the whole cluster still
	       hugged the edge (~10px), so the slide content box gets a 16px left inset
	       (matches the KIT gutter). Net effect: heading + both buttons stay aligned
	       and now sit 26px off the image edge instead of 10px. Applied to all three
	       hero slides so the slider stays consistent.
	   Slide 1 (heading 4dcbfe3) is excluded since 2026-10-22: its heading is
	   centred and the slide has no buttons. */
	.elementor-element-f8678dd,
	.elementor-element-a517a9b {
		margin-left: 10px;
	}
	.elementor-element-heroslide2 .e-con-inner,
	.elementor-element-heroslide3 .e-con-inner {
		padding-left: 16px;
	}

	/* [2] Header — pull the hamburger flush to the image's 16px right margin.
	   A 10px right padding on its container pushed the icon to 26px from the
	   edge; removing it lines the icon up with the hero image's right edge. */
	.elementor-element-mh042 {
		padding-right: 0 !important;
	}

	/* [3] Malla curricular — even out the spacing between the two accordion
	   columns. Stacked on mobile, the column gap (36px) plus each column's
	   inner padding (10px top/bottom) made the Biblia -> Teología gap ~76px
	   against a 20px in-column gap. Zeroing both makes every gap a uniform 20px.
	   The malla is part of the reused program template, so the substring match
	   also covers the copies on the other program pages (p12marow-13/-15/-16,
	   p12macl-* / p12macr-*), not just page 12. */
	[class*="elementor-element-p12marow"] > .e-con-inner {
		gap: 0 !important;
	}
	[class*="elementor-element-p12macl"] > .e-con-inner,
	[class*="elementor-element-p12macr"] > .e-con-inner {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* [4] Program hero titles — loosen the line-height (was 1.05) so accent
	   marks (Í in TEOLOGÍA / BÍBLICAS / CAPELLANÍA, Ñ in NIÑEZ) no longer overlap
	   the line above. Report says "los títulos de los programas" (plural), so this
	   covers every program-template page: 12 (p12h1), 13/15/16 (p12h1-13/-15/-16),
	   14 (p14h1). */
	.elementor-element-p12h1 .elementor-heading-title,
	.elementor-element-p12h1-13 .elementor-heading-title,
	.elementor-element-p12h1-15 .elementor-heading-title,
	.elementor-element-p12h1-16 .elementor-heading-title,
	.elementor-element-p14h1 .elementor-heading-title {
		line-height: 1.2 !important;
	}

	/* [5] Museo — add breathing room above the HORARIO title, which was flush
	   against the bullet list above it. (The "6:00 pm" orphan is fixed in the
	   widget content with non-breaking spaces, not here.) */
	.elementor-element-p28hh {
		margin-top: 26px !important;
	}
}

/* ============================================================================
   Desktop menu correction (hover flyouts only exist >= 768px)
   ============================================================================ */
@media ( min-width: 768px ) {

	/* [6] Third-level flyout clipping. A 3rd-level submenu (Posgrados ->
	   Maestrías Lee/Semisud -> 3 items) is stretched to its parent panel's height.
	   Letting it grow to its own content stops the 3rd item (MBA) being clipped.
	   The parent panel is then grown to match the child's exact height by the
	   semisud_flyout_equalize() script (functions.php) so the two panels
	   bottom-align — a fixed px can't track the real child height across
	   zoom / font / wrapping. */
	.elementor-nav-menu--main .sub-menu .sub-menu {
		min-height: max-content !important;
	}

	/* [7] Long flyout labels (e.g. "Desarrollo Integral de la Niñez y
	   Adolescencia") were forced onto one line (white-space:nowrap) and ran off
	   the right edge of the fixed-width panel. Allow them to wrap so the text
	   stays inside the panel; the equalizer script re-measures the taller panel. */
	.elementor-nav-menu--main .sub-menu a {
		white-space: normal !important;
	}
}