.elementor-223 .elementor-element.elementor-element-5e025dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-223 .elementor-element.elementor-element-389021c{padding:0px 0px 0px 0px;z-index:10;}@media(min-width:768px){.elementor-223 .elementor-element.elementor-element-5e025dc{--width:100%;}}@media(max-width:1024px){.elementor-223 .elementor-element.elementor-element-5e025dc{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-223 .elementor-element.elementor-element-389021c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-223 .elementor-element.elementor-element-5e025dc{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-223 .elementor-element.elementor-element-389021c{width:var( --container-widget-width, 600px );max-width:600px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:600px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-389021c *//* ================================
   Kross Booking — Cozly Stay
   Brand palette:
     Teal scuro   #1D5150
     Verde medio  #5B967F
     Terracotta   #A2523D
     Testo scuro  #2D2F2F
     Numeri date  #415060
   ================================ */

/* ─── Nascondi form di default ─── */
.kross-container .form-kross-booking {
  display: none;
}
.elementor-223 .elementor-element.elementor-element-389021c:not(.elementor-invisible) .kross-container .form-kross-booking {
  display: flex;
}

/* ─── Nascondi pulsanti condivisione ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kb-sharebuttonContainer,
.elementor-223 .elementor-element.elementor-element-389021c .kb-sharebuttonContainer-mob,
.elementor-223 .elementor-element.elementor-element-389021c .kb-shareButton,
.elementor-223 .elementor-element.elementor-element-389021c .kb-shareButton svg,
.elementor-223 .elementor-element.elementor-element-389021c .kb-sharebutton,
.elementor-223 .elementor-element.elementor-element-389021c .kb-share {
  display: none !important;
}

/* ─── Reset ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kb-form-group { border: none; }
.elementor-223 .elementor-element.elementor-element-389021c .kross-transparency { background: none !important; padding: 0; }

/* ─── Box shadow ─── */
.elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking {
  box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
}

/* ─── Labels (ARRIVO / PARTENZA / OSPITI) ─── */
.elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking .kb-label,
.elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking .kb-date-label,
.elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking .kb-adults-label {
  color: #A2523D !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

/* ─── Giorno settimana ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kross-container .kb-date .kb-ddd {
  color: #2D2F2F;
}

/* ─── Numeri date e ospiti ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kross-container .kb-date .kb-d,
.elementor-223 .elementor-element.elementor-element-389021c .kross-container .kb-qt {
  color: #415060 !important;
}

/* ─── Pulsante — stile base ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input,
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button {
  background-color: #5B967F !important;
  color: #ffffff !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* ─── Pulsante — hover/focus ─── */
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input:hover,
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input:focus,
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button:hover,
.elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button:focus {
  background-color: #1D5150 !important;
}

/* ══════════════════════════════
   DESKTOP — min 768px
   ══════════════════════════════ */
@media (min-width: 768px) {
  .elementor-223 .elementor-element.elementor-element-389021c:not(.elementor-invisible) .kross-container .form-kross-booking {
    display: flex;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking {
    padding: 5px 15px;
    border-radius: 50px;
    background: #ffffff !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input,
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button {
    padding: 15px 30px;
    height: auto;
    border-radius: 50px;
  }
}

/* ══════════════════════════════
   TABLET — 768px - 1023px
   ══════════════════════════════ */
@media (min-width: 768px) and (max-width: 1023px) {
  .elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking { display: flex; }
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input,
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button {
    font-size: 12px;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kross-container .kb-adults { flex: auto; }
}

/* ══════════════════════════════
   LAYOUT COMPATTO — max 767px
   ══════════════════════════════ */
@media (max-width: 767px) {
  .elementor-223 .elementor-element.elementor-element-389021c {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    border-radius: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .form-kross-booking {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    padding: 12px 0 !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kb-date {
    width: 80% !important;
    flex: auto !important;
    min-width: 0 !important;
    padding: 10px 0 20px 10px !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kb-adults {
    width: 20% !important;
    flex: auto !important;
    min-width: 0 !important;
    padding: 10px 0 20px 0 !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer {
    width: 100% !important;
    padding: 0 10px 10px 10px !important;
  }
  .elementor-223 .elementor-element.elementor-element-389021c .kross-container .kb-btn,
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer input,
  .elementor-223 .elementor-element.elementor-element-389021c .kb-availabilityButtonContainer button {
    width: 100% !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background-color: #5B967F !important;
    height: auto !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
}/* End custom CSS */