/* ============================================================
   DigetPay Android SDK — clean, light documentation theme
   Restrained palette: navy text · one orange accent · airy layout
   ============================================================ */

:root {
  --dp-navy:       #12283d;
  --dp-orange:     #ef5a24;
  --dp-orange-600: #d5491a;

  --md-accent-fg-color:              var(--dp-orange);
  --md-accent-fg-color--transparent: rgba(239, 90, 36, .08);
}

/* ---------- Light (default) ---------- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:          #ffffff;
  --md-default-fg-color:          #3b4a59;   /* comfortable body text */
  --md-default-fg-color--light:   #5c6b7a;
  --md-default-fg-color--lighter: #8a98a6;
  --md-default-fg-color--lightest:#eceff2;
  --md-code-bg-color:             #f5f7f9;
  --md-code-fg-color:             #29405a;
  --md-typeset-a-color:           var(--dp-orange-600);

  --dp-heading:  #12283d;
  --dp-muted:    #64748b;
  --dp-border:   #e7ebef;
  --dp-surface:  #ffffff;
  --dp-surface2: #fafbfc;
}

/* ---------- Dark (optional) ---------- */
[data-md-color-scheme="slate"] {
  --md-hue: 210;
  --md-default-bg-color:          #0f1b28;
  --md-default-fg-color:          #cdd8e3;
  --md-default-fg-color--light:   #a7b6c4;
  --md-default-fg-color--lightest:rgba(255,255,255,.09);
  --md-code-bg-color:             #14202e;
  --md-typeset-a-color:           #ff8a5f;

  --dp-heading:  #f2f6fa;
  --dp-muted:    #9fb0bf;
  --dp-border:   rgba(255,255,255,.09);
  --dp-surface:  #14212f;
  --dp-surface2: #121e2b;
}
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: brightness(0) invert(1);
}

/* ---------- Base rhythm ---------- */
.md-grid { max-width: 62rem; }
.md-typeset { font-size: .8rem; line-height: 1.72; }
.md-typeset h1 {
  color: var(--dp-heading); font-weight: 700; letter-spacing: -.01em;
  font-size: 1.85rem; margin-bottom: .6rem;
}
.md-typeset h2 {
  color: var(--dp-heading); font-weight: 650; letter-spacing: -.005em;
  font-size: 1.3rem; margin-top: 2.6rem; padding-top: 1.4rem;
  border-top: 1px solid var(--dp-border);
}
.md-typeset h3 { color: var(--dp-heading); font-weight: 600; font-size: 1.02rem; }
.md-typeset a { text-decoration: none; }
.md-typeset a:hover { text-decoration: underline; }

/* Header: quiet white bar with a hairline */
.md-header { border-bottom: 1px solid var(--dp-border); }
.md-header[data-md-state] { box-shadow: none; }
.md-header__button.md-logo img { height: 1.55rem; width: auto; }
/* Left sidebar: categorized like a modern SDK doc */
.md-nav { font-size: .74rem; }
.md-nav__title { font-size: .72rem; }
.md-nav__item--section > .md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .66rem;
  font-weight: 700;
  color: var(--dp-muted);
  margin-top: .9rem;
}
.md-nav__link { border-radius: 6px; padding: .18rem .5rem; }
.md-nav__link:hover { color: var(--dp-orange); }
.md-nav__item .md-nav__link--active {
  color: var(--dp-orange);
  font-weight: 600;
  background: var(--md-accent-fg-color--transparent);
}
/* subtle divider between the sidebar and content */
.md-sidebar--primary { border-right: 1px solid var(--dp-border); }

/* Section heading inline icon (small, subtle) */
.md-typeset h2 .twemoji {
  height: 1.1rem; margin-right: .45rem; vertical-align: -3px;
}
.md-typeset h2 .twemoji svg { fill: var(--dp-orange); opacity: .9; }

/* ============================================================
   HERO — light, no heavy block
   ============================================================ */
.dp-hero { margin: .4rem 0 2.2rem; }
.dp-hero__badges { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:1.1rem; }
.dp-badge {
  display:inline-flex; align-items:center; gap:.35rem;
  font-size:.7rem; font-weight:600; color:var(--dp-muted);
  padding:.24rem .62rem; border-radius:2rem;
  border:1px solid var(--dp-border); background:var(--dp-surface2);
}
.dp-badge .twemoji { height:.82rem; }
.dp-badge .twemoji svg { fill: var(--dp-muted); }
.md-typeset .dp-hero h1 { font-size: 2.2rem; margin: 0 0 .7rem; max-width: 18ch; }
.md-typeset .dp-hero__lead {
  font-size: 1.02rem; color: var(--dp-muted); max-width: 60ch; margin: 0 0 1.5rem;
}
.md-typeset .dp-hero .md-button { margin: 0 .5rem .4rem 0; border-radius: 8px; font-weight: 600; border-width:1px; }
.md-typeset .md-button--primary {
  background: var(--dp-orange); border-color: var(--dp-orange); color:#fff;
}
.md-typeset .md-button--primary:hover {
  background: var(--dp-orange-600); border-color: var(--dp-orange-600); color:#fff;
}
.md-typeset .dp-hero .md-button:not(.md-button--primary) {
  color: var(--dp-heading); border-color: var(--dp-border);
}
.md-typeset .dp-hero .md-button:not(.md-button--primary):hover {
  border-color: var(--dp-muted); background: var(--dp-surface2);
}

/* stats strip — quiet */
.dp-stats {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:0; margin:1.8rem 0 .4rem; border:1px solid var(--dp-border); border-radius:10px; overflow:hidden;
}
.dp-stat { padding:.9rem 1.1rem; border-right:1px solid var(--dp-border); }
.dp-stat:last-child { border-right:0; }
.dp-stat b { display:block; font-size:1rem; color:var(--dp-heading); font-weight:650; line-height:1.2; }
.dp-stat span { font-size:.74rem; color:var(--dp-muted); }

/* ============================================================
   CARD GRID — clean, subtle
   ============================================================ */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  background: var(--dp-surface);
  border: 1px solid var(--dp-border);
  border-radius: 10px;
  padding: 1.1rem 1.15rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: #d4dae0;
  box-shadow: 0 6px 20px -12px rgba(18,40,61,.28);
}
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover {
  border-color: rgba(255,255,255,.22); box-shadow:none;
}
.md-typeset .grid.cards .twemoji.lg { display:inline-flex; margin-bottom:.35rem; }
.md-typeset .grid.cards .twemoji.lg svg { fill: var(--dp-navy); height:1.35rem; opacity:.85; }
[data-md-color-scheme="slate"] .md-typeset .grid.cards .twemoji.lg svg { fill:#cdd8e3; }
.md-typeset .grid.cards hr { border-top-color: var(--dp-border); margin:.55rem 0; }
.md-typeset .grid.cards a:not(.md-button) { color: var(--dp-orange-600); font-weight:600; }
[data-md-color-scheme="slate"] .md-typeset .grid.cards a:not(.md-button) { color:#ff8a5f; }
.md-typeset .grid.cards p { color: var(--dp-muted); }

/* ============================================================
   NUMBERED STEPS — quiet
   ============================================================ */
.dp-steps { margin:.4rem 0 0; }
.dp-step { position:relative; display:flex; gap:.9rem; padding:0 0 1.15rem; }
.dp-step:last-child { padding-bottom:0; }
.dp-step::before {
  content:""; position:absolute; left:13px; top:1.9rem; bottom:-.1rem;
  width:1px; background:var(--dp-border);
}
.dp-step:last-child::before { display:none; }
.dp-step__num {
  flex:0 0 auto; width:27px; height:27px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:.78rem;
  color:var(--dp-orange); background:var(--md-accent-fg-color--transparent);
  border:1px solid rgba(239,90,36,.35); z-index:1;
}
.md-typeset .dp-step__body { padding-top:.1rem; }
.md-typeset .dp-step__body p { margin:0; color:var(--dp-muted); }
.md-typeset .dp-step__body strong { color:var(--dp-heading); font-weight:600; }

/* ============================================================
   CALLOUT — soft
   ============================================================ */
.md-typeset .dp-callout {
  display:flex; gap:.7rem; align-items:flex-start;
  background:var(--dp-surface2); border:1px solid var(--dp-border);
  border-radius:9px; padding:.9rem 1rem; margin:1.2rem 0;
}
.md-typeset .dp-callout .twemoji svg { fill:var(--dp-orange); }
.md-typeset .dp-callout p { margin:0; color:var(--dp-muted); }
.md-typeset .dp-callout strong { color:var(--dp-heading); }

/* ============================================================
   TABLES — clean & readable
   ============================================================ */
.md-typeset table:not([class]) {
  border:1px solid var(--dp-border); border-radius:9px; overflow:hidden;
  font-size:.78rem; box-shadow:none;
}
.md-typeset table:not([class]) th {
  background:var(--dp-surface2); color:var(--dp-muted);
  font-weight:600; font-size:.72rem; letter-spacing:.02em;
  border:0; border-bottom:1px solid var(--dp-border);
  padding:.62rem .95rem;
}
.md-typeset table:not([class]) td {
  border:0; border-top:1px solid var(--dp-border);
  padding:.62rem .95rem; color:var(--md-default-fg-color);
}
.md-typeset table:not([class]) tbody tr:first-child td,
.md-typeset table:not([class]) tr:first-child td { border-top:0; }
.md-typeset table:not([class]) tr:hover td { background:var(--dp-surface2); }
.dp-yes { color:#1f9d6b; font-weight:600; }
[data-md-color-scheme="slate"] .dp-yes { color:#3fd39b; }

/* ============================================================
   CODE
   ============================================================ */
.md-typeset pre > code { border-radius:8px; }
.md-typeset .highlight { border:1px solid var(--dp-border); border-radius:9px; }
.md-typeset .highlight pre { margin:0; }
.md-typeset code { border-radius:5px; }

/* ============================================================
   PROPERTY LISTS  (replace key/value tables)
   ============================================================ */
.md-typeset dl:not([class]) {
  display:grid;
  grid-template-columns: minmax(9rem, 16rem) 1fr;
  margin:1.1rem 0;
  border:1px solid var(--dp-border);
  border-radius:10px;
  overflow:hidden;
  font-size:.78rem;
}
.md-typeset dl:not([class]) dt {
  grid-column:1; margin:0; padding:.65rem .95rem;
  font-weight:600; color:var(--dp-heading);
  background:var(--dp-surface2);
  border-top:1px solid var(--dp-border);
  display:flex; align-items:center;
}
.md-typeset dl:not([class]) dd {
  grid-column:2; margin:0; padding:.65rem 1rem;
  color:var(--dp-muted);
  border-top:1px solid var(--dp-border);
  border-left:1px solid var(--dp-border);
}
.md-typeset dl:not([class]) dt:first-of-type,
.md-typeset dl:not([class]) dd:first-of-type { border-top:0; }
.md-typeset dl:not([class]) dt code { background:transparent; padding:0; color:var(--dp-orange-600); }
[data-md-color-scheme="slate"] .md-typeset dl:not([class]) dt code { color:#ff8a5f; }

@media screen and (max-width:44em) {
  .md-typeset dl:not([class]) { grid-template-columns:1fr; }
  .md-typeset dl:not([class]) dt { border-top:1px solid var(--dp-border); }
  .md-typeset dl:not([class]) dd { border-left:0; border-top:0; }
}

/* ============================================================
   ADMONITIONS / CALLOUTS  — soft & professional
   ============================================================ */
.md-typeset .admonition,
.md-typeset details {
  border:1px solid var(--dp-border);
  border-left:3px solid var(--md-default-fg-color--lighter);
  border-radius:10px;
  box-shadow:none;
  font-size:.78rem;
  background:var(--dp-surface);
}
.md-typeset .admonition-title,
.md-typeset summary {
  font-weight:600; color:var(--dp-heading);
  background:var(--dp-surface2);
  margin:0; padding:.55rem .8rem .55rem 2.2rem;
}
.md-typeset .admonition-title::before,
.md-typeset summary::before { top:.6rem; left:.75rem; }
.md-typeset .admonition > :not(.admonition-title),
.md-typeset details > :not(summary) { padding-left:.9rem; padding-right:.9rem; }

/* type accents */
.md-typeset .admonition.note        { border-left-color:#3b82f6; }
.md-typeset .note   > .admonition-title::before { background-color:#3b82f6; }
.md-typeset .admonition.tip,
.md-typeset .admonition.hint        { border-left-color:#0ea472; }
.md-typeset .tip    > .admonition-title::before,
.md-typeset .hint   > .admonition-title::before { background-color:#0ea472; }
.md-typeset .admonition.warning     { border-left-color:var(--dp-orange); }
.md-typeset .warning> .admonition-title::before { background-color:var(--dp-orange); }
.md-typeset .admonition.danger,
.md-typeset .admonition.failure     { border-left-color:#e11d48; }
.md-typeset .danger > .admonition-title::before,
.md-typeset .failure> .admonition-title::before { background-color:#e11d48; }
.md-typeset .admonition.info        { border-left-color:#0891b2; }
.md-typeset .info   > .admonition-title::before { background-color:#0891b2; }
.md-typeset .admonition.success     { border-left-color:#0ea472; }
.md-typeset .success> .admonition-title::before { background-color:#0ea472; }
.md-typeset .admonition.example     { border-left-color:#8b5cf6; }
.md-typeset .example> .admonition-title::before { background-color:#8b5cf6; }
.md-typeset .admonition.abstract,
.md-typeset .admonition.important   { border-left-color:var(--dp-orange); }
.md-typeset .abstract > .admonition-title::before,
.md-typeset .important> .admonition-title::before { background-color:var(--dp-orange); }

/* Footer: quiet */
.md-footer { background:var(--dp-navy); }
.md-footer-meta { background:#0c1c2a; }

/* Search rounded */
.md-search__form { border-radius:8px; }