/* ===== My Account (WooCommerce + SpotPlayer + Otino login) ===== */
.woocommerce-account{--ink:var(--hb-ink);--gold:var(--hb-gold);--muted:#5a6b64;--line:#e3e8e5;--field:#f7f8f6;--soft:#f6f3ea}

/* ---------- page frame (theme title replaced by .hba-head) ---------- */
.woocommerce-account.logged-in .page-header{display:none}
.woocommerce-account.logged-in .site-main{box-sizing:border-box;width:100%;max-width:calc(1280px + 32px) !important;margin-inline:auto;padding:clamp(24px,4vw,48px) 16px clamp(48px,6vw,88px)}
.woocommerce-account.logged-in .page-content{margin:0}
.woocommerce-account .woocommerce{color:var(--ink);font-family:var(--e-global-typography-primary-font-family,inherit);
  display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-areas:"head head" "nav main";gap:24px clamp(24px,3.5vw,48px);align-items:start}
.woocommerce-account .woocommerce *{box-sizing:border-box;font-family:inherit}
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after{display:none !important}
.woocommerce-account .woocommerce a:focus-visible,.woocommerce-account .woocommerce button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* header */
.hba-head{grid-area:head;display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.hba-avatar{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--gold);font-size:22px;font-weight:900}
.hba-hello{display:block;font-size:14px;font-weight:700;color:var(--hb-gold-dark)}
.hba-title{margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.5;color:var(--ink)}

/* ---------- navigation ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation{grid-area:nav;float:none !important;width:auto !important;position:sticky;top:calc(var(--hb-hdr-h,78px) + 20px)}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;border:1px solid var(--line);border-radius:calc(20px * var(--hb-rs));background:#fff}
.woocommerce-MyAccount-navigation li{margin:0;padding:0;border:0 !important}
.woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:calc(12px * var(--hb-rs));color:var(--ink) !important;text-decoration:none !important;font-size:15px;font-weight:700;transition:background .2s ease,color .2s ease}
.woocommerce-MyAccount-navigation li a::before{content:"";flex-shrink:0;width:20px;height:20px;background:currentColor;opacity:.7;-webkit-mask:var(--ic) no-repeat center/contain;mask:var(--ic) no-repeat center/contain}
.woocommerce-MyAccount-navigation li a:hover{background:var(--field)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff !important}
.woocommerce-MyAccount-navigation li.is-active a::before{background:var(--gold);opacity:1}
.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:6px !important;padding-top:6px !important;border-top:1px solid var(--line) !important}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:#a3432a !important}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fdf3f0 !important}
.woocommerce-MyAccount-navigation-link--dashboard{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--licenses{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='12' rx='2.5'/%3E%3Cpath d='m10.5 8.8 4 2.2-4 2.2Z' fill='black'/%3E%3Cpath d='M8 20h8'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12v17l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 8h6M9 11.5h6'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c.9-3.8 3.9-5.8 7.5-5.8s6.6 2 7.5 5.8'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5h4a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-4M10 8l-4 4 4 4M6 12h9'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation li:not([class*="--dashboard"]):not([class*="--licenses"]):not([class*="--orders"]):not([class*="--edit-account"]):not([class*="--customer-logout"]) a::before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3' fill='black'/%3E%3C/svg%3E")}

/* ---------- content ---------- */
.woocommerce-account .woocommerce-MyAccount-content{grid-area:main;float:none !important;width:auto !important;min-width:0;font-size:15px;line-height:2;color:var(--ink)}
.woocommerce-MyAccount-content > p:first-child{margin-top:0}
.woocommerce-MyAccount-content mark{background:var(--soft);color:var(--ink);padding:1px 8px;border-radius:999px;font-weight:700}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:clamp(18px,1.6vw,21px);font-weight:900;line-height:1.6;color:var(--ink);margin:28px 0 14px}

/* buttons */
.woocommerce-account .woocommerce .button,.hba-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px !important;border:0 !important;border-radius:calc(12px * var(--hb-rs)) !important;
  background:var(--ink) !important;color:#fff !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;line-height:1.6 !important;cursor:pointer;transition:background .2s ease}
.woocommerce-account .woocommerce .button:hover,.hba-btn:hover{background:var(--hb-ink-hover) !important}
.hba-btn b{font-weight:700;unicode-bidi:isolate;opacity:.85}

/* notices */
.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-error{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 22px !important;padding:14px 18px !important;border:1px solid var(--line) !important;border-inline-start:4px solid var(--gold) !important;border-radius:calc(14px * var(--hb-rs));
  background:#fff !important;color:var(--ink) !important;font-size:14px;line-height:1.9;list-style:none}
.woocommerce-account .woocommerce-info::before,.woocommerce-account .woocommerce-message::before,.woocommerce-account .woocommerce-error::before{position:static !important;margin:0 !important;color:var(--hb-gold-dark) !important}
.woocommerce-account .woocommerce-message{border-inline-start-color:#3c8a5f !important}
.woocommerce-account .woocommerce-error{border-inline-start-color:#c0563b !important}
.woocommerce-account .woocommerce-info .button,.woocommerce-account .woocommerce-message .button{margin-inline-start:auto !important;order:2;float:none !important;background:var(--soft) !important;color:var(--ink) !important}
.woocommerce-account .woocommerce-info .button:hover,.woocommerce-account .woocommerce-message .button:hover{background:var(--gold) !important}

/* dashboard */
.hba-cards{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hba-cards li{margin:0}
.hba-card{display:flex;align-items:center;gap:14px;height:100%;padding:20px;border:1px solid var(--line);border-radius:calc(20px * var(--hb-rs));background:#fff;color:var(--ink) !important;text-decoration:none !important;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.hba-card:hover{border-color:rgba(var(--hb-gold-rgb),.7);transform:translateY(-2px);box-shadow:0 14px 34px rgba(var(--hb-ink-rgb),.08)}
.hba-card__ic{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:calc(14px * var(--hb-rs));background:rgba(var(--hb-gold-rgb),.16);color:var(--hb-gold-dark)}
.hba-card__ic svg{width:24px;height:24px}
.hba-card__txt{display:flex;flex-direction:column;min-width:0}
.hba-card__txt strong{font-size:16px;font-weight:900;line-height:1.6}
.hba-card__txt small{font-size:13px;line-height:1.7;color:var(--muted)}
.hba-card--main{background:var(--ink);border-color:var(--ink);color:#fff !important;background-image:radial-gradient(circle at 0% 0%,rgba(var(--hb-gold-rgb),.22),rgba(var(--hb-gold-rgb),0) 60%)}
.hba-card--main .hba-card__ic{background:var(--gold);color:var(--ink)}
.hba-card--main .hba-card__txt small{color:rgba(255,255,255,.75)}
.hba-support{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;padding:20px 22px;border-radius:calc(20px * var(--hb-rs));background:var(--soft)}
.hba-support strong{display:block;font-size:16px;font-weight:900;line-height:1.7}
.hba-support p{margin:0;font-size:14px;color:var(--muted)}

/* orders table → clean list */
.woocommerce-account table.shop_table{width:100%;margin:0 0 20px !important;border:1px solid var(--line) !important;border-radius:calc(18px * var(--hb-rs)) !important;border-collapse:separate !important;border-spacing:0;overflow:hidden;background:#fff}
.woocommerce-account table.shop_table th,.woocommerce-account table.shop_table td{padding:14px 16px !important;border:0 !important;border-top:1px solid var(--line) !important;text-align:right;vertical-align:middle;font-size:14px;line-height:1.8;background:none !important}
.woocommerce-account table.shop_table thead th{border-top:0 !important;background:var(--field) !important;font-size:13px;font-weight:800;color:var(--muted)}
.woocommerce-account table.shop_table td a:not(.button){color:var(--ink) !important;font-weight:800;text-decoration:none !important}
.woocommerce-account table.shop_table td a:not(.button):hover{color:var(--hb-gold-dark) !important}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{min-height:36px;padding:0 14px !important;background:var(--soft) !important;color:var(--ink) !important}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover{background:var(--gold) !important}
.woocommerce-orders-table__cell-order-status{font-weight:700}
.woocommerce-orders-table__row td.woocommerce-orders-table__cell-order-status{color:var(--muted)}
.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status{color:#2f7a52}
.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status{color:var(--hb-gold-dark)}
.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status{color:#a3432a}
.woocommerce-account .woocommerce-pagination{display:flex;gap:8px}

/* view order */
.woocommerce-account .woocommerce-order-details,.woocommerce-account .woocommerce-customer-details{margin-top:24px}
.woocommerce-account .woocommerce-table--order-details tfoot th{font-weight:800}
.woocommerce-account .woocommerce-customer-details address{padding:16px 18px;border:1px solid var(--line) !important;border-radius:calc(16px * var(--hb-rs));font-style:normal;line-height:2}

/* edit account form */
.woocommerce-EditAccountForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;max-width:760px}
.woocommerce-EditAccountForm > *{grid-column:1 / -1}
.woocommerce-EditAccountForm > .form-row-first{grid-column:auto}
.woocommerce-EditAccountForm > .form-row-last{grid-column:auto}
.woocommerce-EditAccountForm .clear{display:none}
.woocommerce-account .woocommerce form .form-row{float:none !important;width:auto !important;margin:0 0 14px !important;padding:0 !important}
.woocommerce-account .woocommerce form .form-row label{display:block;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.7;color:var(--ink)}
.woocommerce-account .woocommerce form .form-row .required{color:#c0563b;text-decoration:none}
.woocommerce-account .woocommerce form .input-text,.woocommerce-account .woocommerce form select{width:100%;min-height:50px;padding:10px 14px !important;border:1.5px solid var(--line) !important;border-radius:calc(12px * var(--hb-rs)) !important;background:var(--field) !important;font-size:15px !important;color:var(--ink) !important;box-shadow:none !important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.woocommerce-account .woocommerce form .input-text:focus{outline:none;border-color:var(--gold) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(var(--hb-gold-rgb),.18) !important}
.woocommerce-account .woocommerce form input[type="email"]{direction:ltr;text-align:right}
.woocommerce-account .woocommerce form .form-row em,.woocommerce-account #account_display_name_description{display:block;margin-top:4px;font-size:12.5px;font-style:normal;color:var(--muted)}
.woocommerce-EditAccountForm fieldset{margin:12px 0 16px;padding:18px 18px 4px;border:1px solid var(--line);border-radius:calc(16px * var(--hb-rs))}
.woocommerce-EditAccountForm legend{padding:0 8px;font-size:15px;font-weight:900;color:var(--ink)}
.woocommerce-account .password-input{display:block;position:relative}
.woocommerce-account .show-password-input{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none !important;border:0 !important;padding:4px !important;color:var(--muted) !important;cursor:pointer}
.woocommerce-EditAccountForm .button{min-height:50px;padding:0 28px !important;background:var(--gold) !important;color:var(--ink) !important;font-size:15px !important}
.woocommerce-EditAccountForm .button:hover{background:var(--hb-gold-hover) !important}

/* ---------- «دوره‌های من» ---------- */
.hba-intro{margin:0 0 16px;color:var(--muted);font-size:14.5px}
.hba-courses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hba-course{margin:0}
.hba-course a{display:flex;align-items:center;gap:16px;height:100%;padding:12px;border:1px solid var(--line);border-radius:calc(20px * var(--hb-rs));background:#fff;color:var(--ink) !important;text-decoration:none !important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hba-course a:hover{border-color:rgba(var(--hb-gold-rgb),.7);transform:translateY(-2px);box-shadow:0 14px 34px rgba(var(--hb-ink-rgb),.08)}
.hba-course__img{flex-shrink:0;width:96px;aspect-ratio:1;border-radius:calc(14px * var(--hb-rs));overflow:hidden;background:var(--soft)}
.hba-course__img img{display:block;width:100% !important;height:100% !important;object-fit:cover;margin:0 !important}
.hba-course__body{display:flex;flex-direction:column;min-width:0}
.hba-course__body strong{font-size:15.5px;font-weight:900;line-height:1.7}
.hba-course__body small{font-size:12.5px;color:var(--muted)}
.hba-course__cta{margin-top:6px;font-size:13.5px;font-weight:800;color:var(--hb-gold-dark)}
.hba-course__cta::after{content:" ←"}
.hba-back{display:inline-block;margin-bottom:14px;font-size:14px;font-weight:700;color:var(--hb-gold-dark) !important;text-decoration:none !important}
.hba-empty{padding:40px 24px;text-align:center;border:1px dashed #d8dfda;border-radius:calc(20px * var(--hb-rs));background:#fff}
.hba-empty__ic{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:12px;border-radius:50%;background:var(--soft);color:var(--hb-gold-dark)}
.hba-empty__ic svg{width:30px;height:30px}
.hba-empty h2{margin:0 0 6px !important;font-size:19px !important}
.hba-empty p{margin:0 0 18px;color:var(--muted);font-size:14.5px}

/* ---------- SpotPlayer block (#sp) in brand ---------- */
.woocommerce-account #sp,.woocommerce-order-received #sp{direction:rtl;font-family:var(--e-global-typography-primary-font-family,inherit) !important;font-size:15px !important;color:var(--ink);
  margin:0 0 24px !important;padding:clamp(18px,2.6vw,28px);border:1px solid var(--line);border-radius:calc(20px * var(--hb-rs));background:#fff}
#sp h1,#sp h2,#sp h3,#sp h4{font-family:inherit !important;color:var(--ink)}
#sp h1{margin:0 0 14px !important;font-size:clamp(20px,2vw,26px) !important;font-weight:900}
#sp h2{margin:0 0 8px !important;font-size:18px !important;font-weight:900}
#sp h3{display:flex;align-items:center;gap:10px;margin:22px 0 12px !important;font-size:16px !important;font-weight:900}
#sp p{font-size:14px !important;line-height:2 !important;color:var(--muted)}
#sp b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--gold) !important;font-size:15px !important;line-height:1}
#sp-warn{margin-bottom:22px !important;padding:12px 16px !important;border-radius:calc(12px * var(--hb-rs)) !important;background:#fdf3f0 !important;color:#8f3a24 !important;font-size:13.5px;line-height:1.9}
#sp-web ~ #sp-app{margin-top:32px !important;padding-top:24px;border-top:1px solid var(--line)}
#spotplayer{height:auto !important;aspect-ratio:16/9;min-height:260px;border:0 !important;border-radius:calc(16px * var(--hb-rs)) !important;background:#0f1f1a}
#sp_players > div{gap:8px;padding:10px !important;border-radius:calc(16px * var(--hb-rs)) !important;background:var(--soft) !important}
#sp_players > div > a{border-radius:calc(12px * var(--hb-rs));color:var(--ink) !important;text-decoration:none !important;transition:background .2s ease}
#sp_players > div > a:hover{background:#fff}
#sp_players > div > a > b{display:block !important;width:auto;height:auto;border-radius:0;background:none !important;color:var(--ink) !important;font-size:14px !important}
#sp_players > div > a > img{border-radius:calc(14px * var(--hb-rs)) !important}
#sp_license > textarea{height:auto !important;min-height:96px;padding:12px 14px;border:1.5px solid var(--line) !important;border-bottom:0 !important;border-radius:calc(14px * var(--hb-rs)) calc(14px * var(--hb-rs)) 0 0;background:var(--field);font-family:ui-monospace,Consolas,monospace !important;font-size:13px;line-height:1.7;color:var(--ink);resize:none}
#sp_license > button{min-height:50px;border-radius:0 0 calc(14px * var(--hb-rs)) calc(14px * var(--hb-rs)) !important;background:var(--gold) !important;color:var(--ink) !important;font-size:15px;font-weight:900;transition:background .2s ease}
#sp_license > button:hover{background:var(--hb-gold-hover) !important}
#sp_videos > ul > li{border-color:var(--line) !important;border-radius:calc(12px * var(--hb-rs)) !important}
#sp_videos a{color:var(--ink) !important}
#spot_fail{padding:16px 18px;border-radius:calc(14px * var(--hb-rs));background:#fdf3f0;color:#8f3a24}
#spot_fail button{margin-top:8px;padding:8px 16px;border:0;border-radius:calc(10px * var(--hb-rs));background:var(--ink);color:#fff;cursor:pointer}

/* toast (copy license) */
.hba-toast{position:fixed;left:50%;bottom:28px;z-index:99999;transform:translate(-50%,20px);padding:12px 20px;border-radius:calc(12px * var(--hb-rs));background:var(--hb-ink);color:#fff;font-size:14px;font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease,transform .25s ease}
.hba-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- Otino login page (logged out — full-screen plugin template, body has no classes) ---------- */
.box-main-login-page-otino{--ink:var(--hb-ink);--gold:var(--hb-gold);--muted:#5a6b64;--line:#e3e8e5;--field:#f7f8f6;
  max-width:none !important;width:100%;min-height:100vh;margin:0 !important;padding:0 !important;gap:0 !important;
  display:grid !important;grid-template-columns:minmax(0,1fr);align-items:stretch !important;
  font-family:"Dana",Tahoma,sans-serif;color:var(--ink);background:#f5f6f4 !important} /* no var() here: an undefined var invalidates the whole font-family */
.box-main-login-page-otino *{font-family:inherit}
/* form side */
.box-main-login-page-otino .login-form-box-otino{display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,64px) 20px}
.box-main-login-page-otino .login-form-wrapper-otino{max-width:440px !important;padding:clamp(28px,4vw,44px) clamp(22px,3.4vw,40px) !important;gap:14px !important;overflow:visible;
  background:#fff;border:1px solid var(--line);border-radius:calc(24px * var(--hb-rs)) !important;box-shadow:0 1px 2px rgba(var(--hb-ink-rgb),.04),0 24px 60px rgba(var(--hb-ink-rgb),.08) !important}
.box-main-login-page-otino .login-form-wrapper-otino::before{content:"";position:absolute;top:-1px;left:50%;width:56px;height:3px;border-radius:0 0 3px 3px;background:var(--gold);transform:translateX(-50%)}
.box-main-login-page-otino .box-logo-title-above-form-login-otino{gap:14px;padding-top:4px}
.box-main-login-page-otino .logo-image-login-page-otino{max-height:64px;height:64px;width:auto}
.box-main-login-page-otino .title-under-logo-login-lobgu{font-size:clamp(22px,2.4vw,28px);font-weight:900;line-height:1.5;color:var(--ink)}
.box-main-login-page-otino .desc-above-form-login-lobgu{justify-content:center;margin:0 0 10px !important;font-size:15px;line-height:1.9;color:var(--muted);text-align:center}
.box-main-login-page-otino .go-back-btn-login-page-otino{top:-10px;right:-6px;width:42px;height:42px;padding:9px;border:1px solid var(--line) !important;border-radius:calc(12px * var(--hb-rs)) !important;color:var(--ink);transition:border-color .2s ease,background .2s ease}
.box-main-login-page-otino .go-back-btn-login-page-otino:hover{border-color:var(--gold) !important;background:var(--field)}
.box-main-login-page-otino .go-back-btn-login-page-otino svg{width:22px}
.box-main-login-page-otino .go-back-btn-login-page-otino svg *{stroke:currentColor}
.box-main-login-page-otino form.woocommerce-form-login{gap:16px !important}
.box-main-login-page-otino label{font-size:14px;font-weight:700;color:var(--ink)}
.box-main-login-page-otino input[type="tel"],.box-main-login-page-otino input[type="text"]{
  height:56px;border:1.5px solid var(--line) !important;border-radius:calc(14px * var(--hb-rs)) !important;background:var(--field) !important;
  font-family:"Dana",Tahoma,sans-serif !important;font-size:18px !important;font-weight:700;color:var(--ink) !important;box-shadow:none !important}
.box-main-login-page-otino input[type="tel"]:focus,.box-main-login-page-otino input[type="text"]:focus{border-color:var(--gold) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(var(--hb-gold-rgb),.2) !important}
.box-main-login-page-otino #otino_mobile{letter-spacing:.18em !important;text-align:center}
.box-main-login-page-otino #otino_mobile::placeholder{letter-spacing:0;color:#9aa79f}
.box-main-login-page-otino .otino_otp_container{display:flex;direction:ltr;justify-content:center;gap:10px;flex-wrap:wrap}
.box-main-login-page-otino .otino_otp_item{width:56px !important;height:60px;padding:0 !important;text-align:center;font-size:22px !important}
.box-main-login-page-otino button,.box-main-login-page-otino .woocommerce-form-login__submit{
  min-height:56px;border-radius:calc(14px * var(--hb-rs)) !important;background:var(--ink) !important;color:#fff !important;font-size:16px !important;font-weight:800 !important;transition:background .2s ease}
.box-main-login-page-otino button:hover{background:var(--hb-ink-hover) !important}
.box-main-login-page-otino .otino-inbound-fallback-btn{background:transparent !important;color:var(--ink) !important;border:1.5px solid var(--line) !important}
.box-main-login-page-otino .otp-change-phone-otino,.box-main-login-page-otino .otp-time-reset-otino{font-size:13.5px;color:var(--muted);text-align:center}
.box-main-login-page-otino .change-phone-now-otino{color:var(--hb-gold-dark);font-weight:700;cursor:pointer}
.box-main-login-page-otino .response-otino{padding:10px 14px;font-size:14px;line-height:1.8}
.box-main-login-page-otino .roles-text-under-form-login-lobgu{margin-top:6px;font-size:12.5px;line-height:1.9;color:#8a9a92}
.box-main-login-page-otino .roles-text-under-form-login-lobgu a{color:var(--hb-gold-dark) !important}
/* minimal: no image panel, form centered */
.box-main-login-page-otino .image-side-form-otino{display:none !important}
@media (max-width:600px){.box-main-login-page-otino .login-form-box-otino{align-items:flex-start;padding:24px 16px}.box-main-login-page-otino .go-back-btn-login-page-otino{top:-6px;right:-4px}}
@media (max-width:420px){.box-main-login-page-otino .otino_otp_item{width:48px !important;height:54px}}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .hba-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hba-cards li:first-child{grid-column:1 / -1}
  .hba-courses{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "nav" "main";gap:18px}
  .woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;padding:6px;overflow-x:auto;scrollbar-width:none}
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .woocommerce-MyAccount-navigation li a{white-space:nowrap;padding:9px 12px;font-size:14px}
  .woocommerce-MyAccount-navigation-link--customer-logout{margin:0 !important;padding:0 !important;border:0 !important}
}
@media (max-width:600px){
  .hba-head{padding-bottom:16px}
  .hba-avatar{width:46px;height:46px;font-size:18px}
  .hba-cards{grid-template-columns:minmax(0,1fr)}
  .woocommerce-EditAccountForm{grid-template-columns:minmax(0,1fr)}
  .woocommerce-EditAccountForm > .form-row-first,.woocommerce-EditAccountForm > .form-row-last{grid-column:1 / -1}
  .hba-support{flex-direction:column;align-items:stretch;text-align:center}
  .woocommerce-account .woocommerce-info .button{width:100%}
}
@media (max-width:768px){
  /* orders table → cards (WooCommerce adds data-title on each cell) */
  .woocommerce-account table.shop_table_responsive thead{display:none}
  .woocommerce-account table.shop_table_responsive tr{display:block;border-top:1px solid var(--line)}
  .woocommerce-account table.shop_table_responsive tr:first-child{border-top:0}
  .woocommerce-account table.shop_table_responsive td{display:flex !important;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px !important;border:0 !important;text-align:left !important}
  .woocommerce-account table.shop_table_responsive td::before{content:attr(data-title);float:none !important;font-weight:700;color:var(--muted);font-size:13px}
  .woocommerce-account table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions::before{content:none}
  .woocommerce-account table.shop_table_responsive td.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{width:100%}
}
@media (prefers-reduced-motion:reduce){.hba-card,.hba-course a,.hba-toast{transition:none}}