/*
Theme Name: Mon Prof Augmenté
Theme URI: https://monprofaugmente.fr
Description: Custom theme matching the Mon Prof Augmenté visual identity - notebook paper design
Author: Mon Prof Augmenté
Version: 1.0
Template: twentytwentyfive
Text Domain: monprof-theme
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
    --chalkboard: #2d5016;
    --paper: #fffef0;
    --primary-red: #e63946;
    --primary-blue: #457b9d;
    --primary-yellow: #f4a261;
    --pencil-gray: #6c757d;
    /* Override theme content width to 1200px */
    --wp--style--global--content-size: 1200px !important;
    --wp--style--global--wide-size: 1400px !important;
}

/* Body and background */
body {
    font-family: 'Inter', sans-serif !important;
    background-color: var(--paper) !important;
    background-image: 
        repeating-linear-gradient(
            transparent,
            transparent 31px,
            #e8e4d4 31px,
            #e8e4d4 32px
        ) !important;
    background-size: 100% 32px !important;
    color: var(--chalkboard) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.entry-title {
    font-family: 'Fredoka', sans-serif !important;
    color: var(--chalkboard) !important;
}

/* Links */
a {
    color: var(--primary-blue) !important;
}

a:hover {
    color: var(--chalkboard) !important;
}

/* Header */
.wp-site-blocks header,
header.wp-block-template-part {
    background-color: var(--chalkboard) !important;
    padding: 1rem 2rem !important;
}

.wp-site-blocks header a,
header.wp-block-template-part a {
    color: white !important;
}

.wp-site-blocks header .wp-block-site-title a {
    color: white !important;
    font-family: 'Fredoka', sans-serif !important;
    font-size: 1.5rem !important;
}

/* Footer - hide default, we use custom */
.wp-site-blocks footer,
footer.wp-block-template-part {
    display: none !important;
}

/* Override WordPress default narrow width - center everything at 1200px */
.wp-site-blocks {
    max-width: 100% !important;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-layout-constrained > .alignwide {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Single post content - 1200px wide and centered */
.wp-block-post-content,
.entry-content,
article.post .wp-block-post-content {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 2rem auto !important;
    padding: 2rem !important;
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    border: 3px solid var(--chalkboard) !important;
}

/* Ensure the main content wrapper is full width */
.wp-block-group.has-global-padding {
    max-width: 100% !important;
}

/* Query block and post template - center them at 1200px */
.wp-block-query {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-post-template {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Buttons */
.wp-block-button__link,
button,
input[type="submit"] {
    background: linear-gradient(135deg, var(--primary-red), #ff6b6b) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Fredoka', sans-serif !important;
    padding: 0.75rem 1.5rem !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(230, 57, 70, 0.3) !important;
}

/* Post cards on homepage */
.wp-block-post {
    background: white !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    border: 2px solid #e8e4d4 !important;
}

/* Navigation */
.wp-block-navigation a {
    font-family: 'Fredoka', sans-serif !important;
}

/* Comments */
.wp-block-comments {
    background: white !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 2px solid #e8e4d4 !important;
    max-width: 1200px !important;
    margin: 2rem auto !important;
}

/* Featured images */
.wp-block-post-featured-image img {
    border-radius: 12px !important;
}

/* Blockquotes */
blockquote {
    border-left: 4px solid var(--primary-yellow) !important;
    background: rgba(244, 162, 97, 0.1) !important;
    padding: 1rem 1.5rem !important;
    border-radius: 0 8px 8px 0 !important;
    font-style: italic !important;
}

/* Code blocks */
pre, code {
    background: #f4f4f4 !important;
    border-radius: 8px !important;
    font-size: 0.9em !important;
}