/*
 Theme Name:   Twenty Twenty-Five Child Theme for LS.philstack.com
 Description:  Twenty Twenty-Five Child Theme for LS.philstack.com
 Author:       Phil Varady
 Author URI:   https://philstack.com
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentyfive-child
*/

/* Add your custom CSS rules below this line */


/* BEGIN PHILSTACK STYLES */
/* --- Rustic Hunting Theme CSS (for Twenty Twenty-Five) --- */

/* * 1. FONT IMPORT
 * We're adding two Google Fonts:
 * 'Bitter' - A sturdy slab-serif for headings (like an old sign)
 * 'Lora'   - A classic, readable serif for body text
 */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap');

/* * 2. GLOBAL & BODY STYLES
 * This sets the overall "wooden" or "burlap" background
 * and default "parchment" text styles.
 */
body {
    /* A muted, earthy tan background */
    background-color: #a19a8e;
    
    /* A dark, warm brown for body text (easier on the eyes than black) */
    color: #3d3a35;
    
    /* Use our classic, readable serif font for all body text */
    font-family: 'Lora', 'Georgia', serif;
}

/* * 3. MAIN CONTENT AREA
 * This targets the main content column to make it
 * look like a piece of parchment paper.
 */
body .wp-block-group.is-layout-constrained {
    /* A warm, off-white "parchment" background */
    background-color: #fcfaf5;
    
    /* A subtle shadow to lift the "paper" off the background */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    
    /* A faint border for the paper */
    border: 1px solid #c7c1b8;
    
    /* Add some breathing room inside the "paper" */
    padding: 2.5rem; 
}

/* * 4. HEADINGS & TITLES
 * This makes all headings bold, green, and uses our
 * rustic "Bitter" font.
 */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title {
    /* Use the sturdy, slab-serif font */
    font-family: 'Bitter', 'Times New Roman', serif;
    
    /* A deep, forest-green for all headings */
    color: #4a4a3a;
    font-weight: 700; /* Make headers bold */
}

/* * 5. LINKS
 * Changes links to a natural green that
 * fits the color palette.
 */
a {
    /* A muted, natural green for links */
    color: #5a6a50;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

a:hover {
    /* A slightly brighter green on hover */
    color: #7a8a70;
    text-decoration: none; /* Remove underline on hover */
}

/* * 6. IMAGES
 * Adds a thick border and shadow to all images
 * to make them look like old, printed photos.
 */
img,
.wp-block-image img {
    /* A thick, parchment-colored border for images */
    border: 6px solid #ece5d9;
    
    /* A subtle shadow to make them look like printed photos */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* * 7. BUTTONS
 * Re-styles the default modern buttons to be
 * more blocky and rustic.
 */
.wp-block-button__link {
    background-color: #5a6a50; /* Use the link green */
    color: #ffffff;
    font-family: 'Bitter', serif; /* Use the heading font */
    text-transform: uppercase; /* Feels more "stamped" */
    font-weight: 700;
    border-radius: 3px; /* Sharp, slightly rounded corners */
    border: 1px solid #4a4a3a; /* Darker green border */
    box-shadow: none;
    padding: 12px 20px;
    text-decoration: none;
}

.wp-block-button__link:hover {
    background-color: #4a4a3a; /* Darker green on hover */
    color: #ffffff;
    border-color: #3d3a35;
}

/* --- End of Rustic CSS --- */