/* wp-agent-requests/assets/css/frontend/style.css */

:root {
  /* AlbaBridge. Manteniamo i nomi dei token per compatibilità col plugin. */
  --wp_ar-primary-flowers: #4a5866;
  --wp_ar-secondary-flowers: #ffffff;
  --wp_ar-accent-flowers: #bfd6f4;
  --wp_ar-lighten-flowers: #eef2f7;

  --wp_ar-primary-text-emphasis: #4a5866;
  --wp_ar-secondary-text-emphasis: #4a5866;
  --wp_ar-success-text-emphasis: #326b52;
  --wp_ar-info-text-emphasis: #197aa4;
  --wp_ar-warning-text-emphasis: #ac5a2b;
  --wp_ar-danger-text-emphasis: #b82c46;
  --wp_ar-light-text-emphasis: #4a5866;
  --wp_ar-dark-text-emphasis: #4a5866;

  /* Background “subtle” */
  --wp_ar-primary-bg-subtle: #eef2f7;
  --wp_ar-secondary-bg-subtle: #eef2f7;
  --wp_ar-success-bg-subtle: #e5f3ed;
  --wp_ar-info-bg-subtle: #d8f3ff;
  --wp_ar-warning-bg-subtle: #fde6d8;
  --wp_ar-danger-bg-subtle: #fbdbe1;
  --wp_ar-light-bg-subtle: #fdfefe;
  --wp_ar-dark-bg-subtle: #08101b;

  /* Bordi “subtle” */
  --wp_ar-primary-border-subtle: #bfd6f4;
  --wp_ar-secondary-border-subtle: #c9d1dc;
  --wp_ar-success-border-subtle: #b7ddca;
  --wp_ar-info-border-subtle: #a9e4fe;
  --wp_ar-warning-border-subtle: #fbccb2;
  --wp_ar-danger-border-subtle: #f5afbc;
  --wp_ar-light-border-subtle: #eef2f7;
  --wp_ar-dark-border-subtle: #9da9bb;

  /* === SweetAlert2 theme tokens (agganciati ai tuoi) === */
  --swal-bg: var(--wp_ar-secondary-flowers);
  --swal-text: var(--wp_ar-primary-text-emphasis);
  --swal-title: var(--wp_ar-primary-text-emphasis);
  --swal-border: var(--wp_ar-success-border-subtle);
  --swal-icon-warning: var(--wp_ar-warning-text-emphasis);
  --swal-icon-info: var(--wp_ar-info-text-emphasis);
  --swal-icon-danger: var(--wp_ar-danger-text-emphasis);

  --swal-btn-bg: var(--wp_ar-accent-flowers);
  --swal-btn-text: #4a5866;
  --swal-btn-border: var(--wp_ar-accent-flowers);
  --swal-btn-bg-h: #ffffff;
  --swal-btn-text-h: var(--wp_ar-primary-flowers);
  --swal-shadow: 0 10px 24px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
}

.badge-error {
  color: #cc0000 !important;
  background-color: #fbdbe1;
}
.badge-success {
  color: #27ae60 !important;
  background-color: #d9f8eb;
}
.badge-dark-purple {
  background-color: #4a148c;
  color: #f3e5f5;
}

.badge-soft-violet {
  background-color: #dfd4ff;
  color: purple;
}

.badge-soft-yellow {
  background-color: #fff8d4;
  color: rgb(141, 141, 0);
}

.badge-primary {
  color: var(--wp_ar-primary-text-emphasis);
  background-color: var(--wp_ar-primary-bg-subtle);
}

.badge-info {
  color: var(--wp_ar-info-text-emphasis);
  background-color: var(--wp_ar-info-bg-subtle);
}

.badge-pill {
  padding-right: 0.71111em;
  padding-left: 0.71111em;
  border-radius: 10rem;
}

.badge-warning {
  color: var(--wp_ar-warning-text-emphasis);
  background-color: var(--wp_ar-warning-bg-subtle);
}

.badge-info-2 {
  color: #1978a2;
  background-color: #d4f2ff;
}
.badge-danger {
  color: var(--wp_ar-danger-text-emphasis);
  background-color: var(--wp_ar-danger-bg-subtle);
}

.badge-secondary {
  color: var(--wp_ar-secondary-text-emphasis);
  background-color: var(--wp_ar-secondary-bg-subtle);
}

.badge-brown {
  color: #6e3807;
  background-color: var(--wp_ar-warning-bg-subtle);
}

.badge-pink {
  color: pink;
  background-color: var(--wp_ar-danger-bg-subtle);
}

.badge-pill {
  padding-right: 0.71111em !important;
  padding-left: 0.71111em !important;
  border-radius: 10rem !important;
}

.wp_ar-badge {
  margin-top: 2px !important;
  text-decoration: none !important;
  display: inline-block;
  padding: 4px 10px;
  max-width: max-content;
  font-weight: 600;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  line-height: 1;
}
.badge_fix {
  display: block !important;
  text-align: center;
}
/*** END badges ***** badges ***** badges ***** badges END**/

/** START * RESPONSIVE BS5 ** ** RESPONSIVE BS5 ** ** RESPONSIVE BS5 ** START*/
/* Bootstrap 5 - Display Classes */
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}

/* Responsive Display Classes */
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}

/** END * RESPONSIVE BS5 ** ** RESPONSIVE BS5 ** ** RESPONSIVE BS5 ** END*/
/** ANIMAZIONI **/
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0);
  }
}

.dialog-close-button.animate-close {
  animation: shake 0.5s ease-in-out;
}
/** ANIMAZIONI END **/

/* WP_Agent_Request FORM ** | START */
form.wp_ar_request_form {
  display: flex;
  flex-direction: column;
  background-color: rgb(0, 0, 0, 0);
}

.wp_ar_request_form label {
  color: var(--wp_ar-primary-text-emphasis) !important;
  margin-left: 1em;
  margin-bottom: 3px;
}
.wp_ar_request_form input[type="text"] ::placeholder,
.wp_ar_request_form input.form-control ::placeholder,
.wp_ar_request_form ::placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
} /* 🔹 Forza il colore bianco sui placeholder di tutti i campi del form */
input#client_nome-popup::placeholder,
input#client_cognome-popup::placeholder,
input#client_email-popup::placeholder,
input#client_telefono-popup::placeholder,
textarea#request_description-popup::placeholder,
input#client_nome-standalone::placeholder,
input#client_cognome-standalone::placeholder,
input#client_email-standalone::placeholder,
input#client_telefono-standalone::placeholder,
textarea#request_description-standalone::placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

/* 🔹 Selettori per i campi Select2 (solo se hanno placeholder visibili) */
select#request_category-popup,
select#request_service-popup,
select#request_category-standalone,
select#request_service-standalone {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

/* 🔹 Forza il colore bianco anche per i placeholder sui browser diversi */
input#client_nome-popup:-ms-input-placeholder,
input#client_cognome-popup:-ms-input-placeholder,
input#client_email-popup:-ms-input-placeholder,
input#client_telefono-popup:-ms-input-placeholder,
textarea#request_description-popup:-ms-input-placeholder,
input#client_nome-standalone:-ms-input-placeholder,
input#client_cognome-standalone:-ms-input-placeholder,
input#client_email-standalone:-ms-input-placeholder,
input#client_telefono-standalone:-ms-input-placeholder,
textarea#request_description-standalone:-ms-input-placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}
input#client_telefono-popup,
input#client_telefono-standalone {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

input#client_nome-popup::-webkit-input-placeholder,
input#client_cognome-popup::-webkit-input-placeholder,
input#client_email-popup::-webkit-input-placeholder,
input#client_telefono-popup::-webkit-input-placeholder,
textarea#request_description-popup::-webkit-input-placeholder,
input#client_nome-standalone::-webkit-input-placeholder,
input#client_cognome-standalone::-webkit-input-placeholder,
input#client_email-standalone::-webkit-input-placeholder,
input#client_telefono-standalone::-webkit-input-placeholder,
textarea#request_description-standalone::-webkit-input-placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

input#client_nome-popup::-moz-placeholder,
input#client_cognome-popup::-moz-placeholder,
input#client_email-popup::-moz-placeholder,
input#client_telefono-popup::-moz-placeholder,
textarea#request_description-popup::-moz-placeholder,
input#client_nome-standalone::-moz-placeholder,
input#client_cognome-standalone::-moz-placeholder,
input#client_email-standalone::-moz-placeholder,
input#client_telefono-standalone::-moz-placeholder,
textarea#request_description-standalone::-moz-placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

input#client_nome-popup::-ms-input-placeholder,
input#client_cognome-popup::-ms-input-placeholder,
input#client_email-popup::-ms-input-placeholder,
input#client_telefono-popup::-ms-input-placeholder,
textarea#request_description-popup::-ms-input-placeholder,
input#client_nome-standalone::-ms-input-placeholder,
input#client_cognome-standalone::-ms-input-placeholder,
input#client_email-standalone::-ms-input-placeholder,
input#client_telefono-standalone::-ms-input-placeholder,
textarea#request_description-standalone::-ms-input-placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

.nd_options_customizer_forms .wp_ar_request_form input.form-control,
.nd_options_customizer_forms .wp_ar_request_form select.form-control,
.nd_options_customizer_forms .wp_ar_request_form .select2-selection--single,
.nd_options_customizer_forms .wp_ar_request_form textarea.form-control,
.wp_ar_request_form input.form-control,
.wp_ar_request_form select.form-control,
.wp_ar_request_form .select2-selection--single,
.wp_ar_request_form textarea.form-control {
  border: 2px solid var(--wp_ar-accent-flowers) !important;
  background: var(--wp_ar-secondary-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
  border-radius: 50px !important;
  width: 100% !important;
}
.wp_ar_request_form textarea {
  padding: 15px 1.75em;
}
.wp_ar_request_form .select2-selection--single {
  height: 45px;
  color: var(--wp_ar-primary-text-emphasis) !important;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 250px !important;
  overflow-y: auto;
}
.wp_ar_request_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: var(--wp_ar-primary-text-emphasis) !important;
  padding-left: 15px;
  padding-right: 35px;
}
.wp_ar_request_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
  color: var(--wp_ar-primary-text-emphasis) !important;
  width: 35px;
}
.wp_ar_request_form .form-row {
  display: flex;
  flex-direction: row;
  margin: 15px 0px;
  gap: 10px;
}
.wp_ar_request_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  background-color: var(--wp_ar-lighten-flowers) !important;
  padding: 0px 10px;
  border-radius: 50px;
}
.wp_ar_request_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
}
/* Stile del dropdown di Select2 all'interno del form */
.elementor-page .select2-dropdown {
  background-color: var(--wp_ar-lighten-flowers) !important;
  border: 1px solid var(--wp_ar-accent-flowers) !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Barra di ricerca all'interno del dropdown */
.elementor-page .select2-search__field {
  background-color: var(--wp_ar-lighten-flowers) !important;
  border: 1px solid var(--wp_ar-accent-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
  border-radius: 40px !important;
}

.elementor-page .select2-search__field::placeholder {
  color: var(--wp_ar-primary-text-emphasis) !important;
  opacity: 0.8;
}

/* Opzioni nel menu a tendina */
.elementor-page .select2-results__option {
  background-color: var(--wp_ar-lighten-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
  padding: 10px;
  border-bottom: 1px solid var(--wp_ar-accent-flowers);
}

/* Opzione evidenziata */
.elementor-page .select2-results__option--highlighted {
  background-color: var(--wp_ar-accent-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
}

/* Opzione selezionata */
.elementor-page .select2-results__option[aria-selected="true"] {
  background-color: var(--wp_ar-secondary-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
}

.wp_ar_request_form .form-group {
  display: flex;
  flex-direction: column;
  color: var(--wp_ar-primary-text-emphasis);
}
.wp_ar_request_form .form-group.half {
  width: 50%;
}

.wp_ar_request_form .form-group.full {
  width: 100%;
}
.wp_ar_request_form .subBtn {
  border: 2px solid var(--wp_ar-accent-flowers) !important;
  background-color: var(--wp_ar-accent-flowers) !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
  width: 100% !important;
  border-radius: 50px !important;
}
.wp_ar_request_form .subBtn:hover {
  border: 2px solid var(--wp_ar-accent-flowers) !important;
  background-color: white !important;
  color: var(--wp_ar-primary-text-emphasis) !important;
}
.iti__country-container {
  left: 5px;
}
.iti.iti--allow-dropdown.iti--show-flags {
  width: 100% !important;
}
.iti--inline-dropdown .iti__dropdown-content {
  background-color: var(--wp_ar-accent-flowers);
}
.iti__dial-code {
  color: var(--wp_ar-primary-text-emphasis) !important;
}

/* WP_Agent_Request FORM ** | END */
/* 🔹 Forza il Turnstile ad occupare il 100% della larghezza disponibile */
.cf-turnstile-inline,
.cf-turnstile-popup {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: -1px;
}

/* 🔹 Se il container ha padding, rimuovilo per garantire il 100% */
.cf-turnstile-inline > div,
.cf-turnstile-popup > div {
  width: 101.5% !important;
}
/* 🔹 Forza il ridimensionamento del contenuto */
.twp-cf-wrapper > .cf-turnstile-inline > div > * {
  transform: scale(
    1.2
  ) !important; /* Aumenta la scala per adattare il contenuto */
  width: 100% !important;
  height: 100% !important;
  border-radius: 50%;
}
.wp_ar_request_form .select2-selection--single,
.select2-container .select2-selection--single {
  height: 45px;
}
.select2-container {
  width: 100% !important;
}

/* dropdown - fixes */
.twp-sl2-dropdwn {
  margin-top: -13px !important;
}
.elementor-popup-modal .twp-sl2-dropdwn {
  margin-top: -45px !important;
}
/* dropdown - fixes */
@media screen and (min-width: 1680.1px) {
  /* dropdown - fixes */
  .twp-sl2-dropdwn {
    margin-top: -13px !important;
  }
}
.twp-cf-wrapper {
  display: flex;
  width: 100%;
  border-radius: 40px;
  overflow: auto;
  border: 2px solid var(--wp_ar-accent-flowers);
  background-color: #232323;
}
.twp-cf-wrapper > div {
  display: flex;
  width: 100%;
}
.twp-cf-wrapper .cf-turnstile-inline,
.twp-cf-wrapper .cf-turnstile-popup {
  width: 102% !important;
  max-width: 102% !important;
  height: 64px;
  margin: 0px -2px;
}

/* === BEGIN SweetAlert2 theme tokens (agganciati ai tuoi) === */
/* Scope generale per i nostri Swal
.cc-swal { /* container * / }
*/

/* popup */
.cc-swal__popup {
  background: var(--swal-bg) !important;
  color: var(--swal-text) !important;
  border: 2px solid var(--swal-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--swal-shadow) !important;
  padding: 1.25rem 1.5rem !important;
}

/* titolo , testo , area azioni */
.cc-swal__title {
  color: var(--swal-title) !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}
.cc-swal__html {
  color: var(--swal-text) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.cc-swal__actions {
  gap: 0.5rem !important;
}

/* bottone conferma */
.cc-swal__confirm {
  background: var(--swal-btn-bg) !important;
  color: var(--swal-btn-text) !important;
  border: 2px solid var(--swal-btn-border) !important;
  border-radius: 999px !important;
  padding: 0.6rem 1.25rem !important;
  font-weight: 600 !important;
  transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease,
    border-color 0.2s ease;
}
.cc-swal__confirm:hover,
.cc-swal__confirm:focus-visible {
  background: var(--swal-btn-bg-h) !important;
  color: var(--swal-btn-text-h) !important;
  border-color: var(--swal-btn-border) !important;
  transform: translateY(-1px);
  outline: none !important;
}

/* icone */
.cc-swal__icon.swal2-warning {
  border-color: var(--swal-icon-warning) !important;
  color: var(--swal-icon-warning) !important;
}
.cc-swal__icon.swal2-info {
  border-color: var(--swal-icon-info) !important;
  color: var(--swal-icon-info) !important;
}
.cc-swal__icon.swal2-error {
  border-color: var(--swal-icon-danger) !important;
  color: var(--swal-icon-danger) !important;
}

/* link telefono dentro l’html del popup */
.cc-swal__phone a[href^="tel:"] {
  color: var(--wp_ar-primary-text-emphasis) !important;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 2px solid var(--wp_ar-accent-flowers);
  padding-bottom: 1px;
}
.cc-swal__phone a[href^="tel:"]:hover {
  opacity: 0.85;
}

/* optional : modalità scura a scelta */
@media (prefers-color-scheme: dark) {
  .cc-swal__popup.is-dark {
    background: #121418 !important;
    color: #e8eaf0 !important;
    border-color: #2a2f3a !important;
  }
}
/* === END OF SweetAlert2 theme tokens (agganciati ai tuoi) === */
.wp_ar_request_form input:focus-visible,
.wp_ar_request_form input:focus-within,
:focus-visible {
  outline-color: var(--wp_ar-primary-text-emphasis) !important;
}
/* hotfixes iti */
button.iti__selected-country {
  border: 2px solid var(--wp_ar-accent-flowers) !important;
}
/* hotfixes iti */
.iti__country-container {
  top: -1px !important;
  left: -1px !important;
}

/* form fields responsive */
@media screen and (max-width: 1023.99px) {
  .wp_ar_request_form .form-group.half {
    width: 100% !important;
  }
  .wp_ar_request_form .form-row {
    flex-wrap: wrap;
  }
  button.iti__selected-country {
    padding: 0px 40px !important;
  }
}