/*
Theme Name: TA Driving Theme
Theme URI: https://tadrivingacademy.co.uk/
Author: TA Driving Academy
Author URI: https://tadrivingacademy.co.uk/
Description: Custom WordPress theme for TA Driving Academy - a professional automatic driving school serving Birmingham and surrounding areas. Converted from the original static HTML build with a fully dynamic header, footer, navigation menu and home page.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tadriving
Tags: driving-school, business, custom-logo, custom-menu, featured-images, translation-ready, responsive
*/

/* ==========================================================================
   IMPORTANT
   --------------------------------------------------------------------------
   This file exists mainly to carry the theme header above, which WordPress
   requires. The real design lives in assets/css/custom.css and the other
   vendor stylesheets, all of which are loaded via wp_enqueue_style() in
   functions.php.

   This stylesheet is enqueued LAST, so anything you add below overrides
   every other stylesheet. Put your own tweaks here rather than editing
   assets/css/custom.css, so future design updates stay easy to merge.
   ========================================================================== */

/* --------------------------------------------------------------------------
   WordPress core block / editor classes.
   The original static build never had these, but WordPress outputs them on
   pages, comments and the admin bar. Without them, content can render with
   broken alignment.
   -------------------------------------------------------------------------- */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignwide {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.alignfull {
    max-width: none;
    width: 100%;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text,
.wp-block-image figcaption {
    font-size: 14px;
    text-align: center;
}

.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 !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #111;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Skip link target */
#main-content:focus {
    outline: none;
}

/* --------------------------------------------------------------------------
   Admin bar offset. When logged in, WordPress pushes the page down by 32px
   (46px on mobile), which can hide part of the sticky header.
   -------------------------------------------------------------------------- */
.admin-bar .header-sticky.active {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .header-sticky.active {
        top: 46px;
    }
}

/* --------------------------------------------------------------------------
   Contact Form 7 - restyled to match the original theme form controls so the
   CF7 shortcode output is visually identical to the old static markup.
   -------------------------------------------------------------------------- */
.contact-form .wpcf7-form .row {
    margin-left: -12px;
    margin-right: -12px;
}

.contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.contact-form .wpcf7 .form-control {
    width: 100%;
}

.contact-form .wpcf7-not-valid-tip {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #dc3545;
}

.contact-form .wpcf7-response-output {
    margin: 24px 0 0;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 15px;
}

.contact-form .wpcf7 form.sent .wpcf7-response-output {
    border-color: #198754;
    color: #198754;
}

.contact-form .wpcf7 form.invalid .wpcf7-response-output,
.contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-form .wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3545;
    color: #dc3545;
}

.contact-form .wpcf7-spinner {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}

/* --------------------------------------------------------------------------
   Accessibility: respect the visitor's reduced-motion preference. The theme
   leans heavily on GSAP / WOW.js entrance animations.
   -------------------------------------------------------------------------- */
@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;
    }
}

/* ==========================================================================
   YOUR CUSTOM CSS BELOW THIS LINE
   ========================================================================== */