/* Core container with better Urdu/Gurmukhi stacks */
.dmc-box{
  border:1px solid #e5e7eb;border-radius:18px;padding:16px;
  background:var(--dmc-bg,#fff);box-shadow:0 8px 30px rgba(2,6,23,.06);
  font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq','Noto Sans Gurmukhi','Mukta Mahee',Inter,system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Cantarell,'Noto Sans',sans-serif;
  color:var(--dmc-text,#0f172a)
}
.dmc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.dmc-title{display:flex;gap:8px;align-items:center}
.dmc-icon{opacity:.8}
.dmc-meta{display:flex;gap:10px;color:#475569;font-size:12px;flex-wrap:wrap}

/* Month grid */
.dmc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:8px}
.dmc-month{border:1px solid #f1f5f9;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,rgba(37,99,235,.05));position:relative;overflow:hidden}
.dmc-month:before{content:"";position:absolute;inset:auto -20% -50% -20%;height:120px;background:radial-gradient(closest-side,var(--dmc-primary),transparent);opacity:.08;pointer-events:none}

/* Stronger current month color (light orange) */
.dmc-current{
  border-color:var(--dmc-primary);
  background:linear-gradient(180deg,var(--dmc-current-bg,#ffe8c6),#fff);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--dmc-primary) 28%, transparent), 0 14px 28px rgba(2,6,23,.08)
}
.dmc-current .dmc-pill{background:color-mix(in srgb,var(--dmc-primary) 22%, #fff);color:#0b1020}

/* Titles */
.dmc-month-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.dmc-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--dmc-primary) 12%, #fff);color:#0f172a;font-weight:700}
.dmc-range{color:#64748b;font-size:12px}

/* Weekday headers */
.dmc-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:4px;color:#64748b}
.dmc-wd{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;letter-spacing:.2px}

/* Days grid */
.dmc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.dmc-day{position:relative;display:flex;align-items:center;justify-content:center;height:32px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;transition:.15s}
.dmc-day:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.06)}
.dmc-empty{background:transparent;border:1px dashed #f1f5f9}

/* Today's cell: NO ring, bigger text, centered */
.dmc-day.dmc-today{
  background:linear-gradient(180deg,#fff, color-mix(in srgb, var(--dmc-accent) 8%, #fff));
  border-color:color-mix(in srgb,var(--dmc-accent) 55%, #e2e8f0);
}
.dmc-day.dmc-today .dmc-day-inner{
  font-size:16px;font-weight:900;line-height:1;display:inline-block;transform:translateY(0.5px);
}

/* Remove any legacy ring/outline styles */
.dmc-today-dot{outline:none}
.dmc-day.dmc-today::after{content:none}

/* Sangrand & events */
.dmc-sangrand{background:linear-gradient(180deg,#fff,rgba(245,158,11,.08));border-color:color-mix(in srgb,var(--dmc-accent) 40%, #e2e8f0)}
.dmc-badge{position:absolute;top:-6px;right:-6px;background:var(--dmc-accent);color:#fff;border-radius:999px;font-size:10px;padding:2px 5px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.dmc-dots{position:absolute;bottom:-6px;right:4px;font-weight:700;color:var(--dmc-primary)}

/* Events list */
.dmc-events{margin-top:8px;border-top:1px dashed #e2e8f0;padding-top:8px}
.dmc-event{display:flex;align-items:center;gap:6px;margin:3px 0}
.dmc-event-dot{width:8px;height:8px;border-radius:999px;background:var(--dmc-primary);display:inline-block}
.dmc-event-date{font-weight:600;color:#0f172a}
.dmc-event-title{color:#334155}

/* Today card */
.dmc-today .dmc-today-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.dmc-today .dmc-today-chip{background:rgba(255,255,255,.2);padding:4px 10px;border-radius:999px;font-size:12px}
.dmc-today .dmc-today-greg{opacity:.9}
.dmc-today .dmc-today-main{display:flex;justify-content:space-between;align-items:end;margin:8px 0}
.dmc-today .dmc-today-month{font-size:22px;font-weight:800;letter-spacing:.2px}
.dmc-today .dmc-today-num{font-size:40px;font-weight:900;line-height:1}
.dmc-today .dmc-today-num span{font-size:16px;font-weight:700;opacity:.8;margin-left:6px}
.dmc-sep{margin:0 6px}

/* Header bar / slim widget */
.dmc-bar{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:999px;padding:6px 12px;background:linear-gradient(90deg,var(--dmc-primary),var(--dmc-accent));color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.dmc-bar-left{font-weight:800}
.dmc-bar-sep{flex:1;border-bottom:1px dashed rgba(255,255,255,.4);opacity:.7}
.dmc-bar-right{font-weight:600}

/* Settings UI helper */
.dmc-color-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:12px}

/* ==========================
   Desi Months Calendar Styles
   ========================== */

:root {
  --dmc-primary: #2563eb;
  --dmc-accent: #f59e0b;
  --dmc-bg: #ffffff;
  --dmc-text: #0f172a;
  --dmc-current-bg: #ffe8c6;
}

/* Wrapper */
.dmc-box {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 24px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

/* Calendar Header */
.dmc-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}
.dmc-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--dmc-primary);
}
.dmc-meta {
  font-size: 12px;
  color: #6b7280;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Grid */
.dmc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

/* Month box */
.dmc-month {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 8px;
  background-color: #fafafa;
  transition: background-color 0.2s ease;
}
.dmc-month.dmc-current {
  background-color: var(--dmc-current-bg);
}
.dmc-month-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-weight: 600;
  color: var(--dmc-primary);
}
.dmc-pill {
  background: var(--dmc-primary);
  color: #fff;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
}
.dmc-range {
  font-size: 12px;
  color: #6b7280;
}

/* Weekdays row */
.dmc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 4px;
  color: #6b7280;
}

/* Days grid */
.dmc-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  gap: 2px;
}
.dmc-day {
  position: relative;
  padding: 4px 0;
  font-size: 13px;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dmc-day-inner {
  display: inline-block;
  min-width: 20px;
}
.dmc-day.dmc-empty {
  background: transparent;
}
.dmc-day.dmc-today {
  font-weight: 700;
  color: var(--dmc-primary);
  border: 1px solid var(--dmc-primary);
  border-radius: 6px;
}
.dmc-day.dmc-sangrand .dmc-day-inner {
  font-weight: 600;
  color: var(--dmc-accent);
}
.dmc-badge {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 10px;
  color: #fff;
  background: var(--dmc-accent);
  border-radius: 50%;
  padding: 2px 5px;
}

/* Events list */
.dmc-events {
  margin-top: 8px;
  font-size: 12px;
}
.dmc-event {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 2px;
}
.dmc-event-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dmc-accent);
  display: inline-block;
}
.dmc-event-date {
  font-weight: 600;
}

/* Today widget */
.dmc-today {
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}
.dmc-today-top {
  font-size: 12px;
  margin-bottom: 6px;
}
.dmc-today-chip {
  display: inline-block;
  background: rgba(255,255,255,0.2);
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  margin-bottom: 4px;
}
.dmc-today-main {
  font-size: 18px;
  font-weight: 700;
}
.dmc-today-range {
  font-size: 12px;
  margin-top: 4px;
}
.dmc-sep {
  margin: 0 4px;
}

/* Today bar */
.dmc-bar {
  background: var(--dmc-primary);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  align-items: center;
}
.dmc-bar-sep {
  flex: 1;
}

/* Events dots inside day */
.dmc-dots {
  display: block;
  font-size: 16px;
  line-height: 10px;
  color: var(--dmc-accent);
}

/* =====================
   Hover Enhancements
   ===================== */
.dmc-day:not(.dmc-empty):hover {
  background-color: var(--dmc-accent);
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dmc-day.dmc-today:hover {
  background-color: var(--dmc-primary);
  color: #fff;
}

/* =====================
   Custom Tooltip
   ===================== */
.dmc-day[data-greg] {
  position: relative;
}
.dmc-day[data-greg]::after {
  content: attr(data-greg);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--dmc-primary);
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 20;
}
.dmc-day[data-greg]:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}
$extra_css = <<<CSS
/* Hover Enhancements */
.dmc-day:not(.dmc-empty):hover {
  background-color: var(--dmc-accent);
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dmc-day.dmc-today:hover {
  background-color: var(--dmc-primary);
  color: #fff;
}

/* Custom Tooltip (uses data-greg) */
.dmc-day[data-greg] { position: relative; }
.dmc-day[data-greg]::after {
  content: attr(data-greg);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--dmc-primary);
  color: #fff;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 9999;
}
.dmc-day[data-greg]:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}
CSS;

wp_add_inline_style('dmc-style', $extra_css);