/* Age Calculator Pro - purple dark theme (default). Light theme: [age_calculator theme="light"] */
.acp{
  --acp-bg:#0f0720;
  --acp-card:#1a0f33;
  --acp-card2:#271750;
  --acp-text:#f4eeff;
  --acp-muted:#b9aad9;
  --acp-border:#3d2c70;
  --acp-purple:#a855f7;
  --acp-lilac:#d8b4fe;
  --acp-pink:#f472b6;
  --acp-gold:#fbbf24;
  --acp-green:#4ade80;
  --acp-red:#fb7185;
  --acp-grad:linear-gradient(135deg,#6d28d9 0%,#9333ea 50%,#db2777 100%);
  --acp-list-bg:#1a0f33;
  --acp-list-text:#f4eeff;
  color-scheme:dark;
  max-width:720px;margin:20px auto;padding:22px;color:var(--acp-text);
  background:
    radial-gradient(700px 280px at 100% -8%,rgba(168,85,247,.28),transparent 70%),
    radial-gradient(600px 260px at -8% 108%,rgba(236,72,153,.16),transparent 70%),
    var(--acp-bg);
  border:1px solid var(--acp-border);border-radius:18px;
  box-shadow:0 18px 50px rgba(40,10,90,.45);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu","Noto Naskh Arabic","Noto Sans Devanagari","Noto Sans Bengali","Noto Sans SC","Noto Sans JP",sans-serif;
  line-height:1.55;box-sizing:border-box;
}
.acp[data-theme="light"]{
  --acp-bg:#ffffff;--acp-card:#f6f1ff;--acp-card2:#ebe1ff;--acp-text:#25123f;--acp-muted:#6a5a8c;--acp-border:#d9c9f5;
  --acp-purple:#7e22ce;--acp-lilac:#6b21a8;--acp-pink:#be185d;--acp-gold:#b45309;--acp-green:#047857;--acp-red:#be123c;
  --acp-list-bg:#ffffff;--acp-list-text:#25123f;
  color-scheme:light;box-shadow:0 10px 30px rgba(80,30,150,.12);background:var(--acp-bg);
}
.acp *{box-sizing:border-box}
.acp[dir="rtl"]{text-align:right}
.acp button,.acp select,.acp input{font-family:inherit}

/* header */
.acp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.acp-title{margin:0;font-size:1.45rem;font-weight:800;color:var(--acp-lilac);
  background:linear-gradient(90deg,#d8b4fe,#f0abfc 55%,#f9a8d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.acp[data-theme="light"] .acp-title{background:none;-webkit-text-fill-color:var(--acp-purple);color:var(--acp-purple)}

/* inputs */
.acp-form{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.acp-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--acp-muted)}
.acp-field.acp-wide{grid-column:1 / -1}
.acp input[type=date],.acp input[type=number],.acp select{
  width:100%;padding:11px 12px;font-size:1rem;color:var(--acp-text);background-color:var(--acp-card);
  border:1px solid var(--acp-border);border-radius:12px;transition:border-color .15s,box-shadow .15s;
}
.acp select{
  appearance:none;-webkit-appearance:none;padding-inline-end:36px;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23d8b4fe' stroke-width='2' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;
}
.acp[dir="rtl"] select{background-position:left 12px center}

/* dropdown list: force readable colours (the browser list ignores page colours otherwise) */
.acp select option{
  background-color:var(--acp-list-bg) !important;
  color:var(--acp-list-text) !important;
  font-size:16px;padding:8px 12px;
}
.acp select option:checked,.acp select option:hover{
  background:linear-gradient(#7c3aed,#7c3aed) !important;
  color:#ffffff !important;
}

.acp-lang{width:auto !important;min-width:160px;font-weight:600}
.acp input:hover,.acp select:hover{border-color:var(--acp-purple)}
.acp input:focus,.acp select:focus,.acp button:focus-visible{outline:none;border-color:#c084fc;box-shadow:0 0 0 3px rgba(168,85,247,.35)}
.acp input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85) sepia(.4) saturate(3) hue-rotate(230deg)}
.acp[data-theme="light"] input[type=date]::-webkit-calendar-picker-indicator{filter:none}
.acp-row{display:flex;gap:8px}
.acp-today{padding:0 16px;border:1px solid var(--acp-border);background:var(--acp-card2);color:var(--acp-text);border-radius:12px;white-space:nowrap;cursor:pointer}
.acp-today:hover{border-color:var(--acp-pink);color:var(--acp-pink)}
.acp-hidden{display:none !important}

/* results */
.acp-out{margin-top:20px}
.acp-error{padding:12px 14px;border-radius:12px;background:rgba(251,113,133,.12);color:var(--acp-red);border:1px solid var(--acp-red)}
.acp-main{padding:20px;border-radius:16px;background:var(--acp-grad);color:#fff;text-align:center;box-shadow:0 10px 30px rgba(147,51,234,.4)}
.acp-main .acp-label{font-size:.9rem;opacity:.95;letter-spacing:.02em}
.acp-big{font-size:2rem;font-weight:800;line-height:1.35;margin-top:4px}
.acp-big small{font-size:.85rem;font-weight:500;opacity:.95;margin:0 6px}
.acp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.acp-stat{background:var(--acp-card);border:1px solid var(--acp-border);border-radius:14px;padding:12px;text-align:center}
.acp-stat b{display:block;font-size:1.15rem;color:var(--acp-lilac)}
.acp-stat span{font-size:.8rem;color:var(--acp-muted)}
.acp-box{margin-top:12px;background:var(--acp-card);border:1px solid var(--acp-border);border-inline-start:4px solid var(--acp-purple);border-radius:14px;padding:14px 16px}
.acp-box h3{margin:0 0 8px;font-size:1rem;color:var(--acp-text)}
.acp-box p{margin:5px 0}
.acp-box b{color:var(--acp-text)}
.acp-gold{border-inline-start-color:var(--acp-gold)}.acp-gold h3{color:var(--acp-gold)}
.acp-pink{border-inline-start-color:var(--acp-pink)}
.acp-violet{border-inline-start-color:var(--acp-purple)}.acp-violet h3{color:var(--acp-lilac)}
.acp-green{border-inline-start-color:var(--acp-green)}
.acp-red{border-inline-start-color:var(--acp-red)}
.acp-ok{color:var(--acp-green);font-weight:700}
.acp-bad{color:var(--acp-red);font-weight:700}
.acp-note{font-size:.8rem;color:var(--acp-muted)}

/* actions */
.acp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.acp-actions button{padding:10px 16px;border-radius:12px;border:1px solid var(--acp-border);background:var(--acp-card2);color:var(--acp-text);cursor:pointer;transition:transform .1s,border-color .15s}
.acp-actions button:hover{border-color:var(--acp-purple);transform:translateY(-1px)}
.acp-actions .acp-wa{background:#25d366;border-color:#25d366;color:#05301a;font-weight:700}
.acp-actions .acp-wa:hover{border-color:#1ebe5b;filter:brightness(1.05)}
.acp-privacy{margin:16px 0 0;font-size:.82rem;color:var(--acp-muted)}

@media (max-width:520px){
  .acp{padding:16px;margin:12px 0;border-radius:14px}
  .acp-form{grid-template-columns:1fr}
  .acp-big{font-size:1.55rem}
  .acp-lang{min-width:0;flex:1}
}
@media print{
  .acp{background:#fff !important;color:#000;border:none;box-shadow:none}
  .acp-actions,.acp-lang,.acp-today{display:none !important}
  .acp-title{-webkit-text-fill-color:#000;color:#000}
  .acp-main{background:#eee;color:#000;box-shadow:none}
  .acp-stat,.acp-box{background:#fff;border-color:#999}
  .acp-stat b,.acp-box b,.acp-box h3{color:#000}
}