/**
 * WPP Base Theme — WordPress-Specific Overrides
 *
 * Admin bar offsets, block content width, nav menu overrides,
 * dropdown submenu styles, and responsive breakpoints.
 *
 * All colors reference CSS custom properties from site-config.json.
 */

/* ================================================================
   ADMIN BAR OFFSET
   ================================================================ */
body.admin-bar header {
    top: 32px;
}

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

/* ================================================================
   WORDPRESS BLOCK CONTENT
   ================================================================ */
.entry-content > * {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Prose links must read as links — base.css resets a {color:inherit} globally.
   Same convention as .ArtP-articleBody/.ShowP-description-body. Section markup
   embedded via [vpm_section] shortcodes keeps its own higher-specificity rules. */
.entry-content a {
    color: var(--link-color, #1a7fc3);
    text-decoration: underline;
}
.entry-content a:hover {
    color: var(--navy, #003865);
}

/* WordPress generated alignment classes */
.alignwide { max-width: 1300px; }
.alignfull { max-width: none; width: 100vw; margin-left: calc(-50vw + 50%); }

/* ================================================================
   NAV MENU OVERRIDES (WordPress wp_nav_menu output)
   ================================================================ */
.main-nav .menu li { position: relative; }

/* -- Dropdown Submenus -- */
.main-nav .menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid var(--gray-border);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    min-width: 200px;
    z-index: 100;
    padding: 8px 0;
}
.main-nav .menu li:hover > .sub-menu { display: block; }
.main-nav .menu .sub-menu li a {
    padding: 8px 16px;
    font-size: 13px;
    white-space: nowrap;
}

/* ================================================================
   RESPONSIVE BREAKPOINTS
   ================================================================ */
@media (max-width: 768px) {
    .hero-grid { grid-template-columns: 1fr !important; }
    .news-layout { grid-template-columns: 1fr !important; }
    .announcements-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .art-grid { grid-template-columns: 1fr !important; }
    .spotlight-grid { grid-template-columns: 1fr !important; }
    .footer-top { grid-template-columns: 1fr !important; }
    .ga-inner { grid-template-columns: 1fr !important; }
}

@media (max-width: 768px) {
    .logo-group img {
        height: 36px !important;
        width: auto !important;
    }
    .upper-header .container {
        padding: 0 12px;
    }
    .btn-donate {
        padding: 6px 12px;
        font-size: 11px;
    }
    .search-icon {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .announcements-grid { grid-template-columns: 1fr !important; }
    .logo-group img {
        height: 30px !important;
    }
}