/* SD Core — Fiók vezérlőpult (my-account gyökér)
 * SoftDirect brand: kék (#263C97) + arany (#FCBE00), Noto Sans.
 * Minden szabály a .sd-dash alá scope-olva.
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap');

.sd-dash{
	--sd-blue:#263c97;
	--sd-blue-ink:#1b2c70;
	--sd-blue-soft:#eaedf7;
	--sd-gold:#fcbe00;
	--sd-bg:#f4f5fa;
	--sd-surface:#ffffff;
	--sd-ink:#1a2235;
	--sd-ink-2:#4a5266;
	--sd-ink-3:#666d82;
	--sd-line:#e4e7f0;
	--sd-line-2:#d4d9e8;
	--sd-shadow:rgba(26,34,53,.06);
	--sd-focus:rgba(38,60,151,.28);
	--sd-radius:14px;
	font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	color:var(--sd-ink);
	background:var(--sd-bg);
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
	padding:clamp(18px,3.5vw,30px);
	border-radius:18px;
	box-sizing:border-box;
}
.sd-dash *,.sd-dash *::before,.sd-dash *::after{box-sizing:border-box;}

/* ---------- Üdvözlő fejléc ---------- */
.sd-dash__head{margin:0 0 20px;}
.sd-dash__eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--sd-blue);margin:0 0 7px;}
.sd-dash__title{position:relative;font-weight:700;font-size:clamp(25px,3.6vw,32px);line-height:1.15;letter-spacing:-.01em;margin:0 0 12px;color:var(--sd-ink);padding-bottom:12px;}
.sd-dash__title::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:4px;border-radius:4px;background:var(--sd-gold);}
.sd-dash__deck{margin:0;max-width:64ch;font-size:15px;color:var(--sd-ink-2);}

/* ---------- Legutóbbi rendelés kiemelt kártya ---------- */
.sd-dash__latest{position:relative;background:var(--sd-surface);border:1px solid var(--sd-line);border-radius:var(--sd-radius);box-shadow:0 1px 2px var(--sd-shadow);overflow:hidden;margin:0 0 22px;}
.sd-dash__latest::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sd-gold);}
.sd-dash__latest-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--sd-line);}
.sd-dash__latest-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sd-ink-3);}
.sd-dash__latest-body{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;padding:16px 18px;}
.sd-dash__latest-main{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;}
.sd-dash__latest-num{font-weight:700;font-size:18px;color:var(--sd-ink);text-decoration:none;}
.sd-dash__latest-num:hover{color:var(--sd-blue);text-decoration:underline;text-underline-offset:2px;}
.sd-dash__latest-date{font-size:13px;color:var(--sd-ink-3);}
.sd-dash__latest-total{display:flex;flex-direction:column;gap:2px;}
.sd-dash__latest-label{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--sd-ink-3);}
.sd-dash__latest-amount{font-weight:700;font-size:17px;color:var(--sd-blue);}
.sd-dash__latest-amount .woocommerce-Price-amount{color:var(--sd-blue);}
.sd-dash__latest-actions{display:flex;gap:8px;flex-wrap:wrap;}

/* Státusz jelvény */
.sd-dash__status{display:inline-block;font-size:12.5px;font-weight:600;line-height:1;padding:7px 13px;border-radius:999px;white-space:nowrap;background:var(--sd-blue-soft);color:var(--sd-blue);}
.sd-dash__status--completed{background:#e3f3ea;color:#1c7a4a;}
.sd-dash__status--processing,
.sd-dash__status--kiszallitas-alatt,
.sd-dash__status--szallitas-elokesz{background:#fef3d3;color:#8a5a07;}
.sd-dash__status--on-hold,
.sd-dash__status--pending{background:#eef0f3;color:var(--sd-ink-2);}
.sd-dash__status--cancelled,
.sd-dash__status--failed,
.sd-dash__status--refunded{background:#fbe8e8;color:#a32d2d;}

/* Gombok */
.sd-dash__btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;padding:9px 16px;border-radius:9px;border:1px solid var(--sd-line-2);background:var(--sd-surface);color:var(--sd-blue);text-decoration:none;transition:background .15s,border-color .15s,color .15s;}
.sd-dash__btn:hover{background:var(--sd-blue-soft);border-color:var(--sd-blue);color:var(--sd-blue);}
.sd-dash__btn--primary{background:var(--sd-blue);border-color:var(--sd-blue);color:#fff;}
.sd-dash__btn--primary:hover{background:var(--sd-blue-ink);border-color:var(--sd-blue-ink);color:#fff;}

/* ---------- Navigációs kártyarács ---------- */
.sd-dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.sd-dash__card{display:flex;align-items:center;gap:14px;background:var(--sd-surface);border:1px solid var(--sd-line);border-radius:var(--sd-radius);box-shadow:0 1px 2px var(--sd-shadow);padding:16px 18px;text-decoration:none;color:var(--sd-ink);transition:border-color .15s,box-shadow .15s,transform .15s;}
.sd-dash__card:hover{border-color:var(--sd-blue);box-shadow:0 6px 18px var(--sd-shadow);transform:translateY(-1px);}
.sd-dash__card:focus-visible{outline:2px solid var(--sd-blue);outline-offset:2px;}
.sd-dash__card-icon{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:var(--sd-blue-soft);color:var(--sd-blue);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.sd-dash__card-icon svg{width:22px;height:22px;}
.sd-dash__card:hover .sd-dash__card-icon{background:var(--sd-blue);color:#fff;}
.sd-dash__card-label{flex:1 1 auto;font-weight:600;font-size:15px;line-height:1.25;}
.sd-dash__card-arrow{flex:0 0 auto;color:var(--sd-ink-3);transition:color .15s,transform .15s;}
.sd-dash__card-arrow svg{width:18px;height:18px;display:block;}
.sd-dash__card:hover .sd-dash__card-arrow{color:var(--sd-blue);transform:translateX(2px);}

/* Kattintás → betöltés: a nyíl helyén pörgő spinner */
.sd-dash__card.is-loading{pointer-events:none;}
.sd-dash__card.is-loading .sd-dash__card-arrow{transform:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.sd-dash__card.is-loading .sd-dash__card-arrow svg{display:none;}
.sd-dash__card.is-loading .sd-dash__card-arrow::after{content:"";display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--sd-blue-soft);border-top-color:var(--sd-blue);animation:sd-dash-spin .6s linear infinite;}
@keyframes sd-dash-spin{to{transform:rotate(360deg);}}

/* ---------- Reszponzív ---------- */
@media (max-width:600px){
	.sd-dash__grid{grid-template-columns:1fr;}
	.sd-dash__latest-body{align-items:flex-start;}
	.sd-dash__latest-actions{flex:1 1 100%;}
	.sd-dash__btn{flex:1 1 auto;}
}

/* ---------- Sötét mód ---------- */
@media (prefers-color-scheme:dark){
	.sd-dash{
		--sd-blue:#5b78d6;--sd-blue-ink:#7991e0;--sd-blue-soft:#1c2236;
		--sd-bg:#14161c;--sd-surface:#1c1f27;--sd-ink:#eef0f6;--sd-ink-2:#bcc1d0;--sd-ink-3:#8b91a3;
		--sd-line:#2a2e39;--sd-line-2:#3a3f4d;--sd-shadow:rgba(0,0,0,.35);
	}
	.sd-dash__btn--primary{color:#0d1018;}
	.sd-dash__btn--primary:hover{color:#0d1018;}
	.sd-dash__card:hover .sd-dash__card-icon{color:#0d1018;}
}

@media (prefers-reduced-motion:reduce){
	.sd-dash__card,.sd-dash__card-icon,.sd-dash__card-arrow,.sd-dash__btn{transition:none;}
}