/* 
Theme Name: R.O.F.
Description: R.O.F. theme is a theme created by D-Impulse based on Hello Elementor
Author: D-Impulse
Author URI: https://d-impulse.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: rof
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/** 
 * Widgets 
 */
/* Member List */
.user-card {
    display: grid;
    gap: 1rem;
}
@media (min-width: 40rem) {
    .user-card {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }   
}
.user-card__content > div {
    padding-block: .5rem;
    color: var( --e-global-color-c6fbf5e );
    font-family: var( --e-global-typography-2c75e3b-font-family ), Sans-serif;
}
.user-card__content > div + div {
    border-top: 1px solid var(--e-global-color-42baffe);
}

.user-card__content .title {
    color: var( --e-global-color-accent );
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    line-height: var( --e-global-typography-secondary-line-height );
}
.user-card__content .address > a,
.user-card__content .phone > a,
.user-card__content .email > a {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.user-card__aside {}
.user-card__aside .svg-inline--fa {
    width: 1rem;
    height: 1rem;
}
.user-card__aside .active-member,
.user-card__aside .adeli-number,
.user-card__aside .more {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-block: .5rem;
    padding: .75rem 1rem;
    border-radius: .5rem;
}
.user-card__aside .active-member {
    background-color: var( --e-global-color-42baffe );
    color: var( --e-global-color-c6fbf5e );
}
.user-card__aside .active-member span {
    font-family: var( --e-global-typography-0d59cc4-font-family ), Sans-serif;
    font-size: var( --e-global-typography-0d59cc4-font-size );
    line-height: var( --e-global-typography-0d59cc4-line-height );
}
.user-card__aside .adeli-number {
    background-color: var( --e-global-color-c6fbf5e );
    color: var( --e-global-color-6e49a00 );
}
.user-card__aside .more {
    justify-content: flex-end;
    font-family: var( --e-global-typography-8ce921c-font-family ), Sans-serif;
    font-size: var( --e-global-typography-8ce921c-font-size );
    font-weight: var( --e-global-typography-8ce921c-font-weight );
    text-transform: var( --e-global-typography-8ce921c-text-transform );
    line-height: var( --e-global-typography-8ce921c-line-height );
    letter-spacing: var( --e-global-typography-8ce921c-letter-spacing );
    word-spacing: var( --e-global-typography-8ce921c-word-spacing );
    color: var( --e-global-color-secondary );
}

/* ACF Form */

.acf-form-fields .acf-field input[type="text"],
.acf-form-fields .acf-field input[type="password"],
.acf-form-fields .acf-field input[type="date"],
.acf-form-fields .acf-field input[type="datetime"],
.acf-form-fields .acf-field input[type="datetime-local"],
.acf-form-fields .acf-field input[type="email"],
.acf-form-fields .acf-field input[type="month"],
.acf-form-fields .acf-field input[type="number"],
.acf-form-fields .acf-field input[type="search"],
.acf-form-fields .acf-field input[type="tel"],
.acf-form-fields .acf-field input[type="time"],
.acf-form-fields .acf-field input[type="url"],
.acf-form-fields .acf-field input[type="week"],
.acf-form-fields .acf-field textarea,
.acf-form-fields .acf-field select {
	padding: var(--acf-field-padding, 0.5rem 1rem);
	background: var(--acf-field-background, #f8f8f8);
	border-radius: var(--acf-field-radius, 0.312rem);
	border: none;
	color: var(--acf-field-normal-color, var(--e-global-color-c6fbf5e, #333));

	font-family: var(--acf-field-font-family, DIN Next Rounded LT Pro), sans-serif;
	font-size: var(--acf-field-font-size, 1.25rem);
	font-weight: var(--acf-field-font-weight, normal);
	line-height: var(--acf-field-line-height, 2.125);
}
.acf-form-fields .acf-field input[type="text"]:disabled,
.acf-form-fields .acf-field select:disabled,
.acf-form-fields .acf-field select:disabled + span,
.acf-form-fields .acf-field select:disabled + span .select2-selection,
.acf-form-fields .acf-field select:disabled + span .select2-selection__rendered {
    background-color: #efefef !important;
    color: var(--e-global-color-714cdb1) !important;
    outline: none !important;
    pointer-events: none !important;
}

.acf-form-fields .acf-field select:disabled + span .select2-selection__arrow {
    display: none;
}

.acf-form-fields .acf-field select + span .select2-selection__rendered {
    padding: var(--forms-fields-padding,16px);
}

.acf-form-fields .acf-field input::placeholder,
.acf-form-fields .acf-field textarea::placeholder {
	color: var(--acf-field-placeholder-color, #89d1d9);
}
.acf-form-fields .acf-field :where(input, textarea):focus,
.acf-form-fields .acf-field :where(input, textarea):focus-visible {
    outline: none;
}
.acf-form-fields .acf-field :is(.acf-switch, .acf-switch-slider) {
    border-radius: 100vmax;
}
.acf-form-fields .acf-field .acf-switch:hover,
.acf-form-fields .acf-field .acf-switch:hover .acf-switch-slider {
    border-color: var( --e-global-color-secondary );
}
.acf-form-fields .acf-field .acf-switch.-on,
.acf-form-fields .acf-field .acf-switch.-on .acf-switch-slider {
    border-color: var( --e-global-color-primary );
}
.acf-form-fields .acf-field .acf-switch.-on {
    background-color: var( --e-global-color-primary );
}
.acf-form-fields .acf-switch .acf-switch-on {
    color: var(--e-global-color-c6fbf5e);
    text-shadow: none;
}
.acf-form-fields .acf-field .acf-label label {
    font-weight: bold;
    color: var(--e-global-color-c6fbf5e);
}
.acf-button.button.button-large {
	font-family: var( --e-global-typography-8ce921c-font-family ), Sans-serif;
	font-size: var( --e-global-typography-8ce921c-font-size );
	font-weight: var( --e-global-typography-8ce921c-font-weight );
	text-transform: var( --e-global-typography-8ce921c-text-transform );
	line-height: var( --e-global-typography-8ce921c-line-height );
	letter-spacing: var( --e-global-typography-8ce921c-letter-spacing );
	word-spacing: var( --e-global-typography-8ce921c-word-spacing );
	border-radius: 100vmax;
	padding: 16px 32px 16px 32px;
}

.acf-form-submit {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
}

.acf-button.button-primary {
	fill: var( --e-global-color-6e49a00 );
	color: var( --e-global-color-6e49a00 ) !important;
	background-color: var(--e-global-color-primary) !important;
}
.acf-button.button-secondary {
	fill: var( --e-global-color-6e49a00 );
	color: var( --e-global-color-6e49a00 ) !important;
	background-color: var(--e-global-color-c6fbf5e) !important;
}

/* Form tabs */
.acf-fields > .acf-tab-wrap {
    margin-block: 1rem;
    background-color: transparent;
}

.acf-fields > .acf-tab-wrap .acf-tab-group,
.acf-fields > .acf-tab-wrap:first-child .acf-tab-group {
    display: flex;
    flex-wrap: wrap;
    gap:.5rem;
    padding: .5rem 0;
    border: 0;
    margin-bottom: 1rem;
}
.acf-fields .acf-tab-group::before,
.acf-fields .acf-tab-group::after {
    display: none;
}
.acf-fields .acf-tab-group > li {
    flex: auto;
    margin: 0;
}

.acf-fields > .acf-field {
    padding-inline: 0 !important;
}
.acf-fields > .acf-tab-wrap .acf-tab-group > li a {
    flex: auto;
    border-radius: 100vmax;
    border: 1px solid currentColor !important;
    color: var(--e-global-color-c6fbf5e) !important;
    background: transparent !important;
    text-align: center;
}
.acf-fields > .acf-tab-wrap .acf-tab-group > li.active a {
    background-color: var(--e-global-color-c6fbf5e) !important;
    color: var(--e-global-color-6e49a00) !important;
}

.acf-fields .acf-editor-wrap .wp-editor-container {
    border-radius: 5px;
    overflow: hidden;
    border: none;
}
.acf-fields .acf-editor-wrap  div.mce-toolbar-grp {
    background: transparent;
}

/* Forms */
.acf-form {
    --acf-field-background: #fff;
	background-color: var(
		--acf-field-placeholder-color,
		var(--e-global-color-bb3e2b3)
	);
	border: var(--sections-border-left-width, 1px)
		var(--sections-border-type, solid)
		var(--sections-border-color, var(--e-global-color-42baffe));
	border-radius: var(--sections-border-radius, 3px);
	padding: var(--sections-padding, 16px 30px);
}

/** 
 * OFFERS
 */
 .dashboard-offers-header,
 .dashboard-offers-footer {
    display: flex;
    padding-block: 1rem;
 }
 .dashboard-offers-header {
    justify-content: flex-end;
 }

 .dashboard-offers-footer {
    justify-content: center;
 }
 .dashboard-offers-list {
    padding: 0;
 }
 .dashboard-offers-list .offer {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: var(--sections-background-color,#fff);
    border: var(--sections-border-left-width,1px) var(--sections-border-type,solid) var(--sections-border-color,#d4d4d4);
    border-radius: 1rem
 }

 .dashboard-offers-list .offer + .offer {
    margin-top: 1rem;
 }

 .dashboard-offers-list .offer-content__title {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
 }
 .dashboard-offers-list .offer-content__metas {
    display: flex;
    gap: .5rem;
    font-size: .8rem;
 }
 .dashboard-offers-list .offer-content__metas svg {
    margin-left: .25rem;
 }

 .dashboard-offers-list .offer-content__metas .status {
    display: flex;
    align-items: center;
 }
 .dashboard-offers-list .offer-content__metas .pending {
    color: var(--e-global-color-primary);
 }
 .dashboard-offers-list .offer-content__metas .publish {
    color: var(--e-global-color-secondary);
 }

 .dashboard-offers-list .offer-actions {
    display: flex;
    margin-left: auto;
 }

 .dashboard-offers-list .offer-actions > * {
    display: inline-flex;
    padding: .25rem;
 }
 .dashboard-offers-list :is(.offer-actions__read,.offer-actions__delete):not(:hover) {
    color: var(--e-global-color-714cdb1) !important;
 }

/** 
 * ADDRESSES
 */
 .dashboard-directory {
    padding-block: 2rem;
 }
.dashboard-directory-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-directory-header .dashboard-directory-header__button {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .75rem !important;
    background-color: transparent;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 100vmax !important;
    outline: none;
    color: var(--e-global-color-primary);
}
.dashboard-directory-header .dashboard-directory-header__button:hover,
.dashboard-directory-header .dashboard-directory-header__button:focus-visible {
    border-color: var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-6e49a00);
}

.dashboard-addresses {
    display: grid;
    gap: 1rem;
    padding: 0;
    list-style: none;
}

.dashboard-address {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--sections-background-color,#fff);
    padding: 1rem 2rem;
    border: var(--sections-border-left-width,1px) var(--sections-border-type,solid) var(--sections-border-color,#d4d4d4);
    border-radius: var(--sections-border-radius,3px);
}
.dashboard-address__title {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
 }
.dashboard-address__actions {
    display: flex;
    gap: 1rem;

    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid var(--sections-border-color,#d4d4d4);
}
.dashboard-address__actions .status {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-right: auto;
}

.dashboard-address__actions .status.pending {
    color: var(--e-global-color-primary);
}
.dashboard-address__actions .status.publish {
    color: var(--e-global-color-secondary);
}

.dashboard-address__actions a {
    color: var(--e-global-color-714cdb1) !important;
}
/* [data-name="user_directory_latitude"],
[data-name="user_directory_longitude"] {
    display: none;
} */

.acf-form-fields .acf-field{
    padding: 0.5rem !important;
}
.acf-field[data-width] + .acf-field[data-width] {
    border: 0 !important;
}


.leaflet-popup-content p {
    margin: 0 !important;
}

/* Register form */

.rof-register-link {
    text-transform: uppercase;
    font-size: var(--e-global-typography-f9bf0f0-font-size );
    line-height: var(--e-global-typography-f9bf0f0-line-height );
    letter-spacing: var(--e-global-typography-f9bf0f0-letter-spacing );
}

/* Utilities */