/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      0.6.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* header */
header {background: #FCFBFD;}
.main-nav > li > a {font-weight: 500;font-size: 16px;}
.header-right .header-button a.buttons {font-size: 13px;background: var(--accent);color: #fff;}
.header-right .header-button a.buttons:hover {opacity: .9;}
.header .user-area {border: 1px solid #674a81;border-radius: 5px;padding: 0 15px;color: #674a81;margin: 0 0 0 30px !important;}
.user-area .user-profile-name {color: #674a81 !important;font-weight: 600 !important;}
.submenu-toggle {color: #674a81 !important;opacity: 1!important;}
.header.header-light-skin .user-area > i.user-area-icon,
header:not(.header-scroll).header-light-skin .inbox-header-icon i,
.messaging-center, .messaging-center i,
.header .user-area > i.user-area-icon
{color: #674a81 !important;}
.header.header-light-skin:not(.header-scroll) .user-area > a
.header .user-area > a,
.header .user-area span
{color: #674a81 !important;font-weight: 600;}
.mobile-menu-lines i,
.header-dark-skin .mobile-menu-lines i,
.header-light-skin .mob-sign-in i,
.header-dark-skin:not(.header-scroll) .mob-sign-in i
{color: #674a81 !important}

@media screen and (min-width: 1201px) {
  header.header-width-boxed .header-container {width: 100% !important;max-width: 1320px}
}

/* menu parcours */
.ux-menu-services {padding: 0;position: relative;margin: 24px 0;display: flex;flex-direction:column}
#menu-services a {font-weight: 300;transition: 0s;font-size: 15px;color: #83728e;}
#menu-services span:not(:last-child)::before {content: '';position: absolute;left: 17px;top: 46px;width: 1px;background: #dfd5e6;height: 22px;}
a .animated2:hover, #menu-services .active a .animated2 {color: var( --e-global-color-primary );font-weight: 600;transition:.1s ease-in-out}
.ux-menu-services em {font-style: normal;}
.ux-menu-services span {padding: 11px 0;gap: 16px;align-items: center;display: flex;position: relative;}
.animated2 b {font-weight: inherit;border: 1px solid #ddd1e7;width: 35px;height: 35px;display: inline-grid;place-items: center;border-radius: 50%;margin-right: 5px;}
.active .animated2 b, .animated2:hover b {background: var( --e-global-color-primary );border-color: var( --e-global-color-primary );color: #fff;}

/* chat */
#ml-messages-modal.show-modal .compose-btn {display: none !important;}
.material-icons.send {color: #fff !important;}

/* compte FO */
.profile-header {z-index: 99;}
.mlduo-stat-box,
.element
{border-radius: 10px;}
.woocommerce-account .woocommerce-MyAccount-navigation > ul > li::before {content: "";height: 40px;width: 1px;position: absolute;background: #674a8129;top: 17%;}
.woocommerce-account .woocommerce-MyAccount-navigation > ul > li:first-child::before {background: #fff;}
.select2.select2-container.select2-container--default {z-index: 0 !important;}
.beokay-account__header {background: transparent;}

/* général */
#green {color: #93cbbf}
#black {color: #242429}
.elementor-heading-title b {font-family: "Montserrat Alternates", Sans-serif;font-size: inherit;color: #93cbbf;font-style: italic;font-weight: 400;}

/* cercle */
/* accueil */
.ux-cercle-2::before {content: '';position: absolute;top: -140px;right: -140px;left: auto;background: #a2a1cf;opacity: .24;width: 280px;height: 280px;border-radius: 50%;}
.ux-cercle-2::after {content: '';position: absolute;top: -25px;right: -25px;width: 92px;height: 92px;background: #93cbbf;border-radius: 50%;opacity: .75;}
.ux-cercle-3::before {content: '';position: absolute;top: -140px;right: -140px;left: auto;width: 280px;height: 280px;background: #9fa2cd;border-radius: 50%;opacity: .58;}
.ux-cercle-3::after {content: '';position: absolute;bottom: -140px;left: -140px;width: 280px;height: 280px;background: #93cbbf;border-radius: 50%;opacity: .76;}

/* google reviews */
.google-rating-line{display:block;font-family:inherit;font-size:14px;line-height:1;text-align: center;padding: 10px 0 20px;}
.stars{color:#fbbc04;font-size:26px;}
.reviews-count{color:#000;font-size: 15px;margin-top: 5px;display: block;}

/* moteur de recheche */
.fs-tabs .nav > li > a {padding: 13px 50px !important;background: #F8F5F1A3 !important;color: #242429 !important;font-size: 16px !important;border-radius: 10px 10px 0 0 !important;margin-bottom: -1px;}
.fs-tabs .nav-tabs > li.active > a, .fs-tabs .nav-tabs > li.active > a:focus, .fs-tabs .nav-tabs > li.active > a:hover {background: #fff !important;color: var(--accent) !important;border: none !important;}
.fs-tabs .tab-content {border: none;}
.fs-tabs .tab-content {border-radius: 0 10px 0 0 !important;border: none !important;}
.fs-tabs .buttons.button-2.search {background: var( --e-global-color-primary );border: none;padding: 17px;color: #fff;font-size: 19px;}
.fs-tabs .buttons.button-2.search .mi.search{display: none}
.beokay-practitioner-search .tab-pane form {display: flex;align-items: stretch;flex-wrap: nowrap;}
.beokay-practitioner-search .tab-pane form > .form-group {float: none !important;flex: 1 1 0;min-width: 0;width: auto !important;}
.beokay-practitioner-search .tab-pane form > .form-group:last-child {flex: 0 0 190px;}
.beokay-practitioner-search .beokay-location-hidden {display: none !important;}
.beokay-practitioner-search .beokay-native-filter-hidden {display: none !important;}
.beokay-practitioner-search .beokay-consultation-filter select {width: 100%;}
.beokay-practitioner-search .location-filter input::placeholder {color: transparent !important;opacity: 0 !important;}
.beokay-popular-searches {display: flex;align-items: center;gap: 14px;padding: 18px 24px;background: #fff;border-radius: 0 0 10px 10px;box-shadow: 0px 10px 15px #0000000f;}
.beokay-popular-label {flex: 0 0 auto;font-weight: 600;}
.beokay-popular-links {display: flex;flex-wrap: wrap;gap: 8px;}
.beokay-popular-search {display: inline-flex;align-items: center;min-height: 34px;padding: 6px 15px;border: 1px solid rgba(0, 0, 0, .1);border-radius: 999px;background: #F8F5F1A3;color: inherit;line-height: 1.2;transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;}
.beokay-popular-search:hover,
.beokay-popular-search:focus
{border-color: var(--accent, #6f4a8e);color: var(--accent, #6f4a8e);box-shadow: 0 4px 14px rgba(0, 0, 0, .08);}

@media (max-width: 767px) {
	.beokay-practitioner-search .tab-pane form {flex-direction: column;}
	.beokay-practitioner-search .tab-pane form > .form-group,
	.beokay-practitioner-search .tab-pane form > .form-group:last-child
	{flex: 1 1 auto;width: 100% !important;}
	.beokay-popular-searches {align-items: flex-start;flex-direction: column;padding: 16px;}
}














/**
 * BE OKAY — Styles de l’espace Bookly des praticiens.
 * À copier dans le style.css du thème enfant.
 */

.beokay-bookly-dashboard,
.beokay-bookly-services {
	--beokay-bookly-accent: #6f4a8e;
	--beokay-bookly-border: rgba(35, 35, 40, .12);
	--beokay-bookly-surface: #fff;
	color: #232328;
}

.beokay-bookly-dashboard__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

.beokay-bookly-dashboard__nav a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 9px 16px;
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 999px;
	background: var(--beokay-bookly-surface);
	color: inherit;
	text-decoration: none;
}

.beokay-bookly-dashboard__nav a:hover,
.beokay-bookly-dashboard__nav a:focus,
.beokay-bookly-dashboard__nav a.is-active {
	border-color: var(--beokay-bookly-accent);
	background: var(--beokay-bookly-accent);
	color: #fff;
}

.beokay-bookly-dashboard__content,
.beokay-bookly-service-card {
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 14px;
	background: var(--beokay-bookly-surface);
}

.beokay-bookly-dashboard__content {
	padding: clamp(16px, 3vw, 32px);
}

.beokay-bookly-service-card {
	margin-bottom: 16px;
	padding: 18px;
}

.beokay-bookly-service-card summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
}

.beokay-bookly-service-card summary + form {
	margin-top: 22px;
}

.beokay-bookly-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.beokay-bookly-services label,
.beokay-bookly-field-wide {
	display: grid;
	gap: 7px;
}

.beokay-bookly-field-wide {
	margin-top: 16px;
}

.beokay-bookly-services input,
.beokay-bookly-services select,
.beokay-bookly-services textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 8px;
	background: #fff;
}

.beokay-bookly-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 11px 18px;
	border: 1px solid var(--beokay-bookly-accent);
	border-radius: 8px;
	background: var(--beokay-bookly-accent);
	color: #fff;
	cursor: pointer;
}

.beokay-bookly-button--secondary {
	background: transparent;
	color: var(--beokay-bookly-accent);
}

.beokay-bookly-archive-form {
	margin-top: 8px;
}

.beokay-bookly-notice {
	margin-bottom: 18px;
	padding: 12px 15px;
	border-radius: 8px;
}

.beokay-bookly-notice--success {
	background: #edf8f1;
	color: #17653a;
}

.beokay-bookly-notice--error {
	background: #fff0f0;
	color: #8d2525;
}

@media (max-width: 767px) {
	.beokay-bookly-form-grid {
		grid-template-columns: 1fr;
	}

	.beokay-bookly-service-card summary {
		align-items: flex-start;
		flex-direction: column;
	}
}






/**
 * BE OKAY — Styles de l’espace Bookly des praticiens.
 * À copier dans le style.css du thème enfant.
 */

.beokay-bookly-dashboard,
.beokay-bookly-services {
	--beokay-bookly-accent: #6f4a8e;
	--beokay-bookly-border: rgba(35, 35, 40, .12);
	--beokay-bookly-surface: #fff;
	color: #232328;
}

.beokay-bookly-dashboard__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
}

.beokay-bookly-dashboard__nav a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 9px 16px;
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 999px;
	background: var(--beokay-bookly-surface);
	color: inherit;
	text-decoration: none;
}

.beokay-bookly-dashboard__nav a:hover,
.beokay-bookly-dashboard__nav a:focus,
.beokay-bookly-dashboard__nav a.is-active {
	border-color: var(--beokay-bookly-accent);
	background: var(--beokay-bookly-accent);
	color: #fff;
}

.beokay-bookly-dashboard__content,
.beokay-bookly-service-card {
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 14px;
	background: var(--beokay-bookly-surface);
}

.beokay-bookly-dashboard__content {
	padding: clamp(16px, 3vw, 32px);
}

/* Les colonnes Bookly sont limitées à 120 px en ligne. Cette largeur évite
 * que l'heure, la croix Select2 et la mention « jour suivant » se chevauchent. */
.beokay-bookly-schedule .bookly-js-range-row .form-row .form-row > .beokay-bookly-time-field {
	flex: 1 1 190px !important;
	width: auto !important;
	min-width: 180px;
	max-width: 220px !important;
}

.beokay-bookly-schedule .beokay-bookly-time-field > select,
.beokay-bookly-schedule .beokay-bookly-time-field > .select2-container,
.beokay-bookly-schedule .beokay-bookly-time-field > .booklySelect2-container {
	width: 100% !important;
	min-width: 0;
}

.beokay-bookly-schedule .beokay-bookly-time-field .select2-selection__rendered,
.beokay-bookly-schedule .beokay-bookly-time-field .booklySelect2-selection__rendered {
	overflow: hidden;
	padding-right: 34px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Bookly clone les champs de pause depuis un modèle caché. Ils restent des
 * listes natives afin de ne pas cloner une instance Select2 non fonctionnelle. */
.beokay-bookly-schedule .bookly-popover {
	width: 420px;
	max-width: calc(100vw - 32px) !important;
}

.beokay-bookly-schedule .bookly-popover .popover-body > .form-row {
	flex-wrap: nowrap;
}

.beokay-bookly-schedule .bookly-popover .popover-body .col {
	min-width: 0;
}

.beokay-bookly-schedule select.bookly-js-popover-range-start,
.beokay-bookly-schedule select.bookly-js-popover-range-end {
	position: static !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	min-width: 140px;
	height: 42px;
	padding: 8px 10px;
	border: 1px solid var(--beokay-bookly-border, rgba(35, 35, 40, .12));
	border-radius: 6px;
	background: #fff;
	pointer-events: auto !important;
}

.beokay-bookly-service-card {
	margin-bottom: 16px;
	padding: 18px;
}

.beokay-bookly-service-card summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
}

.beokay-bookly-service-card summary + form {
	margin-top: 22px;
}

.beokay-bookly-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.beokay-bookly-services label,
.beokay-bookly-field-wide {
	display: grid;
	gap: 7px;
}

.beokay-bookly-field-wide {
	margin-top: 16px;
}

.beokay-bookly-services input,
.beokay-bookly-services select,
.beokay-bookly-services textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid var(--beokay-bookly-border);
	border-radius: 8px;
	background: #fff;
}

.beokay-bookly-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 11px 18px;
	border: 1px solid var(--beokay-bookly-accent);
	border-radius: 8px;
	background: var(--beokay-bookly-accent);
	color: #fff;
	cursor: pointer;
}

.beokay-bookly-button--secondary {
	background: transparent;
	color: var(--beokay-bookly-accent);
}

.beokay-bookly-archive-form {
	margin-top: 8px;
}

.beokay-bookly-notice {
	margin-bottom: 18px;
	padding: 12px 15px;
	border-radius: 8px;
}

.beokay-bookly-notice--success {
	background: #edf8f1;
	color: #17653a;
}

.beokay-bookly-notice--error {
	background: #fff0f0;
	color: #8d2525;
}

@media (max-width: 767px) {
	.beokay-bookly-form-grid {
		grid-template-columns: 1fr;
	}

	.beokay-bookly-schedule .bookly-js-range-row .form-row .form-row > .beokay-bookly-time-field {
		flex: 1 1 180px !important;
		width: auto !important;
		min-width: 180px;
		max-width: none !important;
	}

	.beokay-bookly-schedule .bookly-popover {
		width: calc(100vw - 32px);
	}

	.beokay-bookly-schedule select.bookly-js-popover-range-start,
	.beokay-bookly-schedule select.bookly-js-popover-range-end {
		min-width: 110px;
	}

	.beokay-bookly-service-card summary {
		align-items: flex-start;
		flex-direction: column;
	}
}



/**
 * BE OKAY — Styles de l’agenda Bookly ou externe.
 * À copier dans le style.css du thème enfant.
 */

.beokay-agenda-settings {
	color: #232328;
}

.beokay-agenda-settings form {
	display: grid;
	gap: 20px;
}

.beokay-agenda-settings__modes {
	display: grid;
	gap: 10px;
	margin: 0;
	min-width: 0;
	padding: 10px 18px 18px;
	border: 1px solid rgba(35, 35, 40, .12);
	border-radius: 12px;
}

.beokay-agenda-settings__modes legend {
	display: table !important;
	float: none !important;
	width: auto !important;
	max-width: calc(100% - 24px);
	margin: 0 0 8px !important;
	padding: 0 8px !important;
	border: 0 !important;
	background: #fff;
	color: inherit;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
}

.beokay-agenda-settings__modes label {
	display: flex;
	align-items: center;
	gap: 9px;
}

.beokay-agenda-settings__url {
	display: grid;
	gap: 7px;
}

.beokay-agenda-settings__url input,
.beokay-agenda-settings__url textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid rgba(35, 35, 40, .12);
	border-radius: 8px;
}

.beokay-agenda-settings__url small {
	color: #686875;
}

.beokay-agenda-settings__preview {
	margin-top: 32px;
}

.beokay-agenda-embed {
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 1px solid rgba(35, 35, 40, .12);
	border-radius: 14px;
	background: #fff;
}

.beokay-agenda-embed iframe {
	display: block;
	width: 100%;
	border: 0;
}

.beokay-agenda-message {
	padding: 18px;
	border: 1px solid rgba(35, 35, 40, .12);
	border-radius: 10px;
	background: #fff;
}