/*
 * Rental Booking Inquiry frontend styling API
 *
 * Override the variables on .rbi-wrap to style every calendar. Example:
 * .rbi-wrap { --rbi-accent:#fff700; --rbi-text:#fff; }
 *
 * A single property can be targeted by its slug, for example:
 * .rbi-wrap.rbi-property-casa-de-lemon { --rbi-accent:#fff700; }
 */
.rbi-wrap{
  --rbi-accent:var(--e-global-color-primary,var(--wp--preset--color--primary,#333));
  --rbi-selected-bg:var(--rbi-accent);
  --rbi-selected-text:var(--rbi-auto-selected-text,#fff);
  --rbi-text:var(--e-global-color-text,var(--wp--preset--color--contrast,#222));
  --rbi-muted:#666;
  --rbi-link:var(--rbi-text);
  --rbi-link-hover:var(--rbi-accent);
  --rbi-line:#ddd;
  --rbi-surface:#fff;
  --rbi-soft:#f4f4f4;
  --rbi-calendar-bg:var(--rbi-surface);
  --rbi-summary-bg:var(--rbi-soft);
  --rbi-summary-text:var(--rbi-text);
  --rbi-summary-label:var(--rbi-muted);
  --rbi-summary-active-bg:var(--rbi-surface);
  --rbi-summary-active-border:var(--rbi-line);
  --rbi-nav-bg:var(--rbi-surface);
  --rbi-nav-text:var(--rbi-text);
  --rbi-nav-border:var(--rbi-line);
  --rbi-available-bg:transparent;
  --rbi-available-text:var(--rbi-text);
  --rbi-available-hover-bg:var(--rbi-soft);
  --rbi-available-hover-text:var(--rbi-text);
  --rbi-range-bg:var(--rbi-soft);
  --rbi-range-text:var(--rbi-text);
  --rbi-unavailable-bg:#f1f1f1;
  --rbi-unavailable-text:#aaa;
  --rbi-unavailable-border:#ccc;
  --rbi-today-ring:var(--rbi-accent);
  --rbi-price-text:var(--rbi-accent);
  --rbi-price-bg:var(--rbi-soft);
  --rbi-field-bg:#fff;
  --rbi-field-text:#222;
  --rbi-field-placeholder:#777;
  --rbi-field-border:var(--rbi-line);
  --rbi-field-focus:var(--rbi-accent);
  --rbi-button-bg:var(--rbi-accent);
  --rbi-button-text:var(--rbi-selected-text);
  --rbi-button-hover-bg:var(--rbi-accent);
  --rbi-button-hover-text:var(--rbi-button-text);
  --rbi-success-bg:#e8f5ec;
  --rbi-success-text:#24653a;
  --rbi-error-bg:#faeaea;
  --rbi-error-text:#922b2b;
  --rbi-radius:18px;
  max-width:980px;
  margin:0 auto;
  color:var(--rbi-text);
  font-family:inherit;
}

.rbi-wrap,.rbi-wrap *{box-sizing:border-box}
.rbi-wrap .rbi-form{display:grid;gap:32px;color:var(--rbi-text)}
.rbi-wrap .rbi-calendar-section{position:relative;padding:24px;border:1px solid var(--rbi-line);border-radius:var(--rbi-radius);background:var(--rbi-calendar-bg);color:var(--rbi-text)}
.rbi-wrap .rbi-date-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:0 auto 14px}
.rbi-wrap .rbi-date-card{appearance:none;text-align:left;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:var(--rbi-summary-bg);color:var(--rbi-summary-text);cursor:pointer;font:inherit}
.rbi-wrap .rbi-date-card:hover,.rbi-wrap .rbi-date-card:focus{background:var(--rbi-summary-bg);color:var(--rbi-summary-text)}
.rbi-wrap .rbi-date-card.is-active,.rbi-wrap .rbi-date-card.is-active:hover,.rbi-wrap .rbi-date-card.is-active:focus{border-color:var(--rbi-summary-active-border);background:var(--rbi-summary-active-bg);color:var(--rbi-summary-text);box-shadow:none}
.rbi-wrap .rbi-date-card span{display:block;margin-bottom:3px;color:var(--rbi-summary-label);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.rbi-wrap .rbi-date-card strong{color:inherit;font-size:14px;font-weight:600}
.rbi-wrap .rbi-calendar-help{text-align:center;color:var(--rbi-muted);margin:0 0 18px;font-size:14px}
.rbi-wrap .rbi-calendar-help.is-error{color:var(--rbi-error-text)}
.rbi-wrap .rbi-calendar-nav{position:absolute;left:24px;right:24px;top:118px;display:flex;justify-content:space-between;pointer-events:none}
.rbi-wrap .rbi-calendar-nav button{pointer-events:auto;width:38px;height:38px;padding:0;border:1px solid var(--rbi-nav-border);border-radius:50%;background:var(--rbi-nav-bg);color:var(--rbi-nav-text);font:inherit;font-size:18px;cursor:pointer}
.rbi-wrap .rbi-calendar-nav button:hover,.rbi-wrap .rbi-calendar-nav button:focus{border-color:var(--rbi-nav-border);background:var(--rbi-nav-bg);color:var(--rbi-nav-text)}
.rbi-wrap .rbi-calendar-nav button:disabled{opacity:.3;cursor:not-allowed}
.rbi-wrap .rbi-calendars{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.rbi-wrap .rbi-month h3{text-align:center;font-size:17px;margin:0 0 15px;color:var(--rbi-text)}
.rbi-wrap .rbi-weekdays,.rbi-wrap .rbi-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.rbi-wrap .rbi-weekdays span{text-align:center;color:var(--rbi-muted);font-size:12px;padding:7px 0}
.rbi-wrap .rbi-days button,.rbi-wrap .rbi-empty{aspect-ratio:1;min-width:0}
.rbi-wrap .rbi-days button{display:flex;flex-direction:column;align-items:center;justify-content:center;appearance:none;border:0;border-radius:50%;background:var(--rbi-available-bg);color:var(--rbi-available-text);font:inherit;line-height:1.05;cursor:pointer;transition:background .15s,color .15s}
.rbi-wrap .rbi-days button:hover:not(:disabled),.rbi-wrap .rbi-days button:focus:not(:disabled){background:var(--rbi-available-hover-bg);color:var(--rbi-available-hover-text)}
.rbi-wrap .rbi-days button.is-disabled,.rbi-wrap .rbi-days button.is-disabled:hover,.rbi-wrap .rbi-days button.is-disabled:focus{color:var(--rbi-unavailable-text);text-decoration:line-through;background:var(--rbi-unavailable-bg);cursor:not-allowed}
.rbi-wrap .rbi-days button.is-range,.rbi-wrap .rbi-days button.is-range:hover,.rbi-wrap .rbi-days button.is-range:focus{border-radius:4px;background:var(--rbi-range-bg);color:var(--rbi-range-text)}
.rbi-wrap .rbi-days button.is-selected,.rbi-wrap .rbi-days button.is-selected:hover:not(:disabled),.rbi-wrap .rbi-days button.is-selected:focus,.rbi-wrap .rbi-days button.is-selected:active{border-radius:50%;background:var(--rbi-selected-bg);color:var(--rbi-selected-text);text-decoration:none}
.rbi-wrap .rbi-days button.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px var(--rbi-today-ring)}
.rbi-wrap .rbi-days button small{display:block;margin-top:3px;font-size:9px;font-weight:600;color:var(--rbi-price-text)}
.rbi-wrap .rbi-days button.is-selected small,.rbi-wrap .rbi-days button.is-selected:hover small,.rbi-wrap .rbi-days button.is-selected:focus small,.rbi-wrap .rbi-days button.is-selected:active small{color:var(--rbi-selected-text)}
.rbi-wrap .rbi-days button.is-range small{color:var(--rbi-range-text)}
.rbi-wrap .rbi-legend{display:flex;justify-content:center;gap:22px;margin-top:18px;color:var(--rbi-muted);font-size:12px}
.rbi-wrap .rbi-legend span{display:flex;align-items:center;gap:7px}
.rbi-wrap .rbi-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--rbi-available-bg);border:1px solid var(--rbi-accent)}
.rbi-wrap .rbi-legend i.is-unavailable{background:var(--rbi-unavailable-bg);border-color:var(--rbi-unavailable-border)}
.rbi-wrap .rbi-price-summary{max-width:560px;margin:22px auto 0;padding:16px 18px;border-radius:12px;background:var(--rbi-price-bg);color:var(--rbi-text)}
.rbi-wrap .rbi-price-summary[hidden]{display:none}
.rbi-wrap .rbi-price-summary>div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;font-size:14px}
.rbi-wrap .rbi-price-summary .rbi-price-total{margin-top:7px;padding-top:12px;border-top:1px solid var(--rbi-line);font-size:17px}
.rbi-wrap .rbi-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;color:var(--rbi-text)}
.rbi-wrap .rbi-field{display:grid;gap:7px}
.rbi-wrap .rbi-field>span{color:var(--rbi-text);font-size:14px;font-weight:600}
.rbi-wrap .rbi-field input,.rbi-wrap .rbi-field select,.rbi-wrap .rbi-field textarea{width:100%;border:1px solid var(--rbi-field-border);border-radius:10px;background:var(--rbi-field-bg);padding:13px 14px;color:var(--rbi-field-text);font:inherit;outline:none}
.rbi-wrap .rbi-field input::placeholder,.rbi-wrap .rbi-field textarea::placeholder{color:var(--rbi-field-placeholder);opacity:1}
.rbi-wrap .rbi-field input:focus,.rbi-wrap .rbi-field select:focus,.rbi-wrap .rbi-field textarea:focus{border-color:var(--rbi-field-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--rbi-field-focus) 25%,transparent)}
.rbi-wrap .rbi-field-wide{grid-column:1/-1}
.rbi-wrap .rbi-consent{display:flex;align-items:flex-start;gap:10px;color:var(--rbi-muted);font-size:13px;line-height:1.5}
.rbi-wrap .rbi-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--rbi-accent)}
.rbi-wrap .rbi-consent a{color:var(--rbi-link);text-decoration:underline;text-underline-offset:2px}
.rbi-wrap .rbi-consent a:hover,.rbi-wrap .rbi-consent a:focus{color:var(--rbi-link-hover)}
.rbi-wrap .rbi-submit{justify-self:start;border:0;border-radius:999px;background:var(--rbi-button-bg);color:var(--rbi-button-text);padding:14px 25px;font:inherit;font-weight:600;cursor:pointer}
.rbi-wrap .rbi-submit:hover,.rbi-wrap .rbi-submit:focus{border:0;background:var(--rbi-button-hover-bg);color:var(--rbi-button-hover-text);opacity:1}
.rbi-wrap .rbi-submit:disabled{opacity:.55;cursor:wait}
.rbi-wrap .rbi-feedback:empty{display:none}
.rbi-wrap .rbi-feedback{padding:13px 15px;border-radius:10px}
.rbi-wrap .rbi-feedback.is-success{background:var(--rbi-success-bg);color:var(--rbi-success-text)}
.rbi-wrap .rbi-feedback.is-error{background:var(--rbi-error-bg);color:var(--rbi-error-text)}
.rbi-wrap .rbi-note{margin:-20px 0 0;color:var(--rbi-muted);font-size:12px}
.rbi-wrap .rbi-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@supports not (color:color-mix(in srgb,#000 25%,transparent)){
  .rbi-wrap .rbi-field input:focus,.rbi-wrap .rbi-field select:focus,.rbi-wrap .rbi-field textarea:focus{box-shadow:0 0 0 2px rgba(0,0,0,.08)}
}

@media(max-width:700px){
  .rbi-wrap .rbi-calendar-section{padding:18px 12px}
  .rbi-wrap .rbi-calendars{grid-template-columns:1fr}
  .rbi-wrap .rbi-month:nth-child(2){display:none}
  .rbi-wrap .rbi-calendar-nav{left:14px;right:14px;top:116px}
  .rbi-wrap .rbi-fields{grid-template-columns:1fr}
  .rbi-wrap .rbi-field-wide{grid-column:auto}
  .rbi-wrap .rbi-date-card{padding:11px}
  .rbi-wrap .rbi-date-card strong{font-size:13px}
  .rbi-wrap .rbi-days button,.rbi-wrap .rbi-empty{min-height:38px}
  .rbi-wrap .rbi-submit{width:100%}
}