/*
Theme Name: GVLS - Georgian Vascular & Lymphatic Society
Theme URI: https://gvls.org
Description: Georgian-first medical association theme for the Georgian Vascular and Lymphatic Society. Annual paid membership, conferences, member directory, WooCommerce checkout, member administration and XLSX exports. No page builders.
Author: GVLS
Version: 1.2.3
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: gvls
License: GPL-2.0-or-later
*/

/* -------------------------------------------------------------------------
   Global reset & overflow guard (see build prompt: GLOBAL OVERFLOW FIX)
   The bulk of styling lives in assets/css/*. This file only carries the
   theme header + a minimal safety reset so the child theme is valid.
   ------------------------------------------------------------------------- */
html, body { max-width: 100%; }
html { overflow-x: hidden; }
body { overflow-x: clip; }

@supports not (overflow: clip) {
    body { overflow-x: visible; }
}

*, *::before, *::after { box-sizing: border-box; }

.full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
}

.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;
}


/* Critical responsive header rules live in the first stylesheet so the
   desktop authentication buttons never flash on mobile while optimized or
   delayed CSS is being applied by a cache/CDN layer. */
@media (max-width: 1023px) {
    .gvls-header .gvls-header__inner {
        min-height: 64px; display: flex; align-items: center; justify-content: space-between;
        padding-inline: 1rem;
    }
    .gvls-header .gvls-nav,
    .gvls-header .gvls-header__desktop-actions { display: none !important; }
    .gvls-header .gvls-header__actions { margin-left: auto; }
    .gvls-header .gvls-burger {
        display: inline-flex !important; align-items: center; justify-content: center;
        flex-direction: column; gap: 5px; width: 44px; height: 44px; padding: 0;
        background: #fff; border: 1px solid #c8d8e8; border-radius: 10px; color: #1b3a6b;
    }
    .gvls-header .gvls-burger span {
        display: block; width: 22px; height: 2px; background: currentColor; border-radius: 2px;
    }
}

@media (min-width: 1024px) {
    .gvls-header .gvls-burger { display: none !important; }
}