/*
 Theme Name:   Beautique Child Theme
 Theme URI:    https://beautique.axiomthemes.com/
 Description:  Beautique Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com/
 Template:     beautique
 Version:      1.0.0
 Tags:         beauty, hair, makeup, massage, nail salon, plastic surgery, luxury salon, spa, wellness center, barbershop, hairdresser, tattoo salon, piercing, online store, beauty products
 Text Domain:  beautique
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/* ===== Système de réservation Bookly ===== */

/* Resize modal pour ordinateur portable */
@media (max-width: 1680px) {
	.bookly-css-root .bookly\:mt-36 {
		margin-top: calc(var(--bookly-spacing) * 1) !important;
	}
}

/* Annuler le scroll du pop-up Bookly*/
body.bookly-open {
overflow: hidden;
}
.bookly-modal-body-mark {
overflow: hidden;
overscroll-behavior: contain;
}
.bookly-css-root .bookly\:z-\[1050\] {
    z-index: 9999 !important;
}

/* Couleur des formulaires Bookly */
:root {
--bookly-color-white: #fff4ee;
--bookly-color-black: #787370;
--bookly-color-gray-100: #F2DCC9;
--bookly-color-gray-200: #bf946f;
--bookly-color-gray-400: #bf946f;
--bookly-color-gray-600: #787370;
--bookly-color-slate-50: #F2DCC9;
--bookly-color-slate-100: #F2DCC9;
--bookly-color-slate-400: #787370;
--bookly-color-slate-600: #787370;
	
--bookly-font-sans: 'delius';
--bookly-font-mono: 'delius';
}

.bookly-modal-footer-mark .bookly\:not-hover\:bg-white:not(*:hover):disabled  {
background-color: var(--bookly-color-black) !important;
}

/* Police d'écriture des formulaires Bookly */
.bookly-css-root {
font-family: 'delius'!important;
}

.bookly-css-root .bookly\:text-base {
    font-family: 'delius'!important;
}

.bookly-select-container select, .bookly-select-container option {
color: #787370 !important;
background-color: #F2DCC9 !important;
font-family: 'delius'!important;
}

/* Arrondi Praticienne formulaire Bookly */
.bookly-css-root .bookly\:p-2 {
    border-radius: 6px !important;
}
.bookly-service-card-mark .bookly-card-header-mark .bookly\:card-title {
  visibility: hidden !important;
}

/* Replacer texte formulaire Bookly */
.bookly-css-root .bookly\:ml-2 {
margin-left: -25px !important;
}

.bookly-select-container .select_container:after {
margin-right: 16px !important;
}

/* Supprimer icon arrow */
.bookly-select-container::before {
display : none !important;
}

/* Espace après le QRcode */
.bookly-css-root .bookly\:mt-4 {
    margin-bottom: calc(var(--bookly-spacing) * 4) !important;
}

/* Effet zoom sur image Praticiennes */
div.bookly\:rounded.bookly\:relative {
  overflow: hidden;
}
div.bookly\:rounded.bookly\:relative > img {
  transition: transform 0.6s ease, filter 0.6s ease;
}
div.bookly\:rounded.bookly\:relative:hover > img {
  transform: scale(1.08);
  filter: brightness(0.95);
}

/* Effet zoom sur image Prestations */
.bookly-service-card-mark .bookly-card-header-mark, .bookly\:w-60 .bookly\:relative {
  overflow: hidden;
}
.bookly-service-card-mark .bookly-card-header-mark img, .bookly\:w-60 .bookly\:relative img {
  transition: transform 0.6s ease, filter 0.6s ease;
}
.bookly-service-card-mark:hover .bookly-card-header-mark img, .bookly\:w-60:hover .bookly\:relative img {
  transform: scale(1.08);
  filter: brightness(0.95);
}

/* === Addon Extas Bookly === */
.bookly-css-root .bookly\:font-bold {
    --tw-font-weight: normal !important;
    font-weight: normal !important;
    margin-top: 15px !important;
    font-size: 19.125px !important;
}
.bookly\:w-60 .bookly\:relative {
  height: 150px !important;
}
.bookly\:w-60 .bookly\:relative img {
  height: 150px !important;
  object-fit: cover;
}

/* === Addon Customer Cabinet === */

#bookly-tbs .modal-content,
#bookly-tbs .bookly-modal .daterangepicker,
#bookly-tbs .daterangepicker .calendar-table {
	background-color: #fff4ee !important;
}

#bookly-tbs .bookly-modal .form-group {
    margin-top: 1rem;
}

#bookly-tbs .bookly-modal .table tfoot {
	display:none !important;
}

.bookly-customer-cabinet,
#bookly-tbs .daterangepicker,
#bookly-tbs .custom-select{
  font-family: 'delius'!important;
}

#bookly-tbs .custom-select option{
 font-family: 'delius'!important;
 color: #495057 !important;
}

.modal-title, 
.modal-body table th,
.modal-body table td,
.modal-content h5 {
 font-family: 'delius'!important;
 font-size: 1em !important;
}

#bookly-tbs h5 {
  margin-top: .5rem;
}

.dt-column-title {
  color: #bf946f !important;
}

table:not(:where([class*=tribe-events])) th {
    color: #bf946f !important;
}

#bookly-tbs .page-item.active .page-link {
    background-color: #bf946f !important;
    border-color: #bf946f !important;
}

#bookly-tbs .btn-default,
#bookly-tbs .booklySelect2-container--bootstrap4 .booklySelect2-selection,
#bookly-tbs .form-control{
	color: #787370 !important;
    background-color: #fff4ee !important;
    border-color: #787370 !important;
}

#bookly-tbs .booklySelect2-container--bootstrap4.booklySelect2-container--focus .booklySelect2-selection {
    border-color: #bf946f !important;
    box-shadow: #75757540 !important;
}

#bookly-tbs .modal-content .btn-default:hover,
#bookly-tbs .table .btn-default:hover{
    color: var(--bookly-color-slate-50) !important;
    background-color: var(--bookly-color-gray-400) !important;
	border-color: var(--bookly-color-gray-400) !important;
}

#bookly-tbs .table-bordered td, #bookly-tbs .table-bordered th {
    border: 1px solid #f2dcc9!important;
}

#bookly-tbs .modal-footer, #bookly-tbs .modal-header {
	border: 1px solid #bf946f!important;
}

#bookly-tbs .daterangepicker td.off, #bookly-tbs .daterangepicker td.off.end-date, #bookly-tbs .daterangepicker td.off.in-range, #bookly-tbs .daterangepicker td.off.start-date {
    background-color: #f8e8dc!important;
}

#bookly-tbs .daterangepicker .calendar-table td, #bookly-tbs .daterangepicker .calendar-table th {
    border-radius: 0px!important;
}

#bookly-tbs .table td, #bookly-tbs .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #bf946f;
}

.woocommerce table.my_account_orders th {
    color: #bf946f !important;
    background-color: #fff4ee !important;
    border: none!important;
    border-bottom: 1px solid #f2dcc9 !important;
}

.woocommerce table.shop_table td {
    border-color: #f2dcc9 !important;
    background: transparent;
}

#bookly-tbs div {
	padding: 0;
    font-size: 1em;
    font-weight: 400;
    color: var(--theme-color-text);
	font-family: 'delius' !important;
}

/* Menu déroulant Addon Customer Cabinet*/ 
#bookly-tbs .booklySelect2-container--bootstrap4 .booklySelect2-results__option--highlighted, 
#bookly-tbs .booklySelect2-container--bootstrap4 .booklySelect2-results__option--highlighted.booklySelect2-results__option[aria-selected=true] {
    background-color: #f2dcc9!important;
    color: #787370!important;
}

#bookly-tbs .booklySelect2-results__option[aria-selected] {
    color: #787370!important;
}

#bookly-tbs .daterangepicker .ranges li.active {
    background-color: rgb(191 148 111)!important;
    border-color: rgb(191 148 111)!important;
    box-shadow: 0 0 0 .2rem rgb(191 148 111 / 25%)!important;
}

@media (min-width: 564px) {
    #bookly-tbs :not(.bookly\:datatable-filters)>.daterangepicker .ranges ul {
        width: 155px!important;
    }
}

#bookly-tbs div.dt-processing>div:last-child>div {
    background: #bf946f!important;
}

/* Cacher le menu déroulant des services */
.form-row > .col-md-4:last-child:has(#bookly-filter-service) {
    display: none !important;
}

/* Début icon checkbox custom */

/* Container */
[class*="terms-checkbox"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
}

/* Supprime le faux checkbox Bookly */
[class*="terms-checkbox"] label::before,
[class*="terms-checkbox"] label::after,
.wpcf7-list-item-label:before {
  display: none !important;
  content: none !important;
}

/* Checkbox */
[class*="terms-checkbox"] input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #bf946f !important;
  border-radius: 6px !important;
  background-color: #fff4ee !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
}

/* Hover */
[class*="terms-checkbox"] input[type="checkbox"]:hover {
  border-color: #c08a5a !important;
}

/* Checked */
[class*="terms-checkbox"] input[type="checkbox"]:checked {
  background-color: #bf946f !important;
  border-color: #bf946f !important;
}

/* Check centré */
[class*="terms-checkbox"] input[type="checkbox"]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Label */
[class*="terms-checkbox"] label {
  margin: 0 !important;
  font-size: 15px !important;
  color: #6b5e57 !important;
  cursor: pointer !important;
  line-height: 1.4;
}

/* Fin icon checkbox custom */

/* Début checkbox custom Contact Form 7 */

/* Container */
.wpcf7-list-item label {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  cursor: pointer;
}

/* Cache le style natif */
.wpcf7-list-item input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border: 1.5px solid #bf946f !important;
  border-radius: 6px !important;
  background-color: #f2dcc9 !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 !important;
  transition: all 0.25s ease !important;
}

/* Hover */
.wpcf7-list-item input[type="checkbox"]:hover {
  border-color: #c08a5a !important;
}

/* Checked */
.wpcf7-list-item input[type="checkbox"]:checked {
  background-color: #bf946f !important;
  border-color: #bf946f !important;
}

/* Check icon */
.wpcf7-list-item input[type="checkbox"]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

/* Texte */
.wpcf7-list-item-label {
  font-size: 15px !important;
  color: #6b5e57 !important;
  line-height: 1.5 !important;
  padding-left: 0.1em !important; 
}

/* Lien */
.wpcf7-list-item-label a {
  color: #bf946f !important;
  transition: color 0.2s ease;
}

.wpcf7-list-item-label a:hover {
  color: #151218 !important;
}

.wpcf7 form .trx_addons_message_box.wpcf7-response-output.trx_addons_message_box_success, 
.wpcf7 form .trx_addons_message_box.wpcf7-response-output.wpcf7-mail-sent-ok, 
.wpcf7 div.wpcf7-response-output.trx_addons_message_box_success, 
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
    border-color: #bf946f !important;
    color: #151218 !important;
}

/* Fin checkbox custom */

/* Début checkbox custom WooCommerce */

/* Container */
.woocommerce-form__label.checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Cache la checkbox native */
.woocommerce-form__input-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Texte + création de la checkbox */
.woocommerce-terms-and-conditions-checkbox-text {
  position: relative !important;
  padding-left: 32px !important;
  font-size: 15px !important;
  color: #6b5e57 !important;
  line-height: 1.5 !important;
}

/* Checkbox custom */
.woocommerce-terms-and-conditions-checkbox-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 1.5px solid #bf946f;
  border-radius: 6px;
  background-color: #f2dcc9;
  transition: all 0.25s ease;
  box-sizing: border-box;
}

/* Hover */
.woocommerce-form__label.checkbox:hover 
.woocommerce-terms-and-conditions-checkbox-text::before {
  border-color: #c08a5a;
}

/* Checkbox checked */
.woocommerce-form__input-checkbox:checked + 
.woocommerce-terms-and-conditions-checkbox-text::before {
  background-color: #bf946f;
  border-color: #bf946f;
}

/* Icône check */
.woocommerce-form__input-checkbox:checked + 
.woocommerce-terms-and-conditions-checkbox-text::after {
  content: "✓";
  position: absolute;
  left: 5px;
  top: 2.5px;
  color: white;
  font-size: 13px;
  font-weight: bold;
}

/* Lien */
.woocommerce-terms-and-conditions-checkbox-text a {
  color: #bf946f !important;
  transition: color 0.2s ease;
}

.woocommerce-terms-and-conditions-checkbox-text a:hover {
  color: #151218 !important;
}

/* Astérisque */
.woocommerce-form__label .required {
  color: #bf946f !important;
  margin-left: -20px !important;
}

/* Fin checkbox custom WooCommerce */

/*Modification alignement du formulaire avec le captcha Cloudflare*/
.wpcf7 div[style*="display:flex"] p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.wpcf7 div[style*="display:flex"] .wpcf7-turnstile {
    margin: 0 !important;
	transform: translateX(-25px);
}