h1
{
    margin: 0px !important;
    font-size: var(--text-big);
    font-weight: var(--regular);
    text-align: center;
    line-height: var(--text-big-line-h);
}

.sous-titre-du-spectacle
{
    /* font-weight: 700; */
    margin: 10px 0px 3vw;
    font-size: var(--text-big);
    font-weight: var(--regular);
    line-height: var(--text-big-line-h)
}

/* Page spectacle single */
.spectacle_single {
    display: flex;
    justify-content: space-between;
  /*   gap: 6vw; */
    margin: 3vw 0;
}

.spectacle_single_bottom
{
    margin:4vw 0 7vw;
}

.spectacle_img {
    width: 50%;
}

.spectacle_detail_infos {
    width: 66%;
}

/* .more_btn.past .booking_btn
{
    display: none;
} */

.spectacle_single .more_btn button
{
    filter: invert(100);
    /* border: solid 1px var(--background); */
    border: none;
    padding: 11px 15px;
    scale: 1.4;
    margin-bottom: 30px;
}
.spectacle_single .more_btn button:hover
{
    filter: invert(0);
    border: solid 1px var(--text);
    padding: 11px 15px;
}

.more_btn button:hover
{
    filter: invert(100);
    border: none;
    padding: 11px 15px;
}

.spectacle_single .booking_btn
{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 6px 16px 6px 10px!important;
}
.booking_btn:hover
{
    padding: 5px 15px 5px 9px !important;
}

.spectacle_infos_top
{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.spectacle_detail_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spectacle_img img {
    width: 100%;
}

.spectacle_single iframe
{
    margin-top:30px;
}
.description
{
    max-width: 600px;
    line-height: 1.5rem;
}

.additional_infos
{    
    width: 33%;
    line-height: 1.5rem;
    padding: 0px 3vw;
}

.additional_infos strong
{    
    font-weight: var(--regular);
    opacity: 0.7;
}
.spectacle_datas
{
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: center;
    font-size: var(--text-regular);
    margin-top: 15px;
}

.vertical_separations
{
    background: var(--text);
    width: 1px;
}

.spectacle_datas span
{
    opacity: 0.7;
}

/* 🖥️ Extra Large - desktops */
@media (max-width: 1200px) {

}

/* 💻 Large - ordinateurs portables */
@media (max-width: 992px) {
  /* Styles pour ≥992px et <1200px */
  .spectacle_single {
    flex-direction: column;
    gap: 6vw;
    margin-top: 6vw;
    padding: 0px 3vw;
}
.spectacle_img, .spectacle_infos, .spectacle_infos_top {
    width: 100%;
}
h1
{
    font-size: var(--text-big);
}
.spectacle_datas
{
    line-height: 27px;
    margin-bottom: 20px;
}
.next_and_prev_spectacle_arrows p
{
    display: none !important;
}

.spectacle_detail_infos {
    width: 100%;
}

.additional_infos
{    
    width: 100%;
    padding: 0px 0vw;
}

.vertical_separations
{
    width: 100%;
    height: 1px;
}
}

/* 🧾 Medium - tablettes */
@media (max-width: 768px) {
  /* Styles pour ≥768px et <992px */

  .sous-titre-du-spectacle
{
    /* font-weight: 700; */
    margin: 10px 0px 3vw;
    font-size: var(--text-medium);
    font-weight: var(--regular);
    line-height: var(--text-big-line-h)
}

}