/*
Theme Name: JEStats
Description: JEStats site customizations for the JEPulse parent theme. Elementor owns the site design.
Author: J&E Stats
Template: jepulse
Version: 0.2.0
Requires at least: 6.8
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jestats
*/

/* Match the captured Hello Elementor baseline without overriding widget controls. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:where(p) {
  margin-block: 0 0.9rem;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin-block: 0.5rem 1rem;
}

:where(h1) {
  font-size: 2.5rem;
}

:where(h2) {
  font-size: 2rem;
}

:where(h3) {
  font-size: 1.75rem;
}

:where(h4) {
  font-size: 1.5rem;
}

:where(h5) {
  font-size: 1.25rem;
}

:where(h6) {
  font-size: 1rem;
}

:where(label) {
  line-height: 1;
}

/* Preserve Hello's selector specificity above generic field-size defaults. */
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
select,
textarea {
  padding: 0.5rem 1rem;
}

/* Hello supplies a fixed control line height, including atomic Elementor buttons. */
:where(button) {
  line-height: 1.5;
}

/* Native pages use the captured Hello content widths, without Pulse section spacing. */
.jestats-native-page,
.jestats-native-page .entry-title {
  width: 100%;
  margin-inline: auto;
}

/*
 * The Elementor kit's Theme Style sets the body text color to its Text
 * global, which is white for use on designed dark sections. Elementor
 * widgets carry their own colors, but native block content inherits the
 * body color and would render white on the light canvas. Native pages
 * therefore take the ink preset explicitly. Elementor pages are
 * untouched: this selector only exists in the child's page template.
 */
.jestats-native-page {
  color: var(--wp--preset--color--contrast, #111827);
}

@media (width <= 575px) {
  .jestats-native-page,
  .jestats-native-page .entry-title {
    padding-inline: 10px;
  }
}

@media (width >= 576px) {
  .jestats-native-page,
  .jestats-native-page .entry-title {
    max-width: 500px;
  }
}

@media (width >= 768px) {
  .jestats-native-page,
  .jestats-native-page .entry-title {
    max-width: 600px;
  }
}

@media (width >= 992px) {
  .jestats-native-page,
  .jestats-native-page .entry-title {
    max-width: 800px;
  }
}

@media (width >= 1200px) {
  .jestats-native-page,
  .jestats-native-page .entry-title {
    max-width: 1140px;
  }
}