/*
Theme Name:        move2nanaimo
Theme URI:         https://move2nanaimo.com
Author:            Brittany Angus Personal Real Estate Corporation
Author URI:        https://move2nanaimo.com
Description:       Custom lead-generation theme for move2nanaimo.com — Brittany Angus, REALTOR® with Royal LePage Nanaimo Realty. Out-of-town buyer relocation site. Complementary to islandrootsgroup.ca.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.5
Requires PHP:      7.4
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       move2nanaimo
Tags:              real-estate, custom-theme, lead-generation, relocation, nanaimo
*/

/* ─────────────────────────────────────────────────────────────
   style.css is intentionally minimal.

   All design tokens, typography, resets, and components live in:
     assets/css/global.css      — tokens, reset, typography, layout
     assets/css/components.css  — buttons, cards, forms, hero, etc.
     assets/css/map.css         — map-only styles (enqueued on /map/)
     assets/css/responsive.css  — breakpoint overrides

   These are enqueued from inc/enqueue.php. This file exists only
   so WordPress can identify the theme.

   Below: the handful of WP-core utility classes every theme must
   ship (per the WordPress Theme Handbook). Do not add design here.
   ───────────────────────────────────────────────────────────── */

/* Alignment classes (classic editor + block editor) */
.alignleft {
    float: left;
    margin: 0.25em 1.5em 1em 0;
}

.alignright {
    float: right;
    margin: 0.25em 0 1em 1.5em;
}

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

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

.alignfull {
    max-width: 100%;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Captions */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.wp-caption img {
    display: block;
    max-width: 100%;
    height: auto;
}

.wp-caption-text,
.gallery-caption {
    font-family: var(--font-body);
    font-size: 0.875rem;
    color: var(--color-text-mid);
    text-align: center;
    padding: 0.5rem 0.25rem 0;
    font-style: italic;
}

/* Sticky posts */
.sticky {
    display: block;
}

/* Post author meta */
.bypostauthor {
    display: block;
}

/* Screen-reader-only text (accessibility requirement) */
.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: var(--color-bg-white);
    border-radius: 4px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.12);
    clip: auto !important;
    clip-path: none;
    color: var(--color-primary);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    height: auto;
    left: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    top: 0.75rem;
    width: auto;
    z-index: 100000;
}

/* Skip-to-content link (WCAG) */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--color-primary);
    color: #fff;
    padding: 0.75rem 1.25rem;
    z-index: 100000;
    font-family: var(--font-body);
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 0 4px 0;
}

.skip-link:focus {
    top: 0;
}

/* Gallery basics (WP core) */
.gallery {
    display: grid;
    grid-template-columns: repeat(var(--gallery-cols, 3), 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
}

.gallery-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Admin bar adjustment */
.admin-bar .site-header--sticky {
    top: 32px;
}

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