/* ==========================================================
   DigiKash — inner-page kit for the themed storefronts
   Prefix: .tp-

   Golden, Emerald and Aurora each style only their own markup
   and load none of Classic's Bootstrap or main.css, so the
   blocks an inner page carries (About, Contact, Team, Blog,
   the page-heading banner and the blog itself) need markup
   their stylesheets can reach. This sheet is that markup's
   one stylesheet, shared by all three: each theme maps its
   own tokens onto --tp-* below, so the same page follows the
   theme it is shown in — including Aurora's light mode and
   the colours an admin sets in Theme Manager.
   ========================================================== */

[data-theme="golden"]{
    --tp-bg:var(--bg-base);
    --tp-surface:var(--bg-card);
    --tp-subtle:var(--bg-elev);
    --tp-input:var(--bg-deep);
    --tp-ink:var(--text);
    --tp-body:var(--text-mute);
    --tp-muted:var(--text-dim);
    --tp-line:var(--hairline);
    --tp-line-strong:var(--hairline-strong);
    --tp-accent:var(--gold);
    --tp-on-accent:#0A0A0F;
    --tp-font:var(--sans);
    --tp-font-display:var(--serif);
    --tp-display-weight:500;
    --tp-radius:var(--r-card);
    --tp-radius-lg:8px;
    --tp-radius-btn:var(--r-btn);
    --tp-container:1320px;
    --tp-shadow:none;
}

[data-theme="emerald"]{
    --tp-bg:var(--dk-bg);
    --tp-surface:var(--dk-surface);
    --tp-subtle:var(--dk-subtle);
    --tp-input:var(--dk-surface);
    --tp-ink:var(--dk-ink);
    --tp-body:var(--dk-body);
    --tp-muted:var(--dk-muted);
    --tp-line:var(--dk-line-2);
    --tp-line-strong:var(--dk-line-3);
    --tp-accent:var(--dk-primary);
    --tp-on-accent:var(--dk-on-primary);
    --tp-font:var(--dk-font-body);
    --tp-font-display:var(--dk-font-display);
    --tp-display-weight:600;
    --tp-radius:var(--dk-radius-card);
    --tp-radius-lg:var(--dk-radius-panel);
    --tp-radius-btn:var(--dk-radius-pill);
    --tp-container:var(--dk-container);
    --tp-shadow:var(--dk-shadow-2);
}

[data-theme="aurora"]{
    --tp-bg:var(--au-bg);
    --tp-surface:var(--au-card);
    --tp-subtle:var(--au-panel);
    --tp-input:var(--au-input);
    --tp-ink:var(--au-ink);
    --tp-body:var(--au-t4);
    --tp-muted:var(--au-t6);
    --tp-line:var(--au-line8);
    --tp-line-strong:var(--au-line2b);
    --tp-accent:var(--au-primary);
    --tp-on-accent:#FFFFFF;
    --tp-font:var(--au-font);
    --tp-font-display:var(--au-font);
    --tp-display-weight:700;
    --tp-radius:16px;
    --tp-radius-lg:28px;
    --tp-radius-btn:999px;
    --tp-container:1240px;
    --tp-shadow:var(--au-shd);
}

/* ---------- Layout ---------- */

.tp-container{max-width:var(--tp-container,1240px);margin-inline:auto;padding-inline:24px}
.tp-section{padding-block:clamp(64px,8vw,112px);font-family:var(--tp-font);color:var(--tp-body)}
.tp-section--tight{padding-block:clamp(40px,5vw,72px)}

.tp-split{display:grid;gap:clamp(32px,5vw,72px);align-items:center}
.tp-split--top{align-items:start}
@media (min-width:992px){
    .tp-split{grid-template-columns:1fr 1fr}
}

.tp-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media (min-width:768px){
    .tp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .tp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- Type ---------- */

.tp-eyebrow{
    display:inline-flex;align-items:center;gap:8px;margin-block-end:14px;
    font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--tp-accent);
}
.tp-eyebrow::before{content:"";inline-size:18px;block-size:2px;border-radius:2px;background:currentColor}
:is(.tp-section,.tp-hero) .tp-h2{
    margin:0 0 16px;font-family:var(--tp-font-display);font-weight:var(--tp-display-weight);
    font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.01em;color:var(--tp-ink);
}
:is(.tp-section,.tp-hero) .tp-lead{margin:0 0 24px;font-size:1.0625rem;line-height:1.7;color:var(--tp-body)}
:is(.tp-section,.tp-hero) .tp-text{margin:0 0 24px;line-height:1.7;color:var(--tp-body)}
.tp-head{max-inline-size:720px;margin-block-end:clamp(32px,4vw,56px)}
.tp-head--center{margin-inline:auto;text-align:center}
.tp-head--center .tp-eyebrow{justify-content:center}
.tp-head--row{max-inline-size:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.tp-head--row .tp-h2{margin:0}
.tp-visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Page-heading banner ---------- */

.tp-hero{
    position:relative;overflow:hidden;isolation:isolate;
    padding-block:clamp(56px,8vw,112px);
    font-family:var(--tp-font);
    background:
        radial-gradient(800px 360px at 85% 0%,color-mix(in srgb,var(--tp-accent) 22%,transparent),transparent 70%),
        var(--tp-bg);
    border-block-end:1px solid var(--tp-line);
}
.tp-hero__media{
    position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.12;
    -webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent);
}
:is(.tp-section,.tp-hero) .tp-hero__title{
    margin:14px 0 0;font-family:var(--tp-font-display);font-weight:var(--tp-display-weight);
    font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:-.02em;color:var(--tp-ink);
}
.tp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;color:var(--tp-muted)}
.tp-crumbs a{color:var(--tp-accent);text-decoration:none}
.tp-crumbs a:hover{text-decoration:underline}
.tp-crumbs i{font-size:.625rem;opacity:.7}
[dir="rtl"] .tp-crumbs i{transform:scaleX(-1)}

/* ---------- Buttons & links ---------- */

.tp-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    min-block-size:48px;padding:12px 24px;border-radius:var(--tp-radius-btn);border:1px solid transparent;
    font-family:var(--tp-font);font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;
    transition:transform .2s,background-color .2s,border-color .2s,color .2s;
}
.tp-btn:hover{transform:translateY(-1px)}
.tp-btn--primary{background:var(--tp-accent);color:var(--tp-on-accent)}
.tp-btn--primary:hover{color:var(--tp-on-accent);background:color-mix(in srgb,var(--tp-accent) 86%,#000)}
.tp-btn--ghost{background:transparent;color:var(--tp-ink);border-color:var(--tp-line-strong)}
.tp-btn--ghost:hover{color:var(--tp-accent);border-color:var(--tp-accent)}
.tp-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--tp-accent);text-decoration:none}
.tp-link:hover{color:var(--tp-accent);gap:12px}
[dir="rtl"] .tp-btn .fa-arrow-right,[dir="rtl"] .tp-link .fa-arrow-right{transform:scaleX(-1)}

/* ---------- Surfaces ---------- */

.tp-panel,.tp-card{
    background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:var(--tp-radius-lg);box-shadow:var(--tp-shadow);
}
.tp-panel{padding:clamp(24px,3vw,40px)}
.tp-card{overflow:hidden;display:flex;flex-direction:column}
.tp-card--pad{padding:28px}
.tp-card__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;flex:1}
:is(.tp-section,.tp-hero) .tp-card__title{margin:0;font-family:var(--tp-font-display);font-weight:var(--tp-display-weight);font-size:1.25rem;line-height:1.3;color:var(--tp-ink)}
.tp-card__title a{color:inherit;text-decoration:none}
.tp-card__title a:hover{color:var(--tp-accent)}
:is(.tp-section,.tp-hero) .tp-card__text{margin:0;line-height:1.65;color:var(--tp-body)}
:is(.tp-section,.tp-hero) .tp-card__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:.8125rem;color:var(--tp-muted)}
.tp-card__meta i{color:var(--tp-accent);margin-inline-end:4px}
.tp-card .tp-link{margin-block-start:auto}
.tp-empty{display:grid;gap:8px;text-align:center;color:var(--tp-muted)}

.tp-media{display:block;inline-size:100%;block-size:auto;border-radius:var(--tp-radius-lg);border:1px solid var(--tp-line)}
.tp-media--empty{
    display:grid;place-items:center;aspect-ratio:4/3;font-size:48px;color:var(--tp-accent);
    background:color-mix(in srgb,var(--tp-accent) 10%,var(--tp-surface));
}
.tp-icon{
    display:inline-grid;place-items:center;flex:none;inline-size:44px;block-size:44px;border-radius:var(--tp-radius);
    color:var(--tp-accent);background:color-mix(in srgb,var(--tp-accent) 14%,transparent);
}
.tp-icon--lg{inline-size:56px;block-size:56px;margin-block-end:18px}
.tp-icon img{inline-size:28px;block-size:28px;object-fit:contain}

/* ---------- About ---------- */

.tp-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:18px}
.tp-point{display:flex;gap:16px;align-items:flex-start}
:is(.tp-section,.tp-hero) .tp-point__title{margin:0 0 4px;font-size:1.0625rem;font-weight:700;color:var(--tp-ink)}
:is(.tp-section,.tp-hero) .tp-point__text{margin:0;line-height:1.6;color:var(--tp-body)}

/* ---------- Team ---------- */

.tp-member__photo{display:block;inline-size:100%;aspect-ratio:4/5;object-fit:cover;border-block-end:1px solid var(--tp-line)}
.tp-socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--tp-muted)}
.tp-socials a{
    display:inline-grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;
    border:1px solid var(--tp-line-strong);color:var(--tp-ink);text-decoration:none;transition:color .2s,border-color .2s;
}
.tp-socials a:hover{color:var(--tp-accent);border-color:var(--tp-accent)}

/* ---------- Forms ---------- */

.tp-form{display:grid;gap:18px}
@media (min-width:576px){
    .tp-form{grid-template-columns:1fr 1fr}
    .tp-field--full{grid-column:1/-1}
}
.tp-field{display:flex;flex-direction:column;gap:8px}
.tp-field label{font-size:.875rem;font-weight:600;color:var(--tp-ink)}
.tp-field input,.tp-field textarea,.tp-inline-form input{
    inline-size:100%;padding:13px 16px;border:1px solid var(--tp-line-strong);border-radius:var(--tp-radius);
    background:var(--tp-input);color:var(--tp-ink);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s;
}
.tp-field textarea{resize:vertical;min-block-size:140px}
.tp-field input:focus,.tp-field textarea:focus,.tp-inline-form input:focus{
    border-color:var(--tp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-accent) 22%,transparent);
}
.tp-field ::placeholder,.tp-inline-form ::placeholder{color:var(--tp-muted)}

.tp-inline-form{display:flex;gap:10px}
.tp-inline-form input{flex:1;min-inline-size:0}
.tp-inline-form--compact .tp-btn{min-block-size:46px;padding-inline:16px}

.tp-newsletter{display:grid;gap:24px;align-items:center}
.tp-newsletter .tp-h2{margin:0}
@media (min-width:992px){
    .tp-newsletter{grid-template-columns:1fr 1fr}
}
@media (max-width:575.98px){
    .tp-newsletter .tp-inline-form{flex-direction:column}
}

/* ---------- Blog ---------- */

.tp-blog{display:grid;gap:40px;align-items:start}
@media (min-width:992px){
    .tp-blog{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
    .tp-blog__aside{position:sticky;top:100px}
}
.tp-blog__aside{display:grid;gap:20px}
.tp-widget{padding:24px}
:is(.tp-section,.tp-hero) .tp-widget__title{margin:0 0 16px;font-size:1.0625rem;font-weight:700;color:var(--tp-ink)}

.tp-post__cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--tp-subtle)}
.tp-post__cover img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .5s}
.tp-post:hover .tp-post__cover img{transform:scale(1.04)}
.tp-post__date{
    position:absolute;inset-block-start:14px;inset-inline-start:14px;display:grid;place-items:center;
    min-inline-size:56px;padding:8px 10px;border-radius:var(--tp-radius);
    background:var(--tp-accent);color:var(--tp-on-accent);font-size:.75rem;font-weight:600;line-height:1.1;text-transform:uppercase;
}
.tp-post__date strong{font-size:1.25rem}

.tp-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tp-list a{
    display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--tp-radius);
    color:var(--tp-body);text-decoration:none;transition:background-color .2s,color .2s;
}
.tp-list a:hover,.tp-list a.is-active{background:color-mix(in srgb,var(--tp-accent) 12%,transparent);color:var(--tp-accent)}
.tp-list span{color:var(--tp-muted)}

.tp-recent{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.tp-recent li{display:flex;gap:14px;align-items:center}
.tp-recent img{flex:none;inline-size:72px;block-size:72px;object-fit:cover;border-radius:var(--tp-radius)}
.tp-recent div{display:flex;flex-direction:column;gap:4px;min-inline-size:0}
.tp-recent a{font-weight:600;line-height:1.4;color:var(--tp-ink);text-decoration:none}
.tp-recent a:hover{color:var(--tp-accent)}

.tp-tags{display:flex;flex-wrap:wrap;gap:8px}
.tp-tags a{
    padding:7px 14px;border:1px solid var(--tp-line-strong);border-radius:999px;
    font-size:.8125rem;color:var(--tp-body);text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;
}
.tp-tags a:hover,.tp-tags a.is-active{color:var(--tp-on-accent);background:var(--tp-accent);border-color:var(--tp-accent)}

.tp-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-block-start:40px}
.tp-pager a,.tp-pager span{
    display:inline-grid;place-items:center;min-inline-size:44px;block-size:44px;padding-inline:12px;border-radius:var(--tp-radius);
    border:1px solid var(--tp-line-strong);color:var(--tp-ink);text-decoration:none;font-weight:600;
}
.tp-pager a:hover{border-color:var(--tp-accent);color:var(--tp-accent)}
.tp-pager .is-active{background:var(--tp-accent);border-color:var(--tp-accent);color:var(--tp-on-accent)}
.tp-pager .is-disabled{opacity:.45}
[dir="rtl"] .tp-pager i{transform:scaleX(-1)}

.tp-article{color:var(--tp-body)}
.tp-article__cover{display:block;inline-size:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--tp-radius-lg);margin-block-end:24px}
:is(.tp-section,.tp-hero) .tp-article__title{
    margin:14px 0 24px;font-family:var(--tp-font-display);font-weight:var(--tp-display-weight);
    font-size:clamp(26px,3vw,40px);line-height:1.2;color:var(--tp-ink);
}
.tp-article__foot{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
    margin-block-start:40px;padding-block-start:24px;border-block-start:1px solid var(--tp-line);
}

.tp-prose{line-height:1.8;color:var(--tp-body);overflow-wrap:anywhere}
.tp-section .tp-prose :is(h1,h2,h3,h4,h5,h6){margin:1.6em 0 .6em;color:var(--tp-ink);font-family:var(--tp-font-display);line-height:1.3}
.tp-section .tp-prose :is(p,ul,ol,blockquote){margin:0 0 1.1em}
.tp-prose ul,.tp-prose ol{padding-inline-start:1.4em}
.tp-prose a{color:var(--tp-accent)}
.tp-prose img{max-inline-size:100%;block-size:auto;border-radius:var(--tp-radius)}
.tp-prose blockquote{padding:16px 20px;border-inline-start:3px solid var(--tp-accent);background:var(--tp-subtle);border-radius:var(--tp-radius);color:var(--tp-ink)}
.tp-prose table{inline-size:100%;border-collapse:collapse}
.tp-prose :is(td,th){padding:10px;border:1px solid var(--tp-line)}

@media (prefers-reduced-motion:reduce){
    .tp-btn,.tp-post__cover img,.tp-link{transition:none}
    .tp-btn:hover,.tp-post:hover .tp-post__cover img{transform:none}
}