/* account-ui, עמוד החשבון שלי. נטען רק בעמוד החשבון. נייד קודם, ימין לשמאל בתכונות לוגיות, בלי משאב חיצוני.
   הצבעים מהמערכת של האתר, כמו במודול עמוד הבית. */
body.woocommerce-account{--acc-ink:#14213d;--acc-mute:#56627a;--acc-line:#d5dbe6;--acc-soft:#e3f3fc;--acc-act:#0a6ea3;--acc-act-ink:#084f76}

/* הכותרת של העמוד, קטנה יותר בטלפון */
body.woocommerce-account .entry-header .entry-title{margin-block:0 12px;font-size:26px;line-height:1.2}

/* התפריט, בטלפון שורת לשוניות שנגללת הצידה במקום רשימה ארוכה */
@media(max-width:767px){
 body.woocommerce-account .woocommerce-MyAccount-navigation{float:none;inline-size:100%;margin:0 0 16px}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;margin:0;padding:4px 0 8px;list-style:none;border:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul li{flex:0 0 auto;margin:0;padding:0;border:0}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:flex;align-items:center;min-block-size:44px;padding:8px 16px;border:1px solid var(--acc-line);border-radius:999px;background:#fff;color:var(--acc-ink);font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before{display:none}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{border-color:var(--acc-ink);background:var(--acc-ink);color:#fff}
 body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus-visible{outline:3px solid var(--acc-act);outline-offset:2px}
 body.woocommerce-account .woocommerce-MyAccount-content{float:none;inline-size:100%}
}

/* לוח הבקרה */
.ts-acc{display:grid;gap:16px;color:var(--acc-ink);line-height:1.5;text-align:start}
.ts-acc p.ts-acc__hello{margin:0;font-size:22px;font-weight:800;line-height:1.25}
.ts-acc ul.ts-acc__tiles{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ts-acc ul.ts-acc__tiles li{margin:0;padding:0}
.ts-acc a.ts-acc__tile{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-block-size:72px;padding:12px 16px;border:1px solid var(--acc-line);border-radius:16px;background:#fff;color:var(--acc-ink);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.ts-acc a.ts-acc__tile:hover{border-color:var(--acc-act);background:var(--acc-soft);color:var(--acc-ink)}
.ts-acc a.ts-acc__tile:active{background:#cfe9f8}
.ts-acc a.ts-acc__tile:focus-visible{outline:3px solid var(--acc-act);outline-offset:3px}
.ts-acc__ic{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:12px;background:var(--acc-soft);color:var(--acc-act-ink)}
.ts-acc__tname{display:block;font-size:18px;font-weight:800;line-height:1.3}
.ts-acc__tdesc{display:block;font-size:14px;color:var(--acc-mute)}
.ts-acc__go{color:var(--acc-act)}
.ts-acc p.ts-acc__out{margin:0;font-size:14px;color:var(--acc-mute)}
.ts-acc p.ts-acc__out a{display:inline-block;padding-block:12px;color:var(--acc-act-ink);font-weight:700;text-decoration:underline}

@media(min-width:768px){
 body.woocommerce-account .entry-header .entry-title{font-size:32px}
 .ts-acc ul.ts-acc__tiles{grid-template-columns:repeat(3,1fr)}
 .ts-acc a.ts-acc__tile{grid-template-columns:auto 1fr;align-items:start}
 .ts-acc__go{display:none}
}
@media(prefers-reduced-motion:reduce){.ts-acc a{transition:none}}