/* SD Core — Fiók oldalsó menü: csoportosított accordion
 * SoftDirect brand: kék (#263C97) + arany (#FCBE00), Noto Sans.
 * Minden szabály a .sd-acc alá scope-olva (a TGWC nav-on belül).
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap');

.sd-acc{
	--sd-blue:#263c97;
	--sd-blue-ink:#1b2c70;
	--sd-blue-soft:#eaedf7;
	--sd-gold:#fcbe00;
	--sd-surface:#ffffff;
	--sd-ink:#1a2235;
	--sd-ink-2:#4a5266;
	--sd-ink-3:#666d82;
	--sd-line:#e4e7f0;
	--sd-radius:11px;
	font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	display:flex;
	flex-direction:column;
	gap:6px;
	list-style:none;
	margin:0;
	padding:0;
}
.sd-acc *,.sd-acc *::before,.sd-acc *::after{box-sizing:border-box;}

/* Redundáns avatar/feltöltő blokk elrejtése (a JS el is távolítja). */
.tgwc-woocommerce-MyAccount-navigation .tgwc-user-avatar{display:none!important;}

/* ---------- Linkek (végpontok) — közös alap ---------- */
.sd-acc__a{
	display:flex;align-items:center;gap:11px;
	padding:11px 13px;border-radius:var(--sd-radius);
	font-size:14.5px;font-weight:500;line-height:1.2;color:var(--sd-ink-2);
	text-decoration:none;transition:background .14s,color .14s;
}
.sd-acc__a:hover{background:var(--sd-blue-soft);color:var(--sd-blue);}
.sd-acc__a.is-active{background:var(--sd-blue-soft);color:var(--sd-blue);font-weight:600;}
/* Ikon BALRA, szöveg utána */
.sd-acc__ic{flex:0 0 auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--sd-ink-3);transition:color .14s;}
.sd-acc__ic svg{width:19px;height:19px;display:block;}
.sd-acc__label{flex:1 1 auto;min-width:0;}
.sd-acc__a:hover .sd-acc__ic,.sd-acc__a.is-active .sd-acc__ic{color:var(--sd-blue);}
.sd-acc__solo--bottom .sd-acc__a:hover .sd-acc__ic{color:#a32d2d;}
/* Betöltés-spinner a szöveg mellett, jobbra */
.sd-acc__a.is-loading .sd-acc__ic svg{opacity:.5;}
.sd-acc__a.is-loading::after{content:"";flex:0 0 auto;width:15px;height:15px;margin-left:8px;border:2px solid var(--sd-blue-soft);border-top-color:var(--sd-blue);border-radius:50%;animation:sd-acc-spin .6s linear infinite;}
@keyframes sd-acc-spin{to{transform:rotate(360deg);}}

/* ---------- Önálló felső/alsó linkek ---------- */
.sd-acc__solo .sd-acc__a{font-weight:600;color:var(--sd-ink);}
.sd-acc__solo .sd-acc__a.is-active{color:var(--sd-blue);}
.sd-acc__solo--bottom{margin-top:4px;border-top:1px solid var(--sd-line);padding-top:8px;}
.sd-acc__solo--bottom .sd-acc__a{color:var(--sd-ink-3);font-weight:500;}
.sd-acc__solo--bottom .sd-acc__a:hover{color:#a32d2d;background:#fbe8e8;}

/* ---------- Csoport fej ---------- */
.sd-acc__grp{display:flex;flex-direction:column;}
.sd-acc__head{
	display:flex;align-items:center;gap:11px;width:100%;
	padding:11px 13px;border:0;border-radius:var(--sd-radius);
	background:transparent;cursor:pointer;text-align:left;
	font-family:inherit;font-size:14.5px;font-weight:600;color:var(--sd-ink);
	transition:background .14s,color .14s;
}
.sd-acc__head:hover{background:var(--sd-blue-soft);color:var(--sd-blue);}
.sd-acc__head:focus-visible{outline:2px solid var(--sd-blue);outline-offset:2px;}
.sd-acc__head-ic{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:var(--sd-blue-soft);color:var(--sd-blue);display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s;}
.sd-acc__head-ic svg{width:19px;height:19px;display:block;}
.sd-acc__grp.is-open>.sd-acc__head .sd-acc__head-ic,
.sd-acc__head:hover .sd-acc__head-ic{background:var(--sd-blue);color:#fff;}
.sd-acc__head-t{flex:1 1 auto;min-width:0;}
.sd-acc__chev{flex:0 0 auto;color:var(--sd-ink-3);display:flex;transition:transform .28s ease,color .14s;}
.sd-acc__chev svg{width:18px;height:18px;display:block;}
.sd-acc__head:hover .sd-acc__chev{color:var(--sd-blue);}
.sd-acc__grp.is-open>.sd-acc__head .sd-acc__chev{transform:rotate(180deg);color:var(--sd-blue);}

/* ---------- Panel — grid-template-rows animáció (egyidejű nyit/zár) ---------- */
.sd-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;}
.sd-acc__grp.is-open>.sd-acc__panel{grid-template-rows:1fr;}
.sd-acc__panel-in{overflow:hidden;min-height:0;}
.sd-acc__panel-in{display:flex;flex-direction:column;gap:2px;padding-left:14px;margin-left:16px;border-left:2px solid var(--sd-line);}
.sd-acc__grp.is-open>.sd-acc__panel .sd-acc__panel-in{padding-top:4px;padding-bottom:6px;}
.sd-acc__panel-in .sd-acc__a{font-size:14px;padding:9px 12px;}
.sd-acc__panel-in .sd-acc__a.is-active{position:relative;}

@media (prefers-reduced-motion:reduce){
	.sd-acc__panel,.sd-acc__chev,.sd-acc__a,.sd-acc__head,.sd-acc__head-ic{transition:none;}
}

/* ---------- Sötét mód ---------- */
@media (prefers-color-scheme:dark){
	.sd-acc{
		--sd-blue:#5b78d6;--sd-blue-ink:#7991e0;--sd-blue-soft:#1c2236;
		--sd-surface:#1c1f27;--sd-ink:#eef0f6;--sd-ink-2:#bcc1d0;--sd-ink-3:#8b91a3;--sd-line:#2a2e39;
	}
	.sd-acc__grp.is-open>.sd-acc__head .sd-acc__head-ic,
	.sd-acc__head:hover .sd-acc__head-ic{color:#0d1018;}
	.sd-acc__solo--bottom .sd-acc__a:hover{color:#f0a0a0;background:#3a2222;}
}