/* ==========================================================================
   SP Portal — Ordinance / Resolution Archive Tables
   Copied over from sp-cotabatocity-portal-gov-ph's styles/css/table.css --
   powers the record tables inside #ordinances and #resolutions (anything
   wrapped in the .ordinance-archive class), ported verbatim/scoped exactly
   as in the reference file. Note: the reference HTML also uses a
   .ts-cell-row3 class (the "Primary Committee: ..." line under each
   record's title) that has no matching rule here either -- reproduced as
   in the source rather than added, same as the .div-container/.div-title
   gotcha noted in the homepage build-out doc.
   ========================================================================== */

/* Scope everything to the ordinance archive only */
.ordinance-archive,
.ordinance-archive * {
    font-size: 12px !important; /* smaller text inside this section only */
}

/* Header titles: ALL CAPS (only in this table) */
.ordinance-archive table thead th {
    background-color: darkgreen !important;
    color: white !important;
    text-align: center;
    text-transform: uppercase !important;
}

/* Alternating rows */
.ordinance-archive table tbody tr:nth-child(odd) { background-color: #e8f5e9 !important; }
.ordinance-archive table tbody tr:nth-child(even) { background-color: #ffffff !important; }
.ordinance-archive table tbody tr:hover { background-color: #c8e6c9 !important; color: black; }

/* Ensure cells don’t override row color */
.ordinance-archive table td,
.ordinance-archive table th {
    background-color: transparent !important;
}

/* Forest green border for this table only */
.ordinance-archive table {
    border: 2px solid forestgreen !important;
}

/* title-subject cell */
.ordinance-archive .ts-cell-row1 {
    padding: 0.25rem 0;
    font-family: "Open Sans Semibold", sans-serif !important;
    font-weight: lighter;
    font-size: 12px !important;
    text-transform: uppercase !important;
}
.ordinance-archive .ts-cell-row2 {
    font-family: Open Sans, sans-serif !important;
    font-weight: lighter;
    font-size: 11px !important;
    text-transform: uppercase !important;
}
/* Utmost small action buttons (only inside Action column of this archive) */
.ordinance-archive .action-cell .btn-xs {
    padding: 0.15rem 0.15rem !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
    border-radius: 0.2rem !important;
    display: block;
    width: 72px;
    text-align: center;
    align-items: center;
}

/* Stack buttons vertically, with tight gap */
.ordinance-archive .action-cell .btn + .btn {
    margin-top: 0.2rem;
}

/* Dropdown styling (scoped) */
.ordinance-archive .form-select {
    background-color: #f1fff1 !important;
    border: 1px solid #c8e6c9 !important;
}

/* Search button (scoped) */
.ordinance-archive .btn-search {
    background-color: forestgreen !important;
    color: white !important;
    text-transform: uppercase !important;
}
.ordinance-archive .btn-search:hover {
    background-color: #145214 !important;
    color: white !important;
}

.ordinance-detail {
    padding-top: 24px !important;
}

/* Ordinance detail: a stronger visual hierarchy without changing the layout. */
#ordinance-detail .card {
    border-top: 4px solid #07833f !important;
    box-shadow: 0 0.7rem 1.7rem rgba(0, 85, 45, 0.12) !important;
}

#ordinance-detail .card-body {
    background: linear-gradient(180deg, #f4fff7 0, #ffffff 150px);
}

#ordinance-detail .card-body > .pt-3 {
    border-left: 4px solid #d71920;
    margin: 1rem 1rem 0;
    padding-left: 1rem !important;
}

#ordinance-detail-tab {
    border-bottom: 1px solid #b9dfc7;
    gap: 0.25rem;
}

#ordinance-detail-tab .nav-link {
    border: 1px solid transparent !important;
    border-radius: 0.45rem 0.45rem 0 0 !important;
    color: #126437 !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 0.7rem 1.15rem !important;
    transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

#ordinance-detail-tab .nav-link:hover,
#ordinance-detail-tab .nav-link:focus-visible {
    background-color: #dcf7e5 !important;
    color: #035c2c !important;
    box-shadow: inset 0 -3px 0 #32a960;
    transform: translateY(-1px);
}

#ordinance-detail-tab .nav-link.active {
    background: linear-gradient(135deg, #047d3a, #0ca451) !important;
    border-color: #047d3a !important;
    color: #ffffff !important;
    box-shadow: 0 0.35rem 0.8rem rgba(4, 125, 58, 0.28), inset 0 -3px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(0);
}

#ordinance-detail .tab-content {
    background-color: #ffffff;
    border: 1px solid #cde9d6;
    border-top: 0;
    border-radius: 0 0 0.5rem 0.5rem;
    min-height: 245px;
}

#ordinance-detail #overview blockquote {
    border-left: 3px solid #d71920;
    color: #084d2a;
    margin-left: 0.75rem;
    padding: 0.35rem 0 0.35rem 1rem;
}