/*
Theme Name: KAL School Manager
Theme URI: https://kal-school-manager.local
Author: KAL School Manager Team
Author URI: https://kal-school-manager.local
Description: Custom theme for the KAL School Manager platform with Tailwind CSS 4.1 integration, Alpine.js, and HTMX support.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.1
Text Domain: kalschoolmanager
*/

/* ============================================================================
   SCOPED HEADING STYLES
   ============================================================================
   These styles ONLY apply to:
   - WordPress page/post content (.entry-content)
   - Gutenberg block content (.wp-block-post-content)
   - Prose content areas (.prose)
   - Individual Gutenberg heading blocks (.wp-block-heading)
   
   They DO NOT affect:
   - Dashboard elements
   - Reports, marksheets, classlists
   - Any custom post type templates
   ============================================================================ */

/* Page/Post Content Headings */
.entry-content h1,
.wp-block-post-content h1,
.prose h1 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h1:first-child,
.wp-block-post-content h1:first-child,
.prose h1:first-child {
  margin-top: 0;
}

.entry-content h2,
.wp-block-post-content h2,
.prose h2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h2:first-child,
.wp-block-post-content h2:first-child,
.prose h2:first-child {
  margin-top: 0;
}

.entry-content h3,
.wp-block-post-content h3,
.prose h3 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h3:first-child,
.wp-block-post-content h3:first-child,
.prose h3:first-child {
  margin-top: 0;
}

.entry-content h4,
.wp-block-post-content h4,
.prose h4 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h4:first-child,
.wp-block-post-content h4:first-child,
.prose h4:first-child {
  margin-top: 0;
}

.entry-content h5,
.wp-block-post-content h5,
.prose h5 {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h5:first-child,
.wp-block-post-content h5:first-child,
.prose h5:first-child {
  margin-top: 0;
}

.entry-content h6,
.wp-block-post-content h6,
.prose h6 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Remove top margin from first heading */
.entry-content h6:first-child,
.wp-block-post-content h6:first-child,
.prose h6:first-child {
  margin-top: 0;
}

/* Gutenberg Heading Block Styles */
.wp-block-heading h1 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
}

.wp-block-heading h2 {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3;
}

.wp-block-heading h3 {
  font-size: 1.75em;
  font-weight: 600;
  line-height: 1.4;
}

.wp-block-heading h4 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4;
}

.wp-block-heading h5 {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
}

.wp-block-heading h6 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
}

/* ============================================================================
   END SCOPED HEADING STYLES
   ============================================================================ */

/* Tailwind's generated CSS will be placed in assets/dist/tailwind.css */

/* Fallback typography utility classes (duplicated intentionally for first load before Tailwind build) */
.noto-sans {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.noto-serif {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.footer-gradient {
  background-image: radial-gradient(circle at 72% 83%, rgba(12, 12, 12,0.04) 0%, rgba(12, 12, 12,0.04) 50%,rgba(172, 172, 172,0.04) 50%, rgba(172, 172, 172,0.04) 100%),radial-gradient(circle at 57% 65%, rgba(11, 11, 11,0.04) 0%, rgba(11, 11, 11,0.04) 50%,rgba(222, 222, 222,0.04) 50%, rgba(222, 222, 222,0.04) 100%),radial-gradient(circle at 64% 31%, rgba(11, 11, 11,0.04) 0%, rgba(11, 11, 11,0.04) 50%,rgba(191, 191, 191,0.04) 50%, rgba(191, 191, 191,0.04) 100%),linear-gradient(130deg, rgb(0,128,0),rgb(128,0,128));
}

.header-gradient {
  background-image: radial-gradient(circle at 15% 59%, rgba(101, 101, 101,0.04) 0%, rgba(101, 101, 101,0.04) 50%,rgba(44, 44, 44,0.04) 50%, rgba(44, 44, 44,0.04) 100%),radial-gradient(circle at 47% 11%, rgba(240, 240, 240,0.04) 0%, rgba(240, 240, 240,0.04) 50%,rgba(29, 29, 29,0.04) 50%, rgba(29, 29, 29,0.04) 100%),radial-gradient(circle at 73% 44%, rgba(252, 252, 252,0.04) 0%, rgba(252, 252, 252,0.04) 50%,rgba(130, 130, 130,0.04) 50%, rgba(130, 130, 130,0.04) 100%),radial-gradient(circle at 72% 91%, rgba(234, 234, 234,0.04) 0%, rgba(234, 234, 234,0.04) 50%,rgba(48, 48, 48,0.04) 50%, rgba(48, 48, 48,0.04) 100%),radial-gradient(circle at 27% 3%, rgba(48, 48, 48,0.04) 0%, rgba(48, 48, 48,0.04) 50%,rgba(163, 163, 163,0.04) 50%, rgba(163, 163, 163,0.04) 100%),linear-gradient(90deg, rgb(200,0,170),rgb(128,0,128));
}