/*
 * VisaTeck Store 1.0.2 — compatible WooCommerce/Core account palette.
 * All rules are scoped to WooCommerce My Account, leaving order/error status
 * indicators and the backend untouched. The JS adapter adds the vt-* classes.
 */
.woocommerce-account .woocommerce-MyAccount-content.vt-account-branded {
  --ic-accent:var(--blue);
  --ic-primary:var(--blue);
  --ic-brand:var(--blue);
  --ic-brand-primary:var(--blue);
  --ic-highlight:var(--blue-soft);
  --ic-dashboard-accent:var(--blue);
  --ic-dashboard-primary:var(--blue);
  --ic-dashboard-surface:var(--surface);
  --ic-dashboard-border:var(--line);
  --ic-dashboard-text:var(--ink);
}

/* Account page heading — matches the shop typography without dominating it. */
.woocommerce-account .content-area .entry-title,
.woocommerce-account .content-area > article > h1,
.woocommerce-account .content-area > h1 {
  font-size:clamp(30px,3.1vw,46px)!important;
  line-height:1.15;
  margin-bottom:24px!important;
  letter-spacing:-.04em;
}
.woocommerce-account .woocommerce-MyAccount-content.vt-account-branded {
  min-width:0;
}

/* Hero: dark navy and blue, not the former Inforchannel forest green. */
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero {
  color:#fff!important;
  background-color:#0a2341!important;
  background-image:radial-gradient(circle at 100% 12%,rgba(9,181,244,.18),transparent 43%),
      linear-gradient(115deg,#071827 0%,#0c2c55 60%,#11539c 100%)!important;
  border:1px solid rgba(76,177,255,.22)!important;
  box-shadow:0 16px 42px rgba(6,34,67,.11)!important;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero :is(h1,h2,h3,strong) {color:#fff!important;}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero :is(p,small) {color:#d7eaff!important;}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero .vt-account-primary,
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero .vt-account-primary:hover {
  color:#fff!important;
  background:#1267ec!important;
  border-color:#1267ec!important;
  text-decoration:none!important;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero .vt-account-primary:hover {background:#0958d3!important;border-color:#0958d3!important;}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero .vt-account-secondary {
  color:#0b2a50!important;
  background:#fff!important;
  border:1px solid #fff!important;
  text-decoration:none!important;
  opacity:1!important;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero .vt-account-secondary:hover {background:#eaf4ff!important;}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-hero a:not(.vt-account-primary):not(.vt-account-secondary) {color:#eaf6ff!important;}

/* Local portal tabs use exactly the same accent as the catalogue UI. */
.woocommerce-account .woocommerce-MyAccount-content .vt-account-tabs .vt-account-tab {
  color:var(--ink)!important;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:8px;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-tabs .vt-account-tab:is(.active,.is-active,.selected,[aria-selected="true"],[aria-current="page"]),
.woocommerce-account .woocommerce-MyAccount-content .vt-account-tabs :is(.active,.is-active,.selected) > .vt-account-tab {
  color:#fff!important;
  background:var(--blue)!important;
  border-color:var(--blue)!important;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-tabs .vt-account-tab:hover:not(.active):not(.is-active):not(.selected):not([aria-selected="true"]) {
  background:var(--blue-soft)!important;
  color:var(--blue)!important;
}

/* Metric cards are neutral blue-white (light) / midnight-blue (dark). */
.woocommerce-account .woocommerce-MyAccount-content .vt-account-metric {
  background:#f4f8ff!important;
  background-image:none!important;
  border-color:#dfebfa!important;
  color:#101b30!important;
  box-shadow:0 2px 12px rgba(8,51,104,.025)!important;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-metric :is(strong,b,[class*="value"],[class*="number"]) {color:#0b2f5e!important;}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-metric :is(span,small,p) {color:#526781!important;}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content .vt-account-metric {
  background:#11253d!important;
  background-image:none!important;
  border-color:#2c4665!important;
  color:#f1f7ff!important;
  box-shadow:none!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content .vt-account-metric :is(strong,b,[class*="value"],[class*="number"]) {color:#f6fbff!important;}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content .vt-account-metric :is(span,small,p) {color:#b2c8e1!important;}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content .vt-account-tabs .vt-account-tab:not(.active):not(.is-active):not(.selected):not([aria-selected="true"]) {
  background:#14253a!important;
  border-color:#35516e!important;
  color:#e6f1ff!important;
}

@media (max-width:760px) {
  .woocommerce-account .content-area .entry-title,
  .woocommerce-account .content-area > article > h1,
  .woocommerce-account .content-area > h1 {font-size:32px!important;margin-bottom:17px!important;}
  .woocommerce-account .woocommerce-MyAccount-content .vt-account-hero {padding:22px!important;}
  .woocommerce-account .woocommerce-MyAccount-content .vt-account-hero :is(h1,h2,h3) {font-size:clamp(28px,7vw,40px)!important;}
}

/*
 * 1.0.2: Professional/wholesale access and any other sizeable legacy Core
 * green containers. This restores the blue/navy palette in customer subsections
 * without changing meaningful success/error status chips or notices.
 */
.woocommerce-account .woocommerce-MyAccount-content.vt-account-branded {
  --vt-account-panel:#f3f8ff;
  --vt-account-panel-border:#d5e5f8;
  --vt-account-field:#fff;
  --vt-account-field-border:#bbd2ea;
  --vt-account-placeholder:#677f9b;
  --vt-account-copy:#506884;
}
.woocommerce-account .woocommerce-MyAccount-content .vt-account-professional,
.woocommerce-account .woocommerce-MyAccount-content .vt-core-legacy-panel {
  background:#f3f8ff!important;
  background-image:linear-gradient(125deg,#f0f7ff 0%,#fff 95%)!important;
  border:1px solid #d5e5f8!important;
  color:#101b30!important;
  box-shadow:0 12px 32px rgba(16,57,107,.045)!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(h1,h2,h3,h4,h5,label,legend,strong) {
  color:#12243d!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(p,small,.description,.form-row .description) {
  color:#516b89!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),textarea,select) {
  background:#fff!important;
  background-image:none!important;
  border:1px solid #bbd2ea!important;
  color:#132943!important;
  box-shadow:none!important;
  opacity:1!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(input,textarea)::placeholder {
  color:#617e9e!important;
  opacity:1;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(input,textarea,select):focus {
  border-color:#1267ec!important;
  outline:2px solid rgba(18,103,236,.22)!important;
  outline-offset:1px;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(a:not(.button):not(.vt-account-primary):not(.vt-core-legacy-cta), .woocommerce-privacy-policy-link) {
  color:#0958d3!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(.vt-account-primary,.vt-core-legacy-cta),
.woocommerce-account .woocommerce-MyAccount-content .vt-account-primary,
.woocommerce-account .woocommerce-MyAccount-content .vt-core-legacy-cta {
  color:#fff!important;
  background:#1267ec!important;
  background-image:none!important;
  border-color:#1267ec!important;
  opacity:1!important;
  text-decoration:none!important;
}
.woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-primary,.vt-core-legacy-cta):hover {
  background:#0958d3!important;
  border-color:#0958d3!important;
  color:#fff!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content.vt-account-branded {
  --vt-account-panel:#12263f;
  --vt-account-panel-border:#2c4868;
  --vt-account-field:#162b42;
  --vt-account-field-border:#3c5774;
  --vt-account-placeholder:#b3c5da;
  --vt-account-copy:#bbcee5;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) {
  background:#12263f!important;
  background-image:linear-gradient(125deg,#10253d 0%,#153454 100%)!important;
  border-color:#2d4866!important;
  color:#edf6ff!important;
  box-shadow:0 12px 32px rgba(0,0,0,.12)!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(h1,h2,h3,h4,h5,label,legend,strong) {
  color:#f5f9ff!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(p,small,.description,.form-row .description) {
  color:#bfd1e6!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),textarea,select) {
  background:#152c45!important;
  background-image:none!important;
  border-color:#3d5a78!important;
  color:#f2f8ff!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(input,textarea)::placeholder {
  color:#adc4dc!important;
}
html[data-ic-theme="dark"] .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) :is(a:not(.button):not(.vt-account-primary):not(.vt-core-legacy-cta), .woocommerce-privacy-policy-link) {
  color:#8bd5ff!important;
}
@media(max-width:760px) {
  .woocommerce-account .woocommerce-MyAccount-content :is(.vt-account-professional,.vt-core-legacy-panel) {
    max-width:100%;
  }
  .woocommerce-account .woocommerce-MyAccount-content .vt-account-professional :is(input,textarea,select) {
    max-width:100%!important;
  }
}