/* =========================================
   KYLIN – SIMPLYBOOK CUSTOM CSS
   ========================================= */


/* 1. AJÁNDÉKUTALVÁNYOK */

/* A vásárlási gombon csak a Kiválasztom felirat marad */

.promotion-item__action .promotion-item__price {
    display: none !important;
}

.promotion-item__action .promotion-item__select-txt {
    display: inline !important;
}

/* A képek felső címkéjében az ár elrejtése */

.promotion-item__tag .price-val {
    display: none !important;
}


/* 2. FŐOLDAL */

/* A régi cégnév és a térképgomb elrejtése */

#main-buttons .company-name,
#main-buttons .btn.map {
    display: none !important;
}

/* A régi időpontfoglaló gomb elrejtése,
   mert az új közös blokkban már szerepel */

#main-buttons .bar .btn.book {
    display: none !important;
}


/* 3. KÖZÖS GOMBBLOKK */

#about-us {
    position: relative !important;
}

#about-us .kylin-actions {
    position: absolute !important;

    top: -200px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    z-index: 20 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;

    width: 260px !important;
    max-width: 85% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* 4. A KÉT GOMB KÖZÖS MEGJELENÉSE */

#about-us .kylin-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 50px !important;
    box-sizing: border-box !important;

    padding: 10px !important;

    background: #FBE7C6 !important;
    color: #474747 !important;

    font-family: "Playfair Display", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;

    text-align: center !important;
    text-decoration: none !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#about-us .kylin-actions a:hover {
    background: #F5D3A0 !important;
}

#about-us .kylin-actions a:focus-visible {
    outline: 2px solid #704525 !important;
    outline-offset: 3px;
}


/* 5. MOBILOS MEGJELENÉS */

@media (max-width: 767px) {

    #about-us .kylin-actions {
        top: -215px !important;

        width: 260px !important;
        max-width: 85% !important;

        gap: 12px !important;
    }

    #about-us .kylin-actions a {
        width: 100% !important;
        height: 50px !important;

        padding: 10px !important;

        font-size: 16px !important;
        line-height: 20px !important;
    }
}
/* KYLIN – főoldali gombok asztali mérete */

@media (min-width: 768px) {

    #about-us .txt .kylin-actions {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        gap: 12px !important;
    }

    #about-us .txt .kylin-actions a {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        flex: 0 0 50px !important;
        box-sizing: border-box !important;
    }
}
/* AJÁNDÉKUTALVÁNY OLDAL – KISEBB FEJLÉC */

/* Csak az utalványokat megjelenítő oldalon */

body:has(.promotion-item) #main-buttons {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    padding: 0 !important;
}

/* Mobilon még kisebb fejléc */

@media (max-width: 767px) {
    body:has(.promotion-item) #main-buttons {
        height: 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }
}
#sb_invoice_payment_systems_container {
    flex-wrap: wrap !important;
}

#sb_invoice_payment_systems_container::before {
    content: "Ha masszázsidőpontot foglalsz, válaszd a „Fizetés a helyszínen” lehetőséget – a helyszínen készpénzzel vagy bankkártyával is fizethetsz. Ha ajándékutalványt vásárolsz, válaszd a Stripe bankkártyás fizetést, mert az utalvány csak online fizetés után válik érvényessé.";
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    background: #fff6e8 !important;
    color: #7A3A00 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    font-weight: 500 !important;
}