/* --------------------------------------------------
Κάθετοι τίτλοι (vertical‑label)
-------------------------------------------------- */
.vertical-label {
    position: absolute;
    left: -6.25rem;
    top: 0;
    color: #C8B29C;
    font: 600 2.5rem/1 "Fira Sans", sans-serif;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    letter-spacing: .125rem;
    white-space: nowrap;
}

.vertical-label-right {
    right: -6.25rem;
    left: auto;
    bottom: 0;
    top: auto;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.contact-wrapper .vertical-label-right {
    bottom: auto;
    top: calc(100% - 65rem); /* 12.5rem = 200px σε default font-size */
}


@media (max-width: 991px) {
    .vertical-label {
        display: none;
    }

}

.booking-book-your-tour-header{
  display: none;
}

.booking-box {
    position: relative;

    /* σπρώχνουμε ΜΟΝΟ δεξιά, όχι κάτω */
    padding-left: 60px;

    /* ΔΕΝ θέλουμε το κείμενο να κεντράρεται από bootstrap */
    text-align: left;
}

/* Η εικόνα σαν background με absolute */
.booking-icon {
    position: absolute;
    top: 0;       /* κορυφή */
    left: 0;      /* αριστερά */
    width: 40px;  /* όσο θέλεις */
    height: auto;
    pointer-events: none; /* δεν εμποδίζει το κλικ */
}

/* Bootstrap βάζει margin-top στο h1 → πρέπει να το αφαιρέσουμε */
.booking-box h1 {
    margin-top: 0 !important;
}

h1.section-heading1 {
    color: #C8B29C !important;
    font-family: "Fira Sans Condensed", sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.313rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.museum-info{
    line-height: 2.3rem;
}

.museum-info a, a:visited, a:hover, a:active{
    color: #ffffff;
}

.booking-btn {
    background: #987C4D;
    color: #ffffff;
    padding: 10px 20px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

/* Mobile button (after .lead): hidden on desktop */
.booking-btn-mobile { display: none; }

/* Desktop button (after ul.museum-info): shown on desktop */
.booking-btn-desktop { display: inline-flex; margin-top: 1.5em; }

.booking-btn:hover {
    opacity: 0.9;
}

.booking-divider{
    margin:  2rem 0;
    border-top: 1px solid #ffffff;
    width: 100%;
}


/* Κλάση που προστίθεται με JS όταν ανοίγει το booking */
.booking-active-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .booking-active-img {
        display: none;
    }

    .maincontin.container-lg {
        padding-top: 0.5rem !important;
        margin-top: 4rem !important;
    }

    .booking-box {
        padding-left: 0 !important;
    }

    .booking-content-col,
    .booking-content-col p,
    .booking-content-col h1,
    .booking-content-col .museum-info,
    .booking-content-col ul {
        text-align: center !important;
    }

    .booking-btn-mobile  { display: inline-flex; margin-bottom: 1.5em; }
    .booking-btn-desktop { display: none; }
}