/* Rajmudra Jewellery — one date picker for the complete website. */
.rm-date-native-source{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
  opacity:0;
  pointer-events:none;
}
.rm-date-field{
  position:relative;
  box-sizing:border-box;
  min-width:0;
  padding:0 46px 0 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #ddc29a;
  border-radius:10px;
  background:#fffdf9;
  color:#332a23;
  font:700 11px/1.2 Arial, Helvetica, sans-serif;
  text-align:left;
  cursor:pointer;
  outline:none;
  box-shadow:0 1px 2px rgba(70,45,22,.035);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.rm-date-field:hover,
.rm-date-field:focus-visible,
.rm-date-field[aria-expanded="true"]{
  border-color:#bd7b24;
  box-shadow:0 0 0 3px rgba(189,123,36,.13);
  background:#fffaf3;
}
.rm-date-field:disabled{cursor:not-allowed;opacity:.58;background:#f4f1ed}
.rm-date-field-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-date-field-icon{position:absolute;right:0;top:0;bottom:0;width:40px;display:grid;place-items:center;border-left:1px solid #e6cfad;background:#fbf3e7;color:#956016;font-size:13px}

/* Closed-state date surface only. Existing calendars/popovers keep their page behavior and design. */
.rjold-date-button,
[data-rjbill-date-trigger],
[data-rjds-date-target],
[data-rjold-date-target],
[data-sex-date-filter],
[data-rmcot-date-target]{
  box-sizing:border-box;
  border:1px solid #ddc29a!important;
  background:#fffdf9!important;
  box-shadow:0 1px 2px rgba(70,45,22,.035)!important;
  outline:none;
  transition:border-color .16s ease,background .16s ease!important;
}

.rjold-date-button,
[data-rjbill-date-trigger],
[data-rjds-date-target],
[data-rjold-date-target],
[data-sex-date-filter],
[data-rmcot-date-target]{position:relative!important;padding-right:46px!important}
.rjold-date-button>i:last-child,
[data-rjbill-date-trigger]>i:last-child,
[data-rjds-date-target]>i:last-child,
[data-rjold-date-target]>i:last-child,
[data-sex-date-filter]>i:last-child,
[data-rmcot-date-target]>i:last-child{
  position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:40px!important;height:auto!important;
  display:grid!important;place-items:center!important;margin:0!important;border-left:1px solid #e6cfad!important;
  background:#fbf3e7!important;color:#956016!important;pointer-events:none
}
.rjold-date-button:not(:disabled):hover,
[data-rjbill-date-trigger]:not(:disabled):hover,
[data-rjbill-date-trigger][aria-expanded="true"],
[data-rjds-date-target]:not(:disabled):hover,
[data-rjold-date-target]:not(:disabled):hover,
[data-sex-date-filter]:not(:disabled):hover,
[data-rmcot-date-target]:not(:disabled):hover{
  border-color:#bd7b24!important;
  background:#fffaf3!important;
  box-shadow:0 0 0 3px rgba(189,123,36,.13)!important;
}

.rm-date-picker-popover{
  position:fixed;
  z-index:100000;
  width:min(382px,calc(100vw - 20px));
  box-sizing:border-box;
  padding:0;
  border:1px solid #e2d4bf;
  border-radius:18px;
  background:#fffefc;
  box-shadow:0 24px 65px rgba(55,37,17,.20),0 5px 16px rgba(55,37,17,.08);
  color:#201b17;
  font-family:Arial, Helvetica, sans-serif;
  overflow:hidden;
  transform-origin:top center;
  animation:rmDatePickerIn .16s ease-out;
}
.rm-date-picker-popover[hidden]{display:none}
.rm-date-picker-popover.is-above{transform-origin:bottom center}
@keyframes rmDatePickerIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.rm-date-picker-nav{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  gap:8px;
  padding:14px 15px 12px;
  border-bottom:1px solid #f0e7dc;
  background:linear-gradient(180deg,#fffefc 0%,#fffaf3 100%);
}
.rm-date-picker-month{
  text-align:center;
  color:#2b2018;
  font:700 25px/1.05 Arial, Helvetica, sans-serif;
  letter-spacing:.01em;
}
.rm-date-picker-nav-btn{
  width:38px;
  height:38px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #e7ddd0;
  border-radius:50%;
  background:#fff;
  color:#2c241d;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.rm-date-picker-nav-btn:hover{background:#fbf2e5;border-color:#d6b886;transform:translateY(-1px)}
.rm-date-picker-nav-btn i{font-size:13px}

.rm-date-picker-body{padding:13px 15px 10px}
.rm-date-picker-week,
.rm-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.rm-date-picker-week{margin-bottom:5px}
.rm-date-picker-week span{
  min-height:25px;
  display:grid;
  place-items:center;
  color:#806b58;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.rm-date-picker-day{
  position:relative;
  aspect-ratio:1;
  min-width:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#2b2926;
  font:700 12px/1 Arial, Helvetica, sans-serif;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease;
}
.rm-date-picker-day:hover:not(:disabled):not(.is-selected){background:#f8efe3;color:#7b511b;transform:translateY(-1px)}
.rm-date-picker-day.is-outside{color:#b9b1a8;font-weight:600}
.rm-date-picker-day.is-today:not(.is-selected){box-shadow:inset 0 0 0 1px #c49348;color:#8b5d19}
.rm-date-picker-day.is-today:not(.is-selected)::after{
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  left:50%;
  bottom:5px;
  border-radius:50%;
  background:#b17a29;
  transform:translateX(-50%);
}
.rm-date-picker-day.is-selected{
  background:linear-gradient(135deg,#d4a75a 0%,#9f6817 100%);
  color:#fff;
  box-shadow:0 5px 13px rgba(155,99,17,.25);
}
.rm-date-picker-day:disabled{cursor:not-allowed;opacity:.28}

.rm-date-picker-footer{
  display:grid;
  grid-template-columns:1fr 1fr 1.15fr;
  gap:8px;
  padding:12px 15px 14px;
  border-top:1px solid #efe6da;
  background:#fffdf9;
}
.rm-date-picker-action{
  min-height:40px;
  padding:0 12px;
  border:1px solid #dfd2c2;
  border-radius:10px;
  background:#fff;
  color:#69451d;
  font:750 11px/1 Arial, Helvetica, sans-serif;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.rm-date-picker-action:hover{background:#fbf2e5;border-color:#cfaa70;transform:translateY(-1px)}
.rm-date-picker-action.is-apply{
  border-color:#a87324;
  background:linear-gradient(135deg,#d4a75a 0%,#9b6414 100%);
  color:#fff;
  box-shadow:0 5px 13px rgba(151,94,15,.20);
}
.rm-date-picker-action.is-apply:hover{background:linear-gradient(135deg,#c99a4e 0%,#8d590f 100%)}

@media(max-width:520px){
  .rm-date-picker-popover{width:calc(100vw - 16px);border-radius:15px}
  .rm-date-picker-nav{padding:12px 12px 10px}
  .rm-date-picker-month{font-size:22px}
  .rm-date-picker-body{padding:11px 12px 8px}
  .rm-date-picker-footer{padding:10px 12px 12px;gap:6px}
  .rm-date-picker-action{min-height:38px;padding:0 8px;font-size:10px}
}

/* Date icon rail must live inside the rounded field border, never paint over it. */
.rm-date-field{overflow:hidden}
.rm-date-field-icon{box-sizing:border-box;margin:0;padding:0;border-radius:0}
.rjold-date-button,
[data-rjbill-date-trigger],
[data-rjds-date-target],
[data-rjold-date-target],
[data-sex-date-filter],
[data-rmcot-date-target]{overflow:hidden!important}
.rjold-date-button>i:last-child,
[data-rjbill-date-trigger]>i:last-child,
[data-rjds-date-target]>i:last-child,
[data-rjold-date-target]>i:last-child,
[data-sex-date-filter]>i:last-child,
[data-rmcot-date-target]>i:last-child{box-sizing:border-box!important;margin:0!important;padding:0!important;border-radius:0!important}