/* =============================================
   School Events – Global Page Design v1.0
   Branded wrapper for events.tamakon.edu.qa
   ============================================= */

/* ── Body & Background ── */
body {
    background: #f0f4f8 !important;
    margin: 0 !important;
}

/* ── Hide ALL WordPress / theme clutter ── */
.site-header,
.wp-site-blocks > header,
header.wp-block-template-part,
.entry-header,
.entry-footer,
.site-footer,
footer.wp-block-template-part,
.wp-block-post-title,
h1.entry-title,
.page-header,
nav.navigation,
.post-navigation,
.comments-area,
#wpadminbar + * > header,
/* Neve / Hostinger / generic themes */
.nv-nav-wrap, .nv-navbar, .hfg-header, .hfg_header,
.hfg-row, header.site-header, .header-wrap,
#header, #masthead, #site-header,
.ast-site-header-wrap,
.site-navigation, .primary-navigation, .main-navigation,
.top-navigation, .navbar, .header__inner,
/* Page title / breadcrumbs */
.breadcrumb, .breadcrumbs,
/* Footer */
footer.site-footer, #colophon, #footer,
.footer-widgets, .footer-inner,
/* Hide any nav/header that's outside our plugin content */
body > header,
body > footer:not(.sev-page-footer),
body > nav { display: none !important; }

/* Keep admin bar visible */
#wpadminbar { display: block !important; }

/* ── Branded Top Header ── */
body::before {
    content: '';
    display: block;
    height: 4px;
    background: linear-gradient(90deg, #1e4d78, #2b7fc4, #f0b429, #1e4d78);
}

.sev-page-header {
    background: linear-gradient(135deg, #1a3a5c 0%, #1e4d78 60%, #2b7fc4 100%);
    color: #fff;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,.18);
    position: sticky;
    top: 0;
    z-index: 999;
}
#wpadminbar ~ * .sev-page-header,
.admin-bar .sev-page-header { top: 32px; }

.sev-page-header-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}
.sev-page-header-logo img {
    height: 44px;
    width: auto;
    filter: brightness(0) invert(1);
}
.sev-page-header-brand {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.sev-page-header-name {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
.sev-page-header-sub {
    font-size: 12px;
    color: rgba(255,255,255,.75);
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
.sev-page-header-badge {
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 20px;
    padding: 5px 16px;
    font-size: 13px;
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
    white-space: nowrap;
}

/* ── Page Content Wrapper ── */
.sev-page-body {
    min-height: calc(100vh - 120px);
    padding: 36px 20px 60px;
    max-width: 700px;
    margin: 0 auto;
}

/* ── Branded Footer ── */
.sev-page-footer {
    background: #1a3a5c;
    color: rgba(255,255,255,.65);
    text-align: center;
    padding: 18px;
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
    direction: rtl;
}
.sev-page-footer a {
    color: rgba(255,255,255,.85);
    text-decoration: none;
}
.sev-page-footer a:hover { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 600px) {
    .sev-page-header { padding: 12px 16px; }
    .sev-page-header-name { font-size: 14px; }
    .sev-page-header-badge { display: none; }
    .sev-page-body { padding: 20px 12px 40px; }
}