/* =========================
   AI Summit Check-out Layout
   Custom CSS for checkout page
   ========================= */

/* Container */
#eb-cart-registration-page {
    max-width: 100%;
    margin: 0 auto;
}

/* Form group flex layout */
#eb-cart-registration-page .form-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

/* Labels links uitlijnen en breder */
#eb-cart-registration-page .form-control-label {
    width: 45%;       
    text-align: left; 
    padding-right: 20px;
    font-weight: 600;
}

/* Inputvelden iets smaller */
#eb-cart-registration-page .eb-form-control {
    width: 50%;
}

/* Alle input/select/textarea velden */
#eb-cart-registration-page input.form-control,
#eb-cart-registration-page select.form-control,
#eb-cart-registration-page textarea.form-control {
    width: 100%;
    max-width: 100%;
}

/* Radio buttons links uitlijnen */
#eb-cart-registration-page fieldset.eb-radio-container {
    width: 50%;
    margin-left: 0;
}

#eb-cart-registration-page fieldset.eb-radio-container label.radio {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
}

/* Lange labels zoals I agree */
#eb-cart-registration-page #field_info label,
#eb-cart-registration-page #field_privacy label {
    white-space: normal;
    line-height: 1.4;
}

/* Track tabel kop */
#eb-cart-registration-page thead th.col_event {
    content: "Tracks";
}
#eb-cart-registration-page thead th.col_price,
#eb-cart-registration-page thead th.col_quantity,
#eb-cart-registration-page thead th.col_subtotal {
    display: none;
}

/* Track titels niet klikbaar */
#eb-cart-registration-page td.col_event a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #282878;
    font-weight: 700;
}

/* Kolommen cijfers/price verbergen */
#eb-cart-registration-page td.col_price,
#eb-cart-registration-page td.col_quantity,
#eb-cart-registration-page td.col_subtotal {
    display: none;
}

/* Button Change your track(s) */
#eb-cart-registration-page input[value="Change your track(s)"] {
    background-color: #d7d700;
    border-color: #d7d700;
    color: #282878;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 22px;
    cursor: pointer;
}
#eb-cart-registration-page input[value="Change your track(s)"]:hover {
    background-color: #282878;
    color: #fff;
}

/* Buttons onderaan */
#eb-cart-registration-page .form-actions input[type="submit"],
#eb-cart-registration-page .form-actions input[type="button"] {
    background-color: #d7d700;
    border-color: #d7d700;
    color: #282878;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 22px;
    margin-right: 10px;
}
#eb-cart-registration-page .form-actions input[type="submit"]:hover,
#eb-cart-registration-page .form-actions input[type="button"]:hover {
    background-color: #282878;
    color: #fff;
}

/* Grijze vlakken weg */
#eb-cart-registration-page tbody td {
    background: transparent;
    box-shadow: none;
    padding: 12px 16px;
}

/* Responsive (mobiel) */
@media (max-width: 768px) {
    #eb-cart-registration-page .form-group {
        display: block;
    }
    #eb-cart-registration-page .form-control-label,
    #eb-cart-registration-page .eb-form-control,
    #eb-cart-registration-page fieldset.eb-radio-container {
        width: 100% !important;
        margin-left: 0;
    }
}

/* Style Modify Cart knop zoals andere buttons */
#eb-cart-registration-page input[value="Modify Cart"] {
    background-color: #d7d700;
    border-color: #d7d700;
    color: #282878;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 22px;
    cursor: pointer;
}

#eb-cart-registration-page input[value="Modify Cart"]:hover {
    background-color: #282878;
    color: #fff;
}


/* Verberg standaard Event tekst */
#eb-cart-registration-page thead th.col_event {
    font-size: 0;      /* de originele tekst onzichtbaar maken */
    line-height: 0;
    padding: 0;
}

/* Voeg eigen koptekst toe */
#eb-cart-registration-page thead th.col_event::before {
    content: "Selected track(s)";  /* gewenste tekst */
    font-size: 18px;
    font-weight: 700;
    color: #282878;
    line-height: 1.4;
    display: block;
    padding: 20px 0;   /* witruimte boven/onder */
}



/* =========================
   View-Cart Page Styling
   Preserve functionality, update look & feel
   ========================= */

/* Container en tabel */
#eb-cart-page {
    max-width: 100%;
    margin: 0 auto;
}

/* Alleen koptekst Event vervangen door Tracks */
#eb-cart-page thead th.col_event {
    content: "Tracks";
    font-weight: 700;
    color: #282878;
}

/* Andere kolommen verbergen visueel maar niet interactief */
#eb-cart-page thead th.col_price,
#eb-cart-page thead th.col_quantity,
#eb-cart-page thead th.col_subtotal {
    visibility: hidden;
}

/* Maak track links niet klikbaar */
#eb-cart-page td.col_event a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #282878;
    font-weight: 700;
}

/* Buttons onderaan behouden functionaliteit */
#eb-cart-page .form-actions button {
    background-color: #d7d700;
    border-color: #d7d700;
    color: #282878;
    font-weight: 700;
    border-radius: 999px;
    padding: 10px 22px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}

#eb-cart-page .form-actions button:hover {
    background-color: #282878;
    color: #fff;
}

/* Behoud de functionaliteit van quantity + remove buttons */
#eb-cart-page td.col_quantity .btn-wrapper input,
#eb-cart-page td.col_quantity .btn-wrapper button {
    pointer-events: auto; /* laat interactie toe */
    cursor: pointer;
}

/* Verwijder achtergrond van rijen alleen visueel */
#eb-cart-page tbody td {
    background: transparent;
    box-shadow: none;
    padding: 12px 16px;
}

/* Responsive */
@media (max-width: 768px) {
    #eb-cart-page table, 
    #eb-cart-page thead, 
    #eb-cart-page tbody, 
    #eb-cart-page tr, 
    #eb-cart-page td {
        display: block !important;
        width: 100% !important;
    }

    #eb-cart-page thead {
        display: none !important;
    }

    #eb-cart-page tbody tr {
        margin-bottom: 16px;
    }
}