/*
 Theme Name:   The Healing Sanctuary Child Theme
 Theme URI:    https://www.thehealingsanctuary.com.au/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://www.dendydigital.com.au/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

p {
    margin: 0 0 1.2em 0;
}

p:last-child {
    margin: 0 0 0 0;
}

label {
    color: var(--base);
    font-size: var(--text-s);
}

[type=radio] {
    border-radius: 100%;
}

.bricks-shape-divider {
    height: 101%;
}

.wp-admin form#edittag {
    max-width: unset !important;
}

/*
Service Card Styles
*/
.services-section-categories-card {
    position: relative;
    transition: translate .3s ease-in-out;
}

.services-section-categories-card:hover,
.services-section-categories-card:focus-within {
    translate: 0 -.25em;
}

.services-section-categories-card h2 a::before {
    content: ' ';
    position: absolute;
    inset: 0;
    z-index: 2;
}

.services-section-categories-card:hover:before {
    opacity: 0.2;
}

.services-section-categories-card:focus-within {
    box-shadow: 0 0 0 1px var(--brf-color-base-light); 
}

.services-section-categories-card:focus-within :focus {
    box-shadow: none;
    outline: none;
}

.services-section-categories-card .services-section-service-details-wrapper .services-section-card-category-book-button {
    z-index: 1;
}

.services-section-categories-card:hover .services-section-service-details-wrapper .services-section-card-category-book-button {
    background: var(--brf-color-primary-medium);
    color: var(--brf-color-white);
}

.services-section-categories-card-image-wrapper__image img {
    border-radius: 100%;
}

/* Hide WP Admin frontend Pro login form when user is not logged into frontend dashboard */
.vg-frontend-admin-guests {
    display: none;
}

/*
FluentBooking Frontend Styles
*/

.fcal_container .fcal_booking_header {
    font-family: var(--font-1);
}

.fcal_container .fcal_all_bookings {
    font-family: var(--font-1);
}

.fcal_container .fcal_booking_header .fcal_booking_header_actions form .fcal_radio_btn label {
    font-size: var(--text-s) !important;
}

.fcal_container .fcal_all_bookings .fcal_bookings .fcal_booking_wrapper .fcal_no_bookings p {
    font-size: var(--text-m) !important;
}

.fcal_calendar_inner .fcal_icon_item.fcal_icon_item .fcal_duration_title {
    font-size: var(--text-s);
}

.fcal_loc_text {
    font-size: var(--text-s);
}

.fcal_slot_info .fcal_slot_payment_item {
    font-size: var(--text-s);
}

.fcal_slot_picker .fcal_spot_lists .fcal_spot .fcal_spot_name {
    font-size: var(--text-s) !important;
}

.fcal_slot_picker_header .fcal_slot_date_info, .fcal_calendar_inner.fcal_on_xs .fcal_slot_picker.is_active .fcal_slot_picker_header .fcal_slot_date_info {
    font-size: var(--text-s) !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item button {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    border-radius: var(--radius);
    color: var(--white) !important;
    font-size: var(--text-s) !important;
}

.fcal-dark-mode .fcal_slot_info .slot_time_range span {
    font-size: var(--text-xs) !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content .fcal_input_label {
    font-size: var(--text-s) !important;
    font-weight: 600 !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content input, .fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content select, .fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content textarea {
    border-radius: var(--radius) !important;
    font-size: var(--text-s) !important;
}

.fcal_calendar_inner .fcal_side .fcal_author_name {
    font-size: var(--text-s) !important;
}

.fcal_payment_total tr {
    font-size: var(--text-xs) !important;
}

.fcal-dark-mode .fcal_slot_picker .fcal_spot_lists .fcal_spot .fcal_spot_confirm {
    font-size: var(--text-s) !important;
}

.fcal_booking_form_wrap .fcal_booking_form .fcal_form_item .fcal_input_content .fcal_date_field .calendar_date_icon {
    fill: var(--secondary) !important;
}

.fcal_calendar_inner .fcal_side .fcal_slot_heading {
    color: var(--secondary) !important;
}

.fcal_calendar_inner .fcal_icon_item.fcal_icon_item svg {
    height: 1.4rem !important;
    width: 1.4rem !important;
}

.fcal_calendar_inner .fcal_icon_item img {
    align-self: center;
    height: 1.4rem !important;
    width: 1.4rem !important;
}

.basic-tel-input::-webkit-input-placeholder {
  color: transparent;
}

.basic-tel-input:-ms-input-placeholder {
  color: transparent;
}

.basic-tel-input::placeholder {
  color: transparent;
}

.svelte-select .selected-item {
    font-size: 1.2rem !important;
}

/*
FluentCart Frontend Styles
*/

.fct_checkout button {
    background: linear-gradient(180deg, #ffffff29, #fff0), var(--secondary) !important;
    box-shadow: inset 0 .5px .5px .5px #ffffff1a;
    text-align: center;
}

.fct_auth_wrap {
    margin-top: 100px !important;
}

.fct_auth_wrap h4 {
    color: var(--secondary) !important;
    font-size: var(--text-m);
    margin-bottom: var(--space-s);
}

.fls_login_wrapper #fls_magic_submit, .fls_login_wrapper input#wp-submit {
    background: var(--secondary) !important;
    text-align: center;
}

.fls_login_wrapper {
    color: #000000;
}

.fct-customer-dashboard-customer-info {
    font-family: var(--font-1);
}

.fct-customer-dashboard-customer-info-content * {
    font-family: var(--font-1);
}

.fct_customer_profile_wrap {
    margin: auto;
    margin-top: 10px;
    font-family: var(--font-1);
}

.fct-customer-navs .fct-customer-nav-item.active_customer_menu .fct-customer-nav-link {
    background-color: rgb(99 177 57 / var(--tw-bg-opacity, 1)) !important;
}

.fct-customer-dashboard-main-content * {
    font-family: var(--font-1);
}

#fct-customer-logout-button {
    display: none;
}

/*
Amelia Frontend Styles
*/

/* comment out below if the Stripe payment icon is to be shown */
/*.amelia-v2-booking #amelia-container .am-fs__payments-main-button .am-fs__payments-main-button-stripe {*/
/*    display: none !important;*/
/*}*/

.x-modal_backdrop {
    top: 115px !important;
}

.amelia-v2-booking #amelia-container .am-fs__payments-main-button-stripe {
    display: none !important;
}

.amelia-v2-booking #amelia-container .am-cat__content {
    max-height: fit-content !important;
}

.amelia-v2-booking #amelia-container .am-cat__sidemenu {
    max-width: 250px !important;
}

.amelia-v2-booking #amelia-container .am-fcil__item-name {
    white-space: wrap !important;
}

/* hide images on services and packages*/
.amelia-v2-booking #amelia-container .am-fcil__item-hero {
    display: none;
}

.amelia-v2-booking #amelia-container .am-fcis__header-name {
    font-size: 1em !important;
}

.amelia-v2-booking #amelia-container .am-fcip__header-name span {
    font-size: 1em !important;
}

.amelia-v2-booking #amelia-container .am-cat__main .am-fcil__item:has(.am-fcil__item-badge.am-package) {
    order: 1 !important;
}

.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl__item-hero {
    display: none;
}

.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl {
    flex-direction: column;
}

.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl__item {
    max-width: 100% !important;
}

.amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl__item-btn {
    width: 10rem !important;
    float: right;
}

.amelia-v2-booking, .amelia-v2-booking #amelia-container {
    width: 100%;
}

.amelia-v2-booking #amelia-container.am-fc__wrapper * {
    word-break: auto-phrase;
}

.amelia-v2-booking #amelia-container {
    margin: auto !important;
}

.amelia-v2-booking #amelia-container .am-fcis__info-service__desc, .amelia-v2-booking #amelia-container .am-fcis__info-service__desc * {
    white-space: normal !important;
    margin-bottom: 1rem !important;
}

.amelia-v2-booking #amelia-container .am-fcip__info-service__desc, .amelia-v2-booking #amelia-container .am-fcip__info-service__desc * {
    white-space: normal !important;
    margin-bottom: 1rem !important;
}

.amelia-v2-booking #amelia-container ol, .amelia-v2-booking #amelia-container ul {
    list-style: normal !important;
    padding-left: 2rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* comment out below if the Square payment icon is to be shown */
.amelia-v2-booking #amelia-container .am-fs__payments-main-button.am-fs__payments-main-button-square {
    display: none !important;  
}

.am-service-dropdown .am-select-service-name {
    white-space: wrap !important;
}

/* Removes the footer on the frontend booking panel including the customer panel. Required to remove logout button from customer panel due to no option to redirect after user logs out. */
.amelia-v2-booking #amelia-container .am-fs-sb__footer {
    display: none !important;
}

/* Below 2 classes sets the step-by-step booking panel to full width. */
.amelia-v2-booking #amelia-container .am-fs__main {
    max-width: 100% !important;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper {
    max-width: 100% !important;
}

/* Below sets the customer panel to full width. */
.amelia-v2-booking #amelia-container.am-cap__wrapper {
    max-width: 100% !important;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 2 !important;
}

@media screen and (max-width: 400px) {
   .amelia-v2-booking #amelia-container.am-fc__wrapper .am-fcl__item-btn {
        width: 100% !important;
        float: none;
    } 
}