/**
 * Theme Name:  Diablo Valley Giving Partners
 * Description: Diablo Valley Giving Partners website theme.
 * Author:      Punctum Design
 * Author URI:  https://punctumdesign.com
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: diablo-valley-giving-partners
 * Template:    astra
 */


/* ==========================================================================
   TABLE OF CONTENTS
   ==========================================================================
   1. Global
   2. Header
   3. Layout / Containers
   4. Forms (Gravity Forms)
   5. Programs / Spectra Blocks
   6. Responsive — Tablet (max-width: 1024px)
   7. Responsive — Mobile (max-width: 769px)
   8. Responsive — Breakpoint Patterns (future use)
   9. Disabled / Archived Rules
   ========================================================================== */


/* ==========================================================================
   1. GLOBAL
   ========================================================================== */

html,
body {
    overflow-x: hidden;
    max-width: 100vw;
}

main {
    box-shadow: none;
    clip-path: none;
}

@media (min-width: 769px) {
    main {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
        clip-path: inset(0 -30px 0 -30px);
    }
}


/* ==========================================================================
   2. HEADER
   ========================================================================== */

.site-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Mobile/tablet top-nav toggle cleanup */
.ast-header-break-point .ast-menu-toggle {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* External link icon for quick-links nav */
.quick-links a::after {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.3em;
    vertical-align: -0.1em;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.5'><path d='M10 3H3v10h10V8M7 9l6-6M9 3h4v4'/></svg>") no-repeat center / contain !important;
}


/* ==========================================================================
   3. LAYOUT / CONTAINERS
   ========================================================================== */

/* Desktop layout rules go here as patterns are built */


/* ==========================================================================
   4. FORMS (Gravity Forms)
   ========================================================================== */

.gform_wrapper .gform_button,
.gform-theme .gform-theme__btn--primary {
    background-color: #009ede !important;
    color: white !important;
    border: none !important;
    padding: 12px 40px;
}

.gform_wrapper .gform_button:hover,
.gform-theme .gform-theme__btn--primary:hover {
    background-color: #003c77 !important;
    color: white !important;
    border: none !important;
}


/* ==========================================================================
   5. PROGRAMS / SPECTRA BLOCKS
   ========================================================================== */

.spectra-button__link {
    text-align: left !important;
    justify-content: flex-start !important;
}

.wp-block-spectra-tabs-child-tab-wrapper .spectra-button__icon {
    margin-left: auto !important;
}

.wp-block-spectra-accordion-child-header {
    justify-content: space-between !important;
    width: 100% !important;
}


/* ==========================================================================
   6. RESPONSIVE — TABLET (max-width: 1024px)
   ========================================================================== */

@media (max-width: 1024px) {

    /* Make parent tap area open submenu on mobile nav */
    .ast-header-break-point .menu-item-has-children > .ast-menu-toggle::before {
        content: "";
        position: absolute;
        top: 0;
        left: -9999px;
        right: 0;
        bottom: 0;
    }

    /* Full-bleed layout */
    .ast-container,
    .site-content .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .ast-separate-container .ast-article-single,
    .ast-separate-container .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


/* ==========================================================================
   7. RESPONSIVE — MOBILE (max-width: 769px)
   ========================================================================== */

@media (max-width: 769px) {

    #primary {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .ast-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}


/* ==========================================================================
   8. RESPONSIVE — BREAKPOINT PATTERNS (future use)
   ==========================================================================
   Spectra Container breakpoints: lg (1024px), md (768px), sm (480px)
   Astra header breakpoint: 921px (default)

   Add section-level responsive overrides here as patterns are built.
   ========================================================================== */


/* ==========================================================================
   9. DISABLED / ARCHIVED RULES
   ========================================================================== */