/* Siguraduhing madilim at malinaw ang kulay ng teksto sa table */
table, .table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
}

/* Header styling */
table th, .table th {
    border-bottom: 2px solid #cccccc !important;
    padding: 12px 10px !important;
    color: #000000 !important;
    font-weight: bold !important;
    background: #ffffff !important;
}

/* Rows styling - manipis na linya sa ilalim lang */
table td, .table td {
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding: 14px 10px !important;
    color: #333333 !important;
    background: #ffffff !important;
}

/* Siguraduhing walang nakatagong puting text */
table td a, .table td a {
    color: #000000 !important;
    text-decoration: none !important;
}

table td a:hover {
    text-decoration: underline !important;
}

/* Para sa HOMEPAGE LANG: Itatago ang Categories column */
.home .table th:nth-child(2), 
.home .table td:nth-child(2) {
    display: none !important;
}

/* Para sa HOMEPAGE LANG: Itatago ang Pagination sa ibaba */
.home .wpdm-all-packages-table + .pagination, 
.home .wpdm-all-packages-table ~ .pagination,
.home .pagination {
    display: none !important;
}
/* Pinupwersa ang pamagat at button row na sumakop sa buong 100% na lapad */
.home .panel-grid.news-header-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important; /* Itutulak nito ang headline sa kaliwa at button sa kanan */
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 30px !important;  /* Ang hinihingi mong 30px padding sa kaliwa */
    padding-right: 30px !important; /* Ang hinihingi mong 30px padding sa kanan */
    box-sizing: border-box !important;
}

/* Sinisiguro na ang mga columns sa loob ay hindi magre-restrict sa gitna */
.news-header-row .panel-grid-cell {
    width: auto !important;
    max-width: 100% !important;
}

/* 1. Pinupwersa ang buong row ng mga balita na maging Flexbox */
.news-cards-row, 
.news-cards-row .panel-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Pinapantay ang taas ng mga column */
}

/* 2. Pinapahaba ang mga columns sa loob */
.news-cards-row .panel-grid-cell {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
}

/* 3. Tinatarget ang Widget Class na inilagay mo para humaba pababa */
.news-cards-row .balita-card-equal {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

/* 4. Pinupwersa ang mismong HTML div sa loob ng widget na sumagad sa pinaka-ilalim */
.news-cards-row .balita-card-equal > div,
.news-cards-row .balita-card-equal div[style*="background-color"] {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-start !important;
}

/* 5. Sinisiguro na ang huling talata ng teksto ay may padding sa ilalim para malinis */
.news-cards-row .balita-card-equal p:last-of-type {
    margin-bottom: 20px !important;
}
/* GAGANA LANG ITO SA HEADLINE WIDGET NA MAY CLASS NA .ALIS-LINYA-BALITA */

/* 1. Panatilihing burado ang anomang uri ng linya */
.alis-linya-balita,
.alis-linya-balita * {
    border: none !important;
    border-bottom: none !important;
    background-image: none !important;
}

/* 2. Alisin ang espasyo sa ilalim ng pangunahing pamagat (H1/H2) */
.alis-linya-balita h1, 
.alis-linya-balita h2, 
.alis-linya-balita .sow-headline {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. PUWERSADONG PAGHATAK PATAAS sa sub-headline (Kahit anong tag ang gamit nito) */
.alis-linya-balita h4,
.alis-linya-balita h5,
.alis-linya-balita h6,
.alis-linya-balita .sow-headline-sub,
.alis-linya-balita div[class*="sub"] {
    margin-top: -45px !important; /* Pwede mong gawing -35px kung bitin pa rin ang taas */
    padding-top: 0 !important;
    display: block !important;
}

/* Siguraduhing full width ang buong table container */
.numbered-page-table, 
.numbered-page-table .wpdm-all-packages-table {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* Gawing grid ang bawat hilera para mapilitang maging full-width */
.numbered-page-table .wpdm-all-packages-table tr {
    display: grid !important;
    grid-template-columns: 65% 18% 17% !important; /* Hahatiin sa 3 kolum ang bawat row */
    width: 100% !important;
    align-items: center !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    background: transparent !important;
}

/* Itago ang mga br at maliliit na sub-text na nagpapasikip */
.numbered-page-table .wpdm-all-packages-table td br,
.numbered-page-table .wpdm-all-packages-table td small {
    display: none !important;
}

/* Pilitin ang unang td (cell) na maging grid din para mahiwalay ang laman */
.numbered-page-table .wpdm-all-packages-table tbody td:nth-child(1) {
    display: contents !important; /* Kakalat ang pamagat, petsa, at button sa 3 kolum na itinakda sa itaas */
}

/* I-style ang pamagat (Unang Kolum) */
.numbered-page-table .wpdm-all-packages-table tbody td:nth-child(1) a:first-child {
    grid-column: 1 !important;
    font-weight: bold !important;
    color: #000000 !important;
    text-decoration: none !important;
    padding-right: 15px !important;
}

/* Hanapin ang petsa sa loob ng text (Pangalawang Kolum) */
.numbered-page-table .wpdm-all-packages-table tbody td:nth-child(1) .text-muted,
.numbered-page-table .wpdm-all-packages-table tbody td:nth-child(1) span {
    grid-column: 2 !important;
    display: block !important;
    color: #555555 !important;
    font-size: 14px !important;
}

/* Hanapin ang download button (Pangatlong Kolum) */
.numbered-page-table .wpdm-all-packages-table .btn,
.numbered-page-table .wpdm-all-packages-table .wpdm-download-link {
    grid-column: 3 !important;
    display: inline-block !important;
    background-color: #4a90e2 !important; /* Asul na kulay */
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 4px !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Pinapalawak ang container ng page para sa shortcode */
.page-id-numbered .site-content .container, 
.page-template-default .site-main,
.malapad-na-table {
    width: 100% !important;
    max-width: 1200px !important; /* Standard layout width */
    margin: 0 auto !important;
    float: none !important;
}

/* Tinatago ang bakanteng sidebar space kung meron man sa layout */
.page-id-numbered #sidebar, 
.page-id-numbered .widget-area {
    display: none !important;
}

/* Piliting lumitaw ang mobile menu toggle button at gawing madilim ang kulay */
.menu-toggle, 
#masthead .menu-toggle, 
.navbar-toggle, 
.mobile-nav-toggle {
    display: block !important;
    visibility: visible !important;
    color: #162456 !important; /* Ginamit ang kulay ng iyong website para madaling makita */
    background-color: transparent !important;
}

/* Piliting lumitaw ang pangunahing navigation bar sa mobile view */
#navigation, 
.navbar-collapse, 
.nav-container {
    display: block !important;
    visibility: visible !important;
    clear: both !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Puwersahing ipakita ang GovPH mobile toggle button at lagyan ng kulay */
button.navbar-toggle, 
.navbar-toggle,
#nav-toggle {
    display: block !important;
    visibility: visible !important;
    float: right !important;
    margin-right: 15px !important;
    margin-top: 8px !important;
    z-index: 10000 !important;
    background-color: #162456 !important; /* Ginamit ang iyong dark blue code */
    border: 1px solid rgba(255,255,255,0.2) !important;
}

/* Piliting lumitaw ang pangunahing navigation bar sa mobile view */
#navigation, 
.navbar-collapse, 
.nav-container {
    display: block !important;
    visibility: visible !important;
    clear: both !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Puwersahing ipakita ang GovPH mobile toggle button at lagyan ng kulay */
button.navbar-toggle, 
.navbar-toggle,
#nav-toggle {
    display: block !important;
    visibility: visible !important;
    float: right !important;
    margin-right: 15px !important;
    margin-top: 8px !important;
    z-index: 10000 !important;
    background-color: #162456 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

/* Piliting lumitaw ang pangunahing navigation bar sa mobile view */
#navigation, 
.navbar-collapse, 
.nav-container {
    display: block !important;
    visibility: visible !important;
    clear: both !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Puwersahing ipakita ang GovPH mobile toggle button at lagyan ng kulay */
button.navbar-toggle, 
.navbar-toggle,
#nav-toggle {
    display: block !important;
    visibility: visible !important;
    float: right !important;
    margin-right: 15px !important;
    margin-top: 8px !important;
    z-index: 10000 !important;
    background-color: #162456 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

/* Siguraduhing kulay puti ang tatlong guhit (hamburger bars) sa loob */
.navbar-toggle .icon-bar,
button.navbar-toggle span.icon-bar {
    display: block !important;
    background-color: #ffffff !important;
    width: 22px !important;
    height: 2px !important;
    margin-top: 4px !important;
}
/* Targets and completely hides the button for Page 3 on all pages */
.pagination li a:contains("3"),
.pagination li span:contains("3"),
.pagination li a[href*="paged=3"] {
    display: none !important;
}

/* Dynamically hides any remaining items past the second page slot */
.pagination li:nth-child(n+3):not(.active) {
    display: none !important;
}