.hijri-picker-field { max-width:360px; margin:20px auto; }
.hijri-picker-label { display:block; margin-bottom:8px; font-weight:600; }
.hijri-picker-date-input {
  display:flex; align-items:center; gap:8px; background:white; border-radius:8px;
  padding:10px 12px; border:1px solid #e4eef8; box-shadow:0 6px 18px rgba(11,22,40,0.04);
  position: relative;
}
.hijri-picker-date-input input{ border:0; outline:0; background:transparent; width:100%; font-size:14px; cursor: pointer; }
.hijri-picker-btn { background:#fff; border:1px solid #dbeefc; padding:8px 10px; border-radius:8px; cursor:pointer; transition: all 0.2s; }
.hijri-picker-btn:hover { background:#f0f9ff; }
.hijri-picker-calendar { 
  position:absolute; 
  background:white; 
  padding:15px; 
  border-radius:10px; 
  box-shadow:0 10px 30px rgba(11,22,40,0.12); 
  display:none; 
  z-index:9999; 
  top: 100%; 
  right: 0; 
  margin-top: 5px;
  min-width: 320px;
  direction: rtl;
}
.hijri-picker-calendar.show{ display:block; }
.hijri-picker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}
.hijri-picker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #6b7a8a;
  text-align: center;
  font-weight: 600;
}
.hijri-picker-days{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-top:8px; }
.hijri-picker-day{ 
  height:36px; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  border-radius:8px; 
  cursor:pointer; 
  transition: all 0.2s;
  background: #f8f9fa;
}
.hijri-picker-day:hover{ background:#eef6ff; transform: scale(1.05); }
.hijri-picker-day.selected {
  background: #3b82f6;
  color: white;
  font-weight: bold;
}
.hijri-picker-footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.hijri-picker-close-btn,
.hijri-picker-today-btn {
  flex: 1;
  padding: 8px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
}
.hijri-picker-close-btn {
  background: #6c757d;
  color: white;
}
.hijri-picker-close-btn:hover {
  background: #5a6268;
}
.hijri-picker-today-btn {
  background: #10b981;
  color: white;
}
.hijri-picker-today-btn:hover {
  background: #059669;
}

/* Make hijri-picker input fields clearly clickable */
input.hijri-picker {
  cursor: pointer !important;
  background-color: white !important;
}
input.hijri-picker:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}