input, button { display:inline-block; margin:5px; line-height:1em;height:2.75em; }
button { cursor:pointer; padding:0.9em; }
/*table { border-collapse: collapse; width:90%; margin-top:20px;margin:0 auto;border-radius:4px;  }
table td{padding: 5px !important;font-weight: normal;}*/
td, th { padding:6px; text-align:left; }
th { background:#003568 ; }
tbody{font-weight:normal;font-size:0.90em;border:1px solid #aaa;}
body { margin:0;}

.form-container {max-width:1100px;margin:20px auto;padding:20px;background-color:rgba(212,212,255,0.1);border:1px solid #eee;border-radius:4px;}
/* Inputs Bootstrap */
.form-control {background:transparent;color:#fff;border:1px solid #fff !important;height:42px;margin-bottom:10px;}
.form-control:focus {background:transparent;color:#fff;border-color:#fff;box-shadow:none;}
/* Placeholder blanc */
.form-control::-webkit-input-placeholder { color:#fff !important; }
.form-control::-moz-placeholder { color:#fff !important; opacity:1; }
.form-control:-ms-input-placeholder { color:#fff !important; }
.form-control::placeholder { color:#fff !important; }
/* Bouton */
.form-container .btn {height:42px;width:100%;margin-bottom:10px;background:transparent;color:#fff;border:1px solid #fff;}
.form-container .btn:hover,
.form-container .btn:focus {background:rgba(255,255,255,0.15);color:#fff;border-color:#fff;}
#pagination,#info {margin:20px auto;width:90%;margin-top:0px;text-align:center;}

/* Mobile */
@media (max-width:767px) {
    .form-container {padding:15px;}
    h3 {font-size:22px;}
    h4 {font-size:16px;line-height:1.4em;}
    #pagination button {margin:2px;padding:6px 10px;font-size:12px;
    }
}

/* Table normale desktop */
.table { max-width:1100px;margin:auto;}
.table-responsive-custom { width:100%;}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(212, 212, 255, 0.2);}

/* 🔽 Mobile */
@media (max-width:768px){
    .table-responsive-custom thead {display:none; /* cache les headers */}
    .table-responsive-custom,
    .table-responsive-custom tbody,
    .table-responsive-custom tr,
    .table-responsive-custom td {display:block;width:100%;}
    .table-responsive-custom tr {margin-bottom:15px;border:1px solid #ddd;border-radius:6px;padding:10px;background:rgba(255,255,255,0.05);}
    .table-responsive-custom td {border:none;position:relative;padding-left:50%;text-align:left;min-height:24px;}

    .table-responsive-custom td:before {content: attr(data-label);position:absolute;left:10px;top:5px;font-weight:bold;white-space:nowrap;}
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select{ display:inline-block;;border: 1px solid #eee;}
::placeholder {color: #fff!important;opacity: 1; /* évite l'effet grisé sur certains navigateurs */}
::-ms-input-placeholder {color: #fff!important;}
::-webkit-input-placeholder {color: #fff!important;}
::-moz-placeholder {color: #fff!important;}
:-ms-input-placeholder {color: #fff!important;}

.results-cards {
    max-width:900px;
    margin:20px auto;
}

/* Carte */
.person-card {
    border:1px solid #ddd;
    border-radius:8px;
    padding:12px 15px;
    margin-bottom:12px;
    background:rgba(255,255,255,0.05);
}

/* Header (nom) */
.card-header {
    font-weight:bold;
    font-size:16px;
    margin-bottom:6px;
}

/* Dates */
.card-meta {
    display:flex;
    gap:15px;
    font-size:13px;
    opacity:0.9;
    margin-bottom:6px;
}

/* Lieux */
.card-lieux {
    font-size:13px;
    opacity:0.8;
}

/* Desktop → revenir en table */
@media (min-width:769px){

    .results-cards {
        display:none;
    }

    #results-table {
        display:block;
    }
}

/* Mobile uniquement */
@media (max-width:768px){
    #results-table {
        display:none;
    }
}
/* Desktop → table visible */
#results-table {
    display:block;    
    
}

#results-cards {
    display:none;
}

/* Mobile */
@media (max-width:768px){

    #results-table {
        display:none;
    }

    #results-cards {
        display:block;
    }
}