/*
Theme Name: JC Salter
Theme URI: 
Author: Jeff Salter
Author URI: 
Description: Child theme of Twenttig
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentig-one
Text Domain: jc-salter
Tags: 
*/

/*
Theme Name: Twentig One Child - J.C. Salter
Template: twentig-one
Version: 1.0.0
*/

/*
Theme Name: Twentig One Child - J.C. Salter
Template: twentig-one
Version: 1.0.0
*/

/* ============================================= */
/* COLOR SCHEME & GLOBAL STYLES                  */
/* ============================================= */

html :where(:root) {
    --accent: #2c3e8c;
    --accent-light: #00a3b4;
    --text-dark: #1f2937;
    --light-bg: #f8fafc;
}

/* Make headings and links use our accent */
html :where(h1, h2, h3, .wp-block-post-title) {
    color: var(--text-dark);
}

html :where(a) {
    color: var(--accent);
}

html :where(a:hover) {
    color: var(--accent-light);
}

/* Buttons */
html :where(.wp-block-button__link) {
    background-color: var(--accent);
    border-radius: 9999px;
    padding: 16px 36px;
    font-weight: 600;
    transition: all 0.25s ease;
}

html :where(.wp-block-button__link:hover) {
    background-color: var(--accent-light);
    transform: translateY(-3px);
}

/* Clean typography for professional feel */
html :where(.wp-block-paragraph) {
    font-size: 1.15rem;
    line-height: 1.75;
    max-width: 68ch;
}

/* Hero improvements */
.hero-section {
    min-height: 85vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #1f2937 0%, #2c3e8c 100%);
    color: white;
    padding: 120px 20px 80px;
}

/* ============================================= */
/* YOUR CUSTOM SECTIONS                          */
/* ============================================= */

/* ============================================= */
/* TARGETED FULL-WIDTH HERO ONLY                 */
/* ============================================= */

.home .wp-block-cover.alignfull {
    margin-left: calc(-1 * var(--wp--style--root--padding-left)) !important;
    margin-right: calc(-1 * var(--wp--style--root--padding-right)) !important;
    width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right)) !important;
    max-width: none !important;
    border-radius: 0 !important;
}

/* Center the content nicely inside the hero */
.home .wp-block-cover.alignfull .wp-block-cover__inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}

/* Make sure header and footer keep their padding */
header.wp-block-template-part,
footer.wp-block-template-part,
.wp-site-blocks > .wp-block-template-part {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
}

/* Add more custom classes here as we build pages */

/* Add more custom classes here as we build pages */