/**
 * =============================================================================
 *  CNMI Commonwealth Election Commission
 *  Voter Registration Statistics — Custom CSS
 *  File: media/com_voterregstats/css/custom.css
 * =============================================================================
 *
 *  UPDATE-SAFE
 *  -----------
 *  This file is NOT part of the component package.  It is created once on
 *  first install and is NEVER overwritten or deleted by component updates.
 *  Edit it freely — your changes will survive every future update.
 *
 *  HOW IT WORKS
 *  ------------
 *  The component view checks whether this file exists at runtime and, if so,
 *  loads it AFTER the inline param-driven <style> block.  Any rule here
 *  overrides both the Joomla template styles AND the Options panel settings.
 *
 *  CLASS REFERENCE
 *  ---------------
 *  Wrapper & layout
 *    .voterregstats-wrap            Outermost wrapper div
 *    .voterregstats-scroll          Horizontal-scroll container (responsive)
 *    .voterregstats-table           The <table> element
 *
 *  Header row  (district IDs: ED1A, ED2 …)
 *    .voterregstats-th-label        "DISTRICT BREAKDOWN" cell
 *    .voterregstats-th-district     Each district-ID header cell
 *
 *  Row label column
 *    .voterregstats-td-label        "VILLAGE or ISLAND", "VOTERS/DISTRICT" etc.
 *
 *  Data cells
 *    .voterregstats-td-village      Village / island name cells
 *    .voterregstats-td-count        Numeric voter count cells
 *
 *  Combined district rows
 *    .voterregstats-td-combined     "ED1", "ED2" … label cells (colspan)
 *    .voterregstats-td-combined-total  Numeric combined totals (colspan)
 *
 *  Grand total row
 *    .voterregstats-tr-grand-total  The entire grand-total <tr>
 *
 *  Note
 *    .voterregstats-note            The statistics note paragraph
 *
 * =============================================================================

/* Add 20px margin to Vote Reg Stat table */

.voterregstats-wrap {margin-left:20px; margin-right:20px;}




/* ─────────────────────────────────────────────────────────────────────────────
   WRAPPER & TABLE SHELL
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-wrap {
    margin: 0 auto;
    padding: 0 16px;
}
.voterregstats-table {
    border-spacing: 0;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   HEADER ROW  (district IDs)
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-th-label,
.voterregstats-th-district {
    background-color: #00695C;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #B0BEC5;
    white-space: nowrap;
}
.voterregstats-th-label {
    text-align: left;
    min-width: 160px;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   ROW LABEL COLUMN
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-td-label {
    background-color: #E0F2F1 !important;
    color: #004D40 !important;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 12px;
    border: 1px solid #B0BEC5;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   VILLAGE NAME CELLS
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-td-village {
    color: #1A1A1A;
    font-size: 13px;
    text-align: center;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   VOTER COUNT CELLS
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-td-count {
    color: #1A1A1A;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   COMBINED DISTRICT ROWS
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-td-combined {
    background-color: #E0F2F1 !important;
    color: #00695C !important;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
}
.voterregstats-td-combined-total {
    background-color: #E8F5E9 !important;
    color: #1B5E20 !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   GRAND TOTAL ROW
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-tr-grand-total td {
    background-color: #00695C !important;
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: bold;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   STATISTICS NOTE
   ───────────────────────────────────────────────────────────────────────────── */

/*
.voterregstats-note {
    margin-top: 10px;
    padding: 8px 14px;
    background-color: #F5F5F5;
    border-left: 4px solid #00897B;
    color: #555555;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    display: inline-block;
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   RESPONSIVE OVERRIDES
   ───────────────────────────────────────────────────────────────────────────── */

/*
@media (max-width: 768px) {
    .voterregstats-th-label,
    .voterregstats-th-district {
        font-size: 10px;
        padding: 5px 6px;
    }
    .voterregstats-td-village,
    .voterregstats-td-count {
        font-size: 11px;
    }
    .voterregstats-tr-grand-total td {
        font-size: 13px;
    }
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   PRINT STYLES
   ───────────────────────────────────────────────────────────────────────────── */

/*
@media print {
    .voterregstats-wrap    { max-width: 100% !important; }
    .voterregstats-table   { box-shadow: none !important; border: 1px solid #000 !important; }
    .voterregstats-th-label,
    .voterregstats-th-district {
        background-color: #000 !important;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .voterregstats-tr-grand-total td {
        background-color: #333 !important;
        color: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .voterregstats-note { border-left: 3px solid #000; background: none; }
}
*/


/* ─────────────────────────────────────────────────────────────────────────────
   NAVBAR VISIBILITY FIX  (shaper_hope template)
   ─────────────────────────────────────────────────────────────────────────────
   On this page there is no full-width hero/banner image behind the header.
   The template sets nav links to white and relies on a dark hero to make them
   readable.  Without the hero the transparent header shows white text on the
   white page background — invisible.

   When the user scrolls, the template adds class "menu-fixed" and applies a
   dark background, so white text is fine there.  We only need to fix the
   initial "menu-fixed-out" (transparent) state.

   Mirrors the identical fix used by the Election Results component:
     body.view-results header.menu-fixed-out .sp-megamenu-parent > li > a
   — using this component's body class instead.
   ───────────────────────────────────────────────────────────────────────────── */

/* Nav links: dark text while header is transparent */
body.view-voterregstats header.menu-fixed-out .sp-megamenu-parent > li > a,
body.view-voterregstats header.menu-fixed-out .sp-megamenu-parent > li > span {
    color: #1a1a1a !important;
}

/* Hover / active: site teal accent */
body.view-voterregstats header.menu-fixed-out .sp-megamenu-parent > li:hover > a,
body.view-voterregstats header.menu-fixed-out .sp-megamenu-parent > li.active > a {
    color: #048570 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   YOUR CUSTOM RULES
   Add any additional overrides below this line.
   ───────────────────────────────────────────────────────────────────────────── */