/*
Theme Name: Wu Jao Kung Fu Academy
Theme URI: https://kungfu.org.nz
Author: Codia Tech
Author URI: https://codia.tech
Description: Custom theme for Wu Jao Academy of Kung Fu, Auckland. A like-for-like WordPress conversion of the academy's existing site, so the design is unchanged and the content becomes editable. Built on Bootstrap 5.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wujao
*/

/*
   The academy's own stylesheet is loaded separately and unchanged, from
   assets/css/kungfu.css. Nothing is redefined here: the point of this
   conversion is that the site looks exactly as it did, so the only rules in
   this file are the handful WordPress itself needs.
*/

/* ===== WordPress core classes the editor can emit ===== */

.alignleft   { float: left;  margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright  { float: right; margin-left: 1.5rem;  margin-bottom: 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide, .alignfull { max-width: 100%; height: auto; }

.wp-caption { max-width: 100%; }
.wp-caption-text, figcaption {
    font-size: 0.875rem;
    color: #6c757d;
    padding-top: 0.5rem;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Keyboard focus. The original site relied on the browser default, which
   Bootstrap suppresses in places; this puts a visible ring back. */
a:focus-visible,
button:focus-visible,
.nav-link:focus-visible {
    outline: 3px solid var(--wj-primary, #dc3545);
    outline-offset: 2px;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 10000;
    background: #fff;
    color: #212529;
    padding: 0.75rem 1.25rem;
}
.skip-link:focus { left: 0; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-delay: 0ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}