/*
Theme Name:        Skoolmaths
Theme URI:         https://skoolmaths.com/
Author:            Skoolmaths
Author URI:        https://skoolmaths.com/
Description:       The official Skoolmaths theme — purpose-built for an educational resource platform. Replaces Hello Elementor and removes all dependency on page builders. Custom branded header, footer, page templates, and WooCommerce integration for Maths, Science, and English teaching resources.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
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:       skoolmaths
Tags:              education, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, rtl-language-support, theme-options, threaded-comments, translation-ready

Skoolmaths WordPress Theme is a fully custom theme.
All design, structure, and brand styling © Skoolmaths.
*/

/* ============================================================
   This stylesheet exists primarily for the metadata header above
   (which WordPress uses to identify the theme).

   Actual theme styles live inline within their respective
   template files (header.php, footer.php, page templates) so
   that each page gets only the CSS it needs — improving
   performance over loading one giant global stylesheet.

   Add only TRULY GLOBAL utilities below this line — things that
   need to apply on every page regardless of template.
============================================================ */

/* Screen reader only utility */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #1a8c74;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 12px;
    line-height: normal;
    padding: 12px 18px;
    text-decoration: none;
    top: 12px;
    width: auto;
    z-index: 100000;
}

/* Alignment classes (required for WP block editor compatibility) */
.alignleft   { float: left;  margin-right: 1.5em; margin-bottom: 1em; }
.alignright  { float: right; margin-left:  1.5em; margin-bottom: 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull   { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* WordPress core image caption styling */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5em;
}
.wp-caption-text {
    font-size: 0.85rem;
    color: #5a6a78;
    font-style: italic;
    margin-top: 0.5em;
    text-align: center;
}

/* Sticky positioning for editor */
.sticky { display: block; }

/* Honeypot for forms */
.skm-honeypot {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
}

/* Make sure embeds are responsive */
embed, iframe, object, video {
    max-width: 100%;
}

/* Fix for fixed-header anchor scroll positioning */
:target {
    scroll-margin-top: 100px;
}

/* Honour user motion preferences */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}