/*
Theme Name:   Summoners War Codes
Theme URI:    https://swcoupon.net
Description:  A theme for browsing and redeeming the latest Summoners War coupon codes. Provides a responsive code list with reward filtering plus an in-page redemption form, all delivered through simple shortcodes.
Author:       SWCoupon Team
Author URI:   https://swcoupon.net
Template:     generatepress
Version:      1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  summoners-war-codes
Tags:         gaming, summoners-war, coupon-codes
*/

/*
 * The bulk of the styling lives in /assets/css/coupon-table.css and the parent
 * theme's stylesheet. This file intentionally stays minimal.
 *
 * Override site-wide tokens here (e.g. brand color) so the coupon table can
 * inherit them via var(--swc-*).
 */

:root {
    --swc-accent: #4a8df7;
    --swc-accent-strong: #2563eb;
    --swc-success: #16a34a;
    --swc-danger: #b91c1c;
    --swc-muted: #6b7280;
    --swc-border: #e5e7eb;
    --swc-row-hover: #f9fafb;
}

/*
 * Mobile typography: justify body text on small screens for cleaner block
 * alignment. Limited to paragraphs and list items inside .entry-content so
 * headings, buttons, code blocks, and tables keep their natural alignment.
 */
@media (max-width: 768px) {
    .entry-content p,
    .entry-content li {
        text-align: justify;
        hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }

    /*
     * Compact heading scale on tablet + mobile so the page title and section
     * dividers don't eat the fold. .entry-title covers the post/page header
     * rendered by GeneratePress; .entry-content h1–h6 covers in-body headings.
     */
    .entry-title,
    .entry-content h1 {
        font-size: 1.6rem;
        line-height: 1.25;
        margin-bottom: 0.6em;
    }

    .entry-content h2 {
        font-size: 1.4rem;
        line-height: 1.3;
        margin-top: 1.2em;
        margin-bottom: 0.5em;
    }

    .entry-content h3 {
        font-size: 1.25rem;
        line-height: 1.3;
        margin-top: 1em;
        margin-bottom: 0.45em;
    }

    .entry-content h4 {
        font-size: 1.125rem;
        line-height: 1.35;
        margin-top: 0.9em;
        margin-bottom: 0.4em;
    }

    .entry-content h5 {
        font-size: 1.05rem;
        line-height: 1.4;
        margin-top: 0.8em;
        margin-bottom: 0.35em;
    }

    .entry-content h6 {
        font-size: 1rem;
        line-height: 1.4;
        margin-top: 0.7em;
        margin-bottom: 0.3em;
    }
}

/*
 * Tighter heading scale on small phones (<= 480px) — page title in particular
 * benefits from a smaller, denser hero so the user sees content faster.
 */
@media (max-width: 480px) {
    .entry-title,
    .entry-content h1 {
        font-size: 1.4rem;
        line-height: 1.22;
        margin-bottom: 0.5em;
    }

    .entry-content h2 {
        font-size: 1.25rem;
    }

    .entry-content h3 {
        font-size: 1.15rem;
    }

    .entry-content h4 {
        font-size: 1.05rem;
    }

    .entry-content h5,
    .entry-content h6 {
        font-size: 1rem;
    }
}