/*.fvh-flatpickr .fp-input{ min-width: 300px; } */
/*.fvh-flatpickr {
  margin-top: 10px;
}*/
.fvh-flatpickr.inline .fp-input{ display:none; }



.fvh-flatpickr .fp-input{ 
  width: 100% !important;
  border-radius: 0px !important; 
  margin-bottom: 20px;
}




.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: #d9d4d4 !important;/*rgba(57,57,57,0.3);*/
    background: rgba(220,220,220,.50) !important;/* #eeeeee !important; *//*transparent;*/
    border-color: transparent;
    cursor: default;
}

  /* tiny badge anchored at bottom-center of the day cell */
  .fp-badge {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 6px;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
  }
  .fp-badge.green { background:#10b981; }
  .fp-badge.blue  { background:#3b82f6; }
  .fp-badge.red   { background:#ef4444; }

  /* make sure day cell can anchor the badge */

  /*.flatpickr-day.has-price { box-shadow: inset 0 -2px 0 rgba(59,130,246,.45); }*/
 

/* safety net: make sure tooltip sits above the calendar */
/*.tooltip { z-index: 999999; }*/

/* Optional: visual hint that a day has extra info */
/*.flatpickr-day.has-info { box-shadow: inset 0 -2px 0 rgba(59,130,246,.45); }*/

/* Optional: tweak the Noir theme */
.tooltipster-noir-custom .tooltipster-box {
  border-radius: 8px;
  font: 12px/1.35 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Let day cells anchor overlays */
  .flatpickr-day { position: relative; overflow: hidden; }

  /* Common overlay look */
  .flatpickr-day.tri-am::after,
  .flatpickr-day.tri-pm::after,
  .flatpickr-day.tri-start::after,
  .flatpickr-day.tri-end::after{
    content: "";
    position: absolute;
    inset: 0;                     /* fill the cell, then clip to a triangle */
    background: rgba(220,220,220,.50); /* rgba(59,130,246,.22); */  /* soft blue wash; tweak to taste */
    pointer-events: none;
    z-index: 1;                   /* above cell bg, below text */
  }

  /* AM triangle (top-left half) */
  .flatpickr-day.tri-am::after,
  .flatpickr-day.tri-end::after { /* end-of-range = left triangle (optional) */
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    border-right: 1px solid rgba(59,130,246,.50);
  }

  /* PM triangle (bottom-right half) */
  .flatpickr-day.tri-pm::after,
  .flatpickr-day.tri-start::after { /* start-of-range = right triangle (optional) */
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
    border-left: 1px solid rgba(59,130,246,.50);
  }

  /* Optional cue on text color */
  .flatpickr-day.tri-am, .flatpickr-day.tri-pm { color: #1f2937; }

   /* custom style for Select dates input */
  .fvh-fp-input.form-control.input {
    width: 100%;
    background:#ffffff;
    color: #000000;
    height: 45px;
    font-family: "Avenir Next", "Avenir Next LT Pro", "Nunito Sans", sans-serif;
    font-size: medium;
    font-weight: 400;
    padding: 8px;

  }
  .fvh-fp-input.form-control.input::placeholder {
    height: 45px;
    color: #000000;
    font-family: "Avenir Next", "Avenir Next LT Pro", "Nunito Sans", sans-serif;
    font-size: medium;
    font-weight: 400;
  }

/* 🔥 Fire Red (bright) */
.fvh-flatpickr.theme--fire{
  --fp-attn: #ef4444;                       /* red-500 */
  --fp-attn-ring: rgba(239, 68, 68, .22);
  --fp-attn-ring-strong: rgba(239, 68, 68, .32);
}

/* 🌹 Rose (vibrant) */
.fvh-flatpickr.theme--rose{
  --fp-attn: #e11d48;                       /* rose-600 */
  --fp-attn-ring: rgba(225, 29, 72, .20);
  --fp-attn-ring-strong: rgba(225, 29, 72, .30);
}

/* base */
.fvh-flatpickr .fvh-fp-input{
  height:44px; padding:8px 12px;
  border:1px solid #d1d5db; border-radius:8px; outline:0;
  transition:border-color .15s, box-shadow .15s, color .15s;
}

/* empty state = attention */
.fvh-flatpickr .fvh-fp-input:placeholder-shown{
  border-color: var(--fp-attn);
  box-shadow: 0 0 0 3px var(--fp-attn-ring);
}

/* stronger cue while focused and empty */
.fvh-flatpickr .fvh-fp-input:focus:placeholder-shown{
  box-shadow: 0 0 0 4px var(--fp-attn-ring-strong);
}

/* helper line: only visible when empty (and focused, if you prefer) */
.fvh-flatpickr .date-help{ 
  margin-top:6px; font-size:12px; color:#6b7280; 
  opacity:0; height:0; overflow:hidden; transition:opacity .15s;
}

/* show help whenever empty… */
.fvh-flatpickr .fvh-fp-input:placeholder-shown + .date-help{
  opacity:1; height:auto;
}