/* consent-decrees.css  –  tweak freely or override in your theme */

/* Scope to the table we print in the shortcode / WPBakery element */
.consent-decree-table{
    width:100%;
    border-collapse:collapse;
    font-size:0.95rem;
}

.consent-decree-table thead th{
    text-align:left;
    padding:8px 6px;
    border-bottom:2px solid #2c3e50;   /* header border colour */
    background:#f4f6f8;                /* header background */
    font-weight:600;
}

.consent-decree-table tbody td{
    padding:6px;
    border-bottom:1px solid #e0e0e0;
}

.consent-decree-table tbody tr:nth-child(even){
    background:#fafafa;                /* zebra striping */
}

.consent-decree-table a{
    text-decoration:none;
}

.consent-decree-table a:hover{
    border-bottom-style:solid;
}

.consent-decree-table ul {
    padding-left: 0 !important;
}

.consent-decree-table li {
    list-style: none;
}

/* ----------------------------------------------------------------------
   Mobile “card” view  –  everything below 640 px
---------------------------------------------------------------------- */
@media (max-width:640px){
    /* hide classic header */
    .consent-decree-table thead{display:none;}

    /* card wrapper */
    .consent-decree-table tbody tr{
        display:block;
        background:#fff;
        border:1px solid #e0e0e0;
        box-shadow:0 2px 4px rgba(0,0,0,.05);
        margin:0 0 14px;
    }

    /* each cell becomes a row inside the card */
    .consent-decree-table tbody td{
        display:flex;
        width:100%;
        padding:10px 12px;
        border:none;
        background:none;
    }

    /* header label */
    .consent-decree-table tbody td:before{
        content:attr(data-label);   /* fallback if you ever add data-label attrs */
        flex:0 0 120px;
        font-weight:600;
        color:#374151;
        padding-right:6px;
    }

    /* column-specific labels via nth-child (keeps PHP unchanged) */
    .consent-decree-table tbody td:nth-child(1):before{content:'Title';}
    .consent-decree-table tbody td:nth-child(2):before{content:'Submitted';}
    .consent-decree-table tbody td:nth-child(3):before{content:'Comment Period';}
    .consent-decree-table tbody td:nth-child(4):before{content:'Comments';}

    /* stack link list nicely */
    .consent-decree-table tbody td ul{
        margin:4px 0 0 0;
        padding-left:16px;
    }

    /* tighten zebra alt-rows we no longer need */
    .consent-decree-table tbody tr:nth-child(even){
        background:none;
    }
}