/*
GPRO CSS: Global Baseline
Description: Site-wide baseline — heading scale, link colors, and mobile horizontal-overflow guard. Applies globally; no opt-in class needed.
Classes: —
Version: 1.0
Order: 5
*/

/* =============================================================================
   Remove horizontal overflow on mobile
   ============================================================================= */
@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}

/* =============================================================================
   Headings — Divi-aware selectors
   Divi's own styles outspecify bare element selectors, so we target
   Divi's module wrappers alongside the native elements.
   ============================================================================= */

h1, h2, h3, h4, h5, h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
    font-weight:    var(--gpro-weight-medium);
    line-height:    var(--gpro-leading-tight);
    letter-spacing: var(--gpro-tracking-tight);
    margin-top:     0;
}

h1, .et_pb_module h1 { font-size: var(--gpro-text-h1); }
h2, .et_pb_module h2 { font-size: var(--gpro-text-h2); }
h3, .et_pb_module h3 { font-size: var(--gpro-text-h3); }
h4, .et_pb_module h4 { font-size: var(--gpro-text-h4); }
h5, .et_pb_module h5 { font-size: var(--gpro-text-h5); }
h6, .et_pb_module h6 { font-size: var(--gpro-text-h6); }

/* =============================================================================
   Links
   ============================================================================= */

a {
    color:           var(--color-link);
    text-decoration: none;
    transition:      color var(--gpro-transition-fast);
}

a:hover {
    color: var(--color-link-hover);
}
