:root {
  --mcc-primary: #B33F6B;
  --mcc-primary-dark: #7E2347;
  --mcc-primary-soft: #E7A9BD;
  --mcc-surface: #FFF9FB;
  --mcc-soft: #FAE9F0;
  --mcc-ink: #2E2529;
  --mcc-muted: #776a70;
  --mcc-line: rgba(126, 35, 71, 0.12);
  --mcc-white: #fff;
  --mcc-success: #198754;
  --mcc-warning: #a76900;
  --mcc-danger: #b42318;
  --mcc-shadow: 0 18px 50px rgba(64, 31, 45, 0.08);
  --mcc-radius-xl: 28px;
  --mcc-radius-lg: 22px;
  --mcc-radius-md: 16px;
}

.mcc-account-page {
  background:
    radial-gradient(circle at 10% 0%, rgba(231, 169, 189, .22), transparent 32rem),
    linear-gradient(180deg, #fff 0%, var(--mcc-surface) 100%);
}

.mcc-account-page .woocommerce {
  direction: inherit;
  color: var(--mcc-ink);
}

/*
 * Do not use WoodMart's My Account wrapper as the layout grid.
 * v1.1 owns a stable inner shell so theme wrappers cannot squeeze the panel.
 */
.mcc-account-authenticated .woocommerce {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/*
 * v1.2 builds this shell from the already-rendered WooCommerce navigation and
 * content. Keep the grid LTR so the physical columns are unambiguous, then set
 * each child back to RTL for Persian content.
 */
.mcc-account-shell {
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-areas: "content sidebar";
  gap: 26px;
  align-items: start;
  width: min(1320px, calc(100% - 40px));
  max-width: 1320px;
  margin: 36px auto 72px;
}

.mcc-account-shell > .mcc-account-sidebar {
  grid-area: sidebar;
  min-width: 0;
}

.mcc-account-shell > .mcc-account-content,
.mcc-account-shell > .woocommerce-MyAccount-content {
  grid-area: content;
  min-width: 0;
}

/* Sidebar */
.mcc-account-sidebar {
  position: sticky;
  top: 24px;
  overflow: hidden;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--mcc-line);
  border-radius: var(--mcc-radius-xl);
  box-shadow: var(--mcc-shadow);
  backdrop-filter: blur(12px);
}

.mcc-account-identity {
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 22px 18px 18px;
  border-bottom: 1px solid var(--mcc-line);
  background: linear-gradient(145deg, rgba(250,233,240,.92), #fff 70%);
}

.mcc-account-avatar,
.mcc-account-avatar img {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 18px;
}

.mcc-account-avatar img {
  object-fit: cover;
  border: 3px solid #fff;
  box-shadow: 0 8px 22px rgba(126,35,71,.14);
}

.mcc-account-usertext {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mcc-account-usertext .mcc-account-hi {
  font-size: 11px;
  color: var(--mcc-primary);
  font-weight: 700;
}

.mcc-account-usertext strong {
  font-size: 14px;
  line-height: 1.65;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcc-account-usertext small {
  direction: ltr;
  text-align: right;
  font-size: 10px;
  color: var(--mcc-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation {
  width: 100% !important;
  float: none !important;
  padding: 10px;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation li::before,
.mcc-account-sidebar .woocommerce-MyAccount-navigation li::after,
.mcc-account-sidebar .woocommerce-MyAccount-navigation a::after {
  content: none !important;
  display: none !important;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 10px 44px 10px 13px;
  border-radius: 14px;
  color: #54484d;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  transition: .2s ease;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation a::before,
.mcc-icon::before {
  content: '';
  position: absolute;
  width: 19px;
  height: 19px;
  background: currentColor;
  mask-size: 19px 19px;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: 19px 19px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation a::before {
  right: 15px;
  color: #98878e;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation a:hover {
  color: var(--mcc-primary-dark);
  background: var(--mcc-soft);
  transform: translateX(-2px);
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation .is-active a {
  color: #fff;
  background: linear-gradient(135deg, var(--mcc-primary), var(--mcc-primary-dark));
  box-shadow: 0 10px 24px rgba(179,63,107,.2);
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation .is-active a::before { color: #fff; }
.mcc-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mcc-danger); }
.mcc-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: #fff1f0; color: var(--mcc-danger); }

/* Icon masks */
.mcc-nav-dashboard a::before, .mcc-icon-user::before { mask-image: 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.9'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E"); }
.mcc-nav-orders a::before, .mcc-icon-bag::before { mask-image: 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.9'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E"); }
.mcc-nav-licenses a::before, .mcc-icon-key::before { mask-image: 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.9'%3E%3Ccircle cx='8' cy='12' r='4'/%3E%3Cpath d='M12 12h9M18 12v3M15 12v2'/%3E%3C/svg%3E"); }
.mcc-nav-downloads a::before, .mcc-icon-download::before { mask-image: 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.9'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 20h16'/%3E%3C/svg%3E"); }
.mcc-nav-edit-address a::before, .mcc-icon-pin::before { mask-image: 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.9'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.mcc-nav-payment-methods a::before, .mcc-icon-card::before { mask-image: 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.9'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E"); }
.mcc-nav-edit-account a::before, .mcc-icon-shield::before { mask-image: 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.9'%3E%3Cpath d='M12 3 20 6v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.mcc-nav-customer-logout a::before { mask-image: 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.9'%3E%3Cpath d='M10 4H5v16h5M14 8l4 4-4 4M8 12h10'/%3E%3C/svg%3E"); }
.mcc-icon-wallet::before { mask-image: 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.9'%3E%3Cpath d='M4 7h15a2 2 0 0 1 2 2v10H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12v3'/%3E%3Cpath d='M16 12h5v4h-5a2 2 0 1 1 0-4Z'/%3E%3C/svg%3E"); }

.mcc-account-sidebar-footer {
  padding: 0 14px 14px;
}

.mcc-store-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  border: 1px dashed rgba(179,63,107,.28);
  border-radius: 13px;
  color: var(--mcc-primary-dark);
  background: rgba(250,233,240,.55);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

/* Main content */
.mcc-account-shell > .woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
  min-width: 0;
  padding: 28px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--mcc-line);
  border-radius: var(--mcc-radius-xl);
  box-shadow: var(--mcc-shadow);
  opacity: .985;
  transform: translateY(3px);
  transition: opacity .22s ease, transform .22s ease;
}

.mcc-account-shell > .woocommerce-MyAccount-content.mcc-content-ready { opacity: 1; transform: none; }
.mcc-account-shell > .woocommerce-MyAccount-content > p:first-child,
.mcc-account-shell > .woocommerce-MyAccount-content > p:nth-child(2) { color: var(--mcc-muted); }

.mcc-dashboard ~ p { display: none !important; }

.mcc-welcome-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 24px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.16), transparent 13rem),
    linear-gradient(135deg, var(--mcc-primary), var(--mcc-primary-dark));
  box-shadow: 0 18px 34px rgba(126,35,71,.18);
}

.mcc-eyebrow {
  display: inline-block;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--mcc-primary);
}

.mcc-welcome-card .mcc-eyebrow { color: #ffdce8; }
.mcc-welcome-card h2 { margin: 0 0 7px; color: #fff; font-size: clamp(21px, 2.4vw, 29px); line-height: 1.5; }
.mcc-welcome-card p { margin: 0; max-width: 640px; color: rgba(255,255,255,.83); font-size: 12.5px; line-height: 2; }

.mcc-primary-btn,
.mcc-account-page .woocommerce a.button,
.mcc-account-page .woocommerce button.button,
.mcc-account-page .woocommerce input.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--mcc-primary), var(--mcc-primary-dark)) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none;
  box-shadow: 0 9px 22px rgba(179,63,107,.17);
  transition: .2s ease;
}

.mcc-welcome-card .mcc-primary-btn { background: #fff !important; color: var(--mcc-primary-dark) !important; white-space: nowrap; }
.mcc-primary-btn:hover,
.mcc-account-page .woocommerce a.button:hover,
.mcc-account-page .woocommerce button.button:hover,
.mcc-account-page .woocommerce input.button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(179,63,107,.22); }

.mcc-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.mcc-stat-card {
  display: flex;
  gap: 12px;
  align-items: center;
  min-height: 84px;
  padding: 14px;
  border: 1px solid var(--mcc-line);
  border-radius: 18px;
  background: #fff;
  text-decoration: none;
  color: var(--mcc-ink);
  transition: .2s ease;
}

.mcc-stat-card:hover { transform: translateY(-2px); border-color: rgba(179,63,107,.24); box-shadow: 0 13px 25px rgba(61,31,43,.06); }
.mcc-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; color: var(--mcc-primary); background: var(--mcc-soft); }
.mcc-icon::before { position: static; width: 21px; height: 21px; mask-size: 21px 21px; -webkit-mask-size: 21px 21px; }
.mcc-stat-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mcc-stat-copy small { color: var(--mcc-muted); font-size: 10.5px; }
.mcc-stat-copy strong { color: var(--mcc-ink); font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mcc-stat-copy .woocommerce-Price-amount { font-size: 14px; }

.mcc-quick-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.mcc-quick-card { display: grid; grid-template-columns: 42px minmax(0,1fr) 20px; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--mcc-line); border-radius: 18px; color: var(--mcc-ink); background: linear-gradient(180deg,#fff,#fffafb); text-decoration: none; transition: .2s ease; }
.mcc-quick-card:hover { border-color: rgba(179,63,107,.25); transform: translateY(-2px); }
.mcc-quick-card > span:nth-child(2) { display:flex; flex-direction:column; gap:3px; min-width:0; }
.mcc-quick-card strong { font-size: 12.5px; }
.mcc-quick-card small { color: var(--mcc-muted); font-size: 10.5px; line-height: 1.8; }
.mcc-quick-card i { color: var(--mcc-primary); font-style: normal; font-size: 18px; }

.mcc-recent-orders { margin-top: 8px; padding: 18px; border: 1px solid var(--mcc-line); border-radius: 20px; }
.mcc-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.mcc-section-head h3 { margin:0; font-size:16px; }
.mcc-section-head a { font-size:11px; font-weight:700; color:var(--mcc-primary); text-decoration:none; }
.mcc-order-mini-list { display:flex; flex-direction:column; gap:8px; }
.mcc-order-mini { display:grid; grid-template-columns:minmax(90px,1fr) minmax(160px,1fr) 20px; align-items:center; gap:12px; padding:12px 13px; border-radius:14px; background:#fffafb; color:var(--mcc-ink); text-decoration:none; }
.mcc-order-mini-main,.mcc-order-mini-status { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.mcc-order-mini-main span { font-size:10.5px; color:var(--mcc-muted); }
.mcc-order-mini-status { justify-content:flex-end; }
.mcc-order-mini-status b { font-size:11px; }
.mcc-order-arrow { color:var(--mcc-primary); }

.mcc-status { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border-radius:999px; background:#f1eef0; color:#62575c; font-size:9.5px; font-weight:750; white-space:nowrap; }
.mcc-status-completed { background:#e8f7ef; color:#18794e; }
.mcc-status-processing { background:#edf5ff; color:#1769aa; }
.mcc-status-on-hold { background:#fff5dd; color:#8a5a00; }
.mcc-status-cancelled,.mcc-status-failed,.mcc-status-refunded { background:#fff0ef; color:#b42318; }

/* Generic Woo tables */
.mcc-account-page .woocommerce table.shop_table,
.mcc-account-page .woocommerce table.my_account_orders {
  width:100%;
  margin: 4px 0 18px;
  border:1px solid var(--mcc-line) !important;
  border-collapse: separate !important;
  border-spacing:0;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.mcc-account-page .woocommerce table.shop_table th { padding:12px 11px; background:#fff8fb; color:#6b5961; font-size:10px; border:0; border-bottom:1px solid var(--mcc-line); }
.mcc-account-page .woocommerce table.shop_table td { padding:13px 11px; font-size:11px; vertical-align:middle; border:0; border-bottom:1px solid rgba(126,35,71,.07); }
.mcc-account-page .woocommerce table.shop_table tr:last-child td { border-bottom:0; }
.mcc-order-thumb { position:relative; display:inline-flex; width:44px; height:44px; border-radius:12px; overflow:hidden; background:var(--mcc-soft); }
.mcc-order-thumb img { width:100%; height:100%; object-fit:cover; }
.mcc-order-count { display:inline-flex; min-width:22px; height:22px; align-items:center; justify-content:center; margin-inline-start:-7px; border-radius:999px; background:var(--mcc-primary-dark); color:#fff; font-size:9px; }

/* Forms */
.mcc-account-page .woocommerce form {
  border-color: var(--mcc-line) !important;
}
.mcc-account-page .woocommerce form .form-row { margin-bottom:14px; }
.mcc-account-page .woocommerce form label { margin-bottom:6px; color:#62535a; font-size:11px; font-weight:700; }
.mcc-account-page .woocommerce input.input-text,
.mcc-account-page .woocommerce input[type="text"],
.mcc-account-page .woocommerce input[type="email"],
.mcc-account-page .woocommerce input[type="password"],
.mcc-account-page .woocommerce input[type="tel"],
.mcc-account-page .woocommerce textarea,
.mcc-account-page .woocommerce select {
  width:100%;
  min-height:46px;
  padding:10px 13px;
  border:1px solid rgba(126,35,71,.15) !important;
  border-radius:13px !important;
  outline:none;
  background:#fff !important;
  color:var(--mcc-ink) !important;
  box-shadow:none !important;
  transition:.2s ease;
}
.mcc-account-page .woocommerce textarea { min-height:110px; }
.mcc-account-page .woocommerce input:focus,
.mcc-account-page .woocommerce textarea:focus,
.mcc-account-page .woocommerce select:focus { border-color:rgba(179,63,107,.55) !important; box-shadow:0 0 0 4px rgba(179,63,107,.08) !important; }
.mcc-account-page .woocommerce fieldset { margin:24px 0 10px; padding:18px; border:1px solid var(--mcc-line); border-radius:16px; }
.mcc-account-page .woocommerce legend { padding:0 8px; color:var(--mcc-primary-dark); font-size:12px; font-weight:800; }

/* Notices */
.mcc-account-page .woocommerce-message,
.mcc-account-page .woocommerce-info,
.mcc-account-page .woocommerce-error { border:0; border-radius:15px; padding:14px 45px 14px 14px; font-size:11px; box-shadow:none; }
.mcc-account-page .woocommerce-message { background:#eefaf4; color:#176c49; }
.mcc-account-page .woocommerce-info { background:#f3f7ff; color:#315b91; }
.mcc-account-page .woocommerce-error { background:#fff2f1; color:#9b2c24; }
.mcc-account-page .woocommerce-message::before,
.mcc-account-page .woocommerce-info::before,
.mcc-account-page .woocommerce-error::before { top:13px; right:16px; left:auto; }

/* Addresses */
.mcc-account-page .woocommerce-Address,
.mcc-account-page .woocommerce-address-fields,
.mcc-account-page .woocommerce-EditAccountForm {
  border:1px solid var(--mcc-line);
  border-radius:18px;
  padding:18px;
  background:#fff;
}
.mcc-account-page .woocommerce-Address-title h2 { font-size:16px; }
.mcc-account-page .woocommerce-Address-title a { color:var(--mcc-primary); font-size:11px; font-weight:700; }
.mcc-account-page address { color:var(--mcc-muted); font-size:11.5px; line-height:2; }

/* Licenses */
.mcc-page-head { margin-bottom:18px; }
.mcc-page-head h2 { margin:0 0 6px; font-size:22px; }
.mcc-page-head p { margin:0; color:var(--mcc-muted); font-size:11.5px; line-height:1.9; }
.mcc-license-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.mcc-license-card { overflow:hidden; display:grid; grid-template-columns:105px minmax(0,1fr); min-height:175px; border:1px solid var(--mcc-line); border-radius:19px; background:#fff; }
.mcc-license-media { padding:12px 0 12px 12px; }
.mcc-license-media img { width:100%; height:100%; min-height:140px; object-fit:cover; border-radius:14px; }
.mcc-license-body { padding:15px; min-width:0; }
.mcc-license-topline { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.mcc-license-topline small { color:var(--mcc-muted); font-size:9.5px; }
.mcc-license-body h3 { margin:10px 0 6px; font-size:13px; line-height:1.8; }
.mcc-license-meta { color:var(--mcc-muted); font-size:10px; }
.mcc-license-keybox { position:relative; display:grid; grid-template-columns:1fr auto; gap:4px 8px; margin-top:10px; padding:9px 10px; border:1px dashed rgba(179,63,107,.25); border-radius:12px; background:#fff9fb; }
.mcc-license-keybox > span { grid-column:1/-1; color:var(--mcc-muted); font-size:9px; }
.mcc-license-keybox code { direction:ltr; text-align:left; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; background:transparent; }
.mcc-copy-btn { border:0; border-radius:8px; padding:5px 8px; background:var(--mcc-soft); color:var(--mcc-primary-dark); font-size:9px; font-weight:800; cursor:pointer; }
.mcc-copy-btn.is-copied { background:#e8f7ef; color:#18794e; }
.mcc-license-pending { margin-top:10px; padding:8px 9px; border-radius:11px; background:#f7f5f6; color:var(--mcc-muted); font-size:9.5px; line-height:1.7; }
.mcc-license-actions { display:flex; gap:8px; margin-top:10px; }
.mcc-license-actions a { font-size:9.5px; font-weight:750; color:var(--mcc-primary); text-decoration:none; }

/* Empty */
.mcc-empty-state { text-align:center; padding:28px 16px; border:1px dashed rgba(179,63,107,.23); border-radius:17px; background:#fff9fb; }
.mcc-empty-state .mcc-empty-icon { font-size:28px; margin-bottom:6px; }
.mcc-empty-state strong { display:block; margin-bottom:5px; font-size:13px; }
.mcc-empty-state p { margin:0 auto 14px; max-width:480px; color:var(--mcc-muted); font-size:10.5px; line-height:1.9; }
.mcc-empty-wide { padding:44px 18px; }

/* Logged-out / Login / Register */
.mcc-account-guest .woocommerce {
  max-width:1180px;
  margin:38px auto 72px;
  padding:0 20px;
}
.mcc-login-hero {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(200px,.72fr) minmax(0,1.3fr);
  gap:28px;
  align-items:end;
  min-height:245px;
  margin-bottom:18px;
  padding:30px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.15), transparent 16rem),
    linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark));
  box-shadow:0 24px 55px rgba(126,35,71,.19);
}
.mcc-login-hero::after { content:''; position:absolute; width:240px; height:240px; left:-70px; bottom:-120px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.03),0 0 0 70px rgba(255,255,255,.025); }
.mcc-login-brand { position:relative; z-index:1; display:flex; align-items:center; gap:12px; }
.mcc-login-mark { display:grid; place-items:center; width:54px; height:54px; border-radius:17px; color:var(--mcc-primary-dark); background:#fff; font-family:Georgia,serif; font-size:28px; font-weight:bold; }
.mcc-login-brand div { display:flex; flex-direction:column; gap:2px; }
.mcc-login-brand div span { font-size:12px; font-weight:800; letter-spacing:.04em; }
.mcc-login-brand small { color:rgba(255,255,255,.68); font-size:10px; }
.mcc-login-copy { position:relative; z-index:1; }
.mcc-login-copy .mcc-eyebrow { color:#ffdce8; }
.mcc-login-copy h1 { margin:0 0 9px; color:#fff; font-size:clamp(25px,3.5vw,42px); line-height:1.45; }
.mcc-login-copy p { max-width:620px; margin:0; color:rgba(255,255,255,.8); font-size:12px; line-height:2; }
.mcc-login-features { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.mcc-login-features span { padding:7px 10px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.08); font-size:9.5px; }

.mcc-account-guest #customer_login { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 !important; }
.mcc-account-guest #customer_login > .u-column1,
.mcc-account-guest #customer_login > .u-column2 { width:100% !important; float:none !important; padding:24px !important; border:1px solid var(--mcc-line); border-radius:22px; background:#fff; box-shadow:var(--mcc-shadow); }
.mcc-account-guest #customer_login h2 { margin:0 0 16px; font-size:20px; }
.mcc-account-guest #customer_login form.login,
.mcc-account-guest #customer_login form.register { margin:0; padding:0; border:0 !important; }
.mcc-account-guest .woocommerce-form-login__rememberme { display:inline-flex; align-items:center; gap:6px; margin-inline-end:10px; }
.mcc-account-guest .lost_password { margin-top:12px; }
.mcc-account-guest .lost_password a { color:var(--mcc-primary); font-size:10.5px; font-weight:700; }
.mcc-login-help { display:flex; gap:10px; align-items:center; margin-top:16px; padding:14px 16px; border:1px solid var(--mcc-line); border-radius:15px; background:#fffafb; }
.mcc-login-help strong { font-size:10.5px; white-space:nowrap; }
.mcc-login-help span { color:var(--mcc-muted); font-size:10px; }

/* Lost password, reset */
.mcc-account-guest .woocommerce-ResetPassword { max-width:560px; margin:28px auto; padding:24px; border:1px solid var(--mcc-line); border-radius:22px; background:#fff; box-shadow:var(--mcc-shadow); }

/* Mobile */
@media (max-width: 1024px) {
  .mcc-account-shell { grid-template-columns:minmax(0,1fr) 250px; gap:18px; width:calc(100% - 28px); }
  .mcc-account-shell > .woocommerce-MyAccount-content { padding:20px; }
  .mcc-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mcc-license-grid { grid-template-columns:1fr; }
}

@media (max-width: 767px) {
  .mcc-account-page { overflow-x:hidden; }
  .mcc-account-shell { display:flex; flex-direction:column; width:calc(100% - 22px); margin:14px auto 45px; gap:12px; }
  .mcc-account-shell > .mcc-account-sidebar,
  .mcc-account-shell > .mcc-account-content { width:100%; grid-column:auto; }
  .mcc-account-sidebar { position:relative; top:auto; margin-bottom:12px; border-radius:20px; }
  .mcc-account-identity { padding:13px; }
  .mcc-account-avatar,.mcc-account-avatar img { width:45px; height:45px; flex-basis:45px; border-radius:14px; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation { overflow-x:auto; padding:8px; scrollbar-width:none; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation::-webkit-scrollbar { display:none; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation ul { flex-direction:row; width:max-content; gap:5px; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation li { flex:0 0 auto; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation a { min-height:39px; padding:8px 34px 8px 11px; border-radius:12px; font-size:10.5px; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation a::before { right:10px; width:16px; height:16px; mask-size:16px 16px; -webkit-mask-size:16px 16px; }
  .mcc-account-sidebar-footer { display:none; }
  .mcc-account-shell > .woocommerce-MyAccount-content { padding:14px; border-radius:20px; }
  .mcc-welcome-card { display:block; padding:18px; border-radius:18px; }
  .mcc-welcome-card p { font-size:10.5px; }
  .mcc-welcome-card .mcc-primary-btn { width:100%; margin-top:13px; }
  .mcc-stat-grid { gap:8px; margin-top:10px; }
  .mcc-stat-card { min-height:72px; padding:10px; border-radius:14px; }
  .mcc-icon { width:36px; height:36px; flex-basis:36px; border-radius:11px; }
  .mcc-icon::before { width:18px; height:18px; mask-size:18px 18px; -webkit-mask-size:18px 18px; }
  .mcc-stat-copy small { font-size:9px; }
  .mcc-stat-copy strong,.mcc-stat-copy .woocommerce-Price-amount { font-size:11.5px; }
  .mcc-quick-grid { grid-template-columns:1fr; gap:8px; margin:10px 0; }
  .mcc-recent-orders { padding:13px; border-radius:16px; }
  .mcc-order-mini { grid-template-columns:1fr auto; gap:8px; }
  .mcc-order-mini-status { justify-content:flex-start; }
  .mcc-order-arrow { display:none; }

  .mcc-account-page .woocommerce table.shop_table_responsive thead { display:none; }
  .mcc-account-page .woocommerce table.shop_table_responsive tbody tr { display:block; padding:10px; border-bottom:1px solid var(--mcc-line); }
  .mcc-account-page .woocommerce table.shop_table_responsive tbody tr:last-child { border-bottom:0; }
  .mcc-account-page .woocommerce table.shop_table_responsive tr td { display:flex !important; justify-content:space-between; align-items:center; gap:12px; padding:7px 3px !important; border:0 !important; text-align:left !important; }
  .mcc-account-page .woocommerce table.shop_table_responsive tr td::before { float:none !important; color:var(--mcc-muted); font-size:9.5px; font-weight:700; }
  .mcc-account-page .woocommerce table.my_account_orders td.mcc-preview { justify-content:flex-start !important; }
  .mcc-account-page .woocommerce table.my_account_orders td.mcc-preview::before { display:none; }
  .mcc-account-page .woocommerce table.my_account_orders .woocommerce-orders-table__cell-order-actions a { width:100%; }

  .mcc-license-card { grid-template-columns:82px minmax(0,1fr); }
  .mcc-license-media { padding:10px 0 10px 10px; }
  .mcc-license-media img { min-height:115px; }
  .mcc-license-body { padding:11px; }
  .mcc-license-body h3 { font-size:11.5px; }
  .mcc-license-keybox { grid-template-columns:1fr; }
  .mcc-license-keybox code { font-size:9px; }
  .mcc-copy-btn { width:100%; }

  .mcc-account-guest .woocommerce { margin:14px auto 45px; padding:0 11px; }
  .mcc-login-hero { display:block; min-height:0; padding:20px; border-radius:20px; }
  .mcc-login-brand { margin-bottom:28px; }
  .mcc-login-copy h1 { font-size:25px; }
  .mcc-login-copy p { font-size:10.5px; }
  .mcc-login-features { gap:6px; }
  .mcc-login-features span { font-size:8.5px; padding:6px 8px; }
  .mcc-account-guest #customer_login { grid-template-columns:1fr; gap:10px; }
  .mcc-account-guest #customer_login > .u-column1,
  .mcc-account-guest #customer_login > .u-column2 { padding:17px !important; border-radius:18px; }
  .mcc-login-help { align-items:flex-start; flex-direction:column; gap:3px; }
}


/* WoodMart / theme conflict hardening */
.mcc-account-page .wd-my-account-sidebar,
.mcc-account-page .wd-my-account-sidebar .woocommerce-MyAccount-navigation,
.mcc-account-page .woocommerce-MyAccount-navigation {
  width: auto;
  max-width: none;
  float: none;
}

.mcc-account-shell .woocommerce-MyAccount-navigation ul,
.mcc-account-shell .woocommerce-MyAccount-navigation li,
.mcc-account-shell .woocommerce-MyAccount-navigation a {
  box-sizing: border-box;
}

.mcc-account-shell::before,
.mcc-account-shell::after {
  display: none !important;
  content: none !important;
}

/* Professional logout confirmation */
.mcc-logout-modal[hidden] { display:none !important; }
.mcc-logout-modal { position:fixed; inset:0; z-index:999999; display:grid; place-items:center; padding:18px; direction:inherit; }
.mcc-logout-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(46,37,41,.48); backdrop-filter:blur(4px); cursor:default; }
.mcc-logout-card { position:relative; z-index:1; width:min(420px,100%); padding:26px; border:1px solid rgba(255,255,255,.5); border-radius:24px; background:#fff; box-shadow:0 24px 70px rgba(46,37,41,.22); text-align:center; }
.mcc-logout-icon { display:grid; place-items:center; width:54px; height:54px; margin:0 auto 12px; border-radius:18px; background:var(--mcc-soft); color:var(--mcc-primary-dark); font-size:26px; font-weight:800; }
.mcc-logout-card h3 { margin:0 0 6px; color:var(--mcc-ink); font-size:19px; }
.mcc-logout-card p { margin:0; color:var(--mcc-muted); font-size:11px; line-height:1.9; }
.mcc-logout-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:20px; }
.mcc-secondary-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 15px; border:1px solid var(--mcc-line); border-radius:14px; background:#fff; color:var(--mcc-ink); font-size:12px; font-weight:750; cursor:pointer; }
body.mcc-logout-open { overflow:hidden; }

@media (prefers-reduced-motion: reduce) {
  .mcc-account-page *, .mcc-account-page *::before, .mcc-account-page *::after { transition:none !important; scroll-behavior:auto !important; }
}

.mcc-account-guest #customer_login > :only-child { grid-column: 1 / -1; width:100% !important; max-width:620px; margin-inline:auto; }

/* WooCommerce's stock dashboard intro/outro remains available to extensions,
   but the custom dashboard replaces the visible copy. */
.mcc-endpoint-dashboard .mcc-account-content > p { display:none !important; }

/* Theme conflict hardening: never let WoodMart float or hide the real content. */
.mcc-account-shell > .woocommerce-MyAccount-content.mcc-account-content {
  display:block !important;
  visibility:visible !important;
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
}

/* ===== v1.3: stable sidebar icons + native license endpoint compatibility ===== */
.mcc-account-sidebar .woocommerce-MyAccount-navigation a {
  gap: 11px;
  padding: 10px 13px !important;
}

/* WoodMart and several account extensions inject icon-font pseudo elements.
   v1.3 renders controlled inline SVGs instead, so no squares/gibberish appear. */
.mcc-account-sidebar .woocommerce-MyAccount-navigation a::before,
.mcc-account-sidebar .woocommerce-MyAccount-navigation a::after,
.mcc-account-sidebar .woocommerce-MyAccount-navigation li::before,
.mcc-account-sidebar .woocommerce-MyAccount-navigation li::after {
  content: none !important;
  display: none !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.mcc-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  color: #9a8790;
  transition: color .2s ease, transform .2s ease;
}

.mcc-nav-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  overflow: visible;
}

.mcc-nav-label {
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.65;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation a:hover .mcc-nav-icon {
  color: var(--mcc-primary);
  transform: scale(1.04);
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation .is-active a .mcc-nav-icon {
  color: #fff;
}

.mcc-account-sidebar .woocommerce-MyAccount-navigation-link--customer-logout a .mcc-nav-icon,
.mcc-nav-customer-logout a .mcc-nav-icon {
  color: var(--mcc-danger);
}

.mcc-account-avatar {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.42), transparent 34%),
    linear-gradient(135deg, var(--mcc-primary-soft), var(--mcc-primary));
  color: #fff;
  border: 3px solid #fff;
  box-shadow: 0 8px 22px rgba(126,35,71,.14);
}

.mcc-avatar-initial {
  display: block;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

/* Keep third-party account pages such as SpotPlayer readable inside our shell. */
.mcc-account-content > :first-child { margin-top: 0 !important; }
.mcc-account-content > :last-child { margin-bottom: 0 !important; }
.mcc-account-content img { max-width: 100%; height: auto; }
.mcc-account-content pre,
.mcc-account-content code,
.mcc-account-content input,
.mcc-account-content textarea { max-width: 100%; }

@media (max-width: 760px) {
  .mcc-account-sidebar .woocommerce-MyAccount-navigation a {
    min-height: 43px;
    padding: 9px 11px !important;
  }
  .mcc-nav-icon { width: 19px; height: 19px; flex-basis: 19px; }
  .mcc-nav-icon svg { width: 18px; height: 18px; }
}


/* ===== v1.4: proper mobile account navigation ===== */
.mcc-mobile-nav-toggle { display:none; }

@media (max-width: 767px) {
  /* The JS shell appends content before sidebar for desktop grid placement.
     Explicit ordering prevents the account navigation from falling below the
     entire dashboard on phones. */
  .mcc-account-shell > .mcc-account-sidebar { order:-1; }
  .mcc-account-shell > .mcc-account-content,
  .mcc-account-shell > .woocommerce-MyAccount-content { order:0; }

  .mcc-account-sidebar {
    margin-bottom:0;
    overflow:hidden;
    box-shadow:0 12px 34px rgba(64,31,45,.075);
  }

  .mcc-account-identity {
    min-height:68px;
    padding:11px 12px;
  }

  .mcc-account-usertext .mcc-account-hi { font-size:9.5px; }
  .mcc-account-usertext strong { font-size:12.5px; }
  .mcc-account-usertext small { font-size:9px; }

  .mcc-mobile-nav-toggle {
    width:calc(100% - 16px);
    min-height:52px;
    margin:8px;
    padding:8px 11px;
    border:1px solid rgba(179,63,107,.12);
    border-radius:14px;
    background:#fff9fb;
    color:var(--mcc-ink);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:right;
    cursor:pointer;
    font:inherit;
  }

  .mcc-mobile-nav-toggle-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
  }
  .mcc-mobile-nav-toggle-copy small {
    color:var(--mcc-muted);
    font-size:8.5px;
    font-weight:650;
  }
  .mcc-mobile-nav-toggle-copy strong {
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--mcc-primary-dark);
    font-size:11.5px;
  }
  .mcc-mobile-nav-toggle-action {
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--mcc-primary);
    font-size:10px;
    font-weight:800;
  }
  .mcc-mobile-nav-toggle-action svg {
    width:15px;
    height:15px;
    transition:transform .22s ease;
  }

  /* No JS = normal visible menu. With enhancement enabled, collapse it. */
  .mcc-account-sidebar.mcc-mobile-nav-enabled .mcc-account-navigation {
    max-height:0;
    padding-top:0;
    padding-bottom:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:max-height .28s ease, opacity .2s ease, padding .2s ease, visibility .2s ease;
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation {
    max-height:680px;
    padding-top:7px;
    padding-bottom:9px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .mcc-account-sidebar.is-mobile-open .mcc-mobile-nav-toggle-action svg { transform:rotate(180deg); }

  /* A vertical menu is easier to scan than a long horizontal strip and does
     not hide important endpoints such as logout or licenses off-screen. */
  .mcc-account-sidebar .woocommerce-MyAccount-navigation { overflow:visible; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation ul {
    width:100%;
    flex-direction:column;
    gap:3px;
  }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation li { width:100%; }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation a {
    width:100%;
    min-height:42px;
    border-radius:12px;
    font-size:10.5px;
  }
  .mcc-account-sidebar-footer { display:block; padding:0 8px 9px; }
  .mcc-account-sidebar.mcc-mobile-nav-enabled .mcc-account-sidebar-footer {
    display:none;
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-sidebar-footer {
    display:block;
  }
  .mcc-store-link { min-height:39px; border-radius:11px; font-size:9.5px; }

  /* Slightly tighter first viewport: account controls + useful dashboard data
     appear without wasting vertical space. */
  .mcc-account-shell { margin-top:12px; gap:10px; }
  .mcc-account-shell > .woocommerce-MyAccount-content { padding:12px; }
  .mcc-welcome-card { padding:17px; }
  .mcc-welcome-card h2 { font-size:20px; }
}

/* ===== v1.4.1: calmer mobile navigation palette + WoodMart hardening =====
 * WoodMart applies a strong global button background. The account toggle is a
 * navigation control, not a CTA, so keep it neutral and let the active account
 * item carry the brand color instead.
 */
.mcc-mobile-nav-toggle {
  display: none !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--mcc-ink) !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .mcc-mobile-nav-toggle {
    display: flex !important;
    width: calc(100% - 16px) !important;
    min-height: 54px !important;
    margin: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(126,35,71,.10) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #fff 0%, #fffafb 100%) !important;
    color: var(--mcc-ink) !important;
    box-shadow: 0 5px 16px rgba(64,31,45,.035) !important;
    text-transform: none !important;
  }

  .mcc-mobile-nav-toggle:hover,
  .mcc-mobile-nav-toggle:focus,
  .mcc-mobile-nav-toggle:active,
  .mcc-account-sidebar.is-mobile-open .mcc-mobile-nav-toggle {
    background: #fff !important;
    background-image: none !important;
    color: var(--mcc-ink) !important;
    border-color: rgba(179,63,107,.18) !important;
    box-shadow: 0 6px 18px rgba(64,31,45,.05) !important;
  }

  .mcc-mobile-nav-toggle-copy small {
    color: #8d7d84 !important;
  }

  .mcc-mobile-nav-toggle-copy strong {
    color: var(--mcc-primary-dark) !important;
  }

  .mcc-mobile-nav-toggle-action {
    min-height: 31px;
    padding: 5px 9px;
    border: 1px solid rgba(179,63,107,.10);
    border-radius: 10px;
    background: var(--mcc-soft);
    color: var(--mcc-primary-dark) !important;
  }

  .mcc-account-sidebar.is-mobile-open .mcc-mobile-nav-toggle-action {
    background: #f7dde7;
  }
}

/* ===== v1.5.0: lightweight motion system =====
 * Motion is intentionally short, event-driven and transform/opacity based so
 * the account UI feels alive without turning into a distracting animation demo.
 */
:root {
  --mcc-motion-fast: 160ms;
  --mcc-motion-base: 260ms;
  --mcc-motion-slow: 420ms;
  --mcc-motion-ease: cubic-bezier(.22,.8,.22,1);
  --mcc-motion-spring: cubic-bezier(.2,.9,.25,1.12);
}

/* Reveal only after JS has opted an element into the system. No-JS remains safe. */
.mcc-motion-ready [data-mcc-reveal] {
  opacity: 0;
  transform: translate3d(0, 12px, 0) scale(.994);
  filter: blur(1.5px);
  transition:
    opacity var(--mcc-motion-slow) var(--mcc-motion-ease),
    transform var(--mcc-motion-slow) var(--mcc-motion-ease),
    filter var(--mcc-motion-base) ease;
  transition-delay: var(--mcc-reveal-delay, 0ms);
  will-change: opacity, transform;
}
.mcc-motion-ready [data-mcc-reveal].is-mcc-visible {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  filter: blur(0);
  will-change: auto;
}

/* Hero gets a soft reflective pass only on interaction, never an infinite loop. */
.mcc-welcome-card,
.mcc-login-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.mcc-welcome-card::after,
.mcc-login-hero::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -45%;
  bottom: -45%;
  width: 34%;
  left: -42%;
  transform: rotate(14deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  opacity: 0;
  pointer-events: none;
  transition: left .72s var(--mcc-motion-ease), opacity .18s ease;
}
.mcc-welcome-card > *,
.mcc-login-hero > * { position: relative; z-index: 1; }

/* Micro-interactions */
.mcc-account-avatar,
.mcc-icon,
.mcc-account-sidebar .woocommerce-MyAccount-navigation a::before,
.mcc-quick-card i,
.mcc-order-arrow,
.mcc-mobile-nav-toggle-action svg,
.mcc-store-link,
.mcc-copy-btn {
  transition:
    transform var(--mcc-motion-base) var(--mcc-motion-ease),
    color var(--mcc-motion-fast) ease,
    background-color var(--mcc-motion-fast) ease,
    box-shadow var(--mcc-motion-base) ease,
    border-color var(--mcc-motion-fast) ease,
    opacity var(--mcc-motion-fast) ease;
}

.mcc-account-sidebar,
.mcc-account-shell > .woocommerce-MyAccount-content,
.mcc-stat-card,
.mcc-quick-card,
.mcc-recent-orders,
.mcc-order-mini,
.mcc-license-card,
.mcc-empty-state,
.mcc-account-page .woocommerce-Address,
.mcc-account-page .woocommerce-address-fields,
.mcc-account-page .woocommerce-EditAccountForm,
.mcc-account-guest #customer_login > .u-column1,
.mcc-account-guest #customer_login > .u-column2,
.mcc-login-help {
  transition:
    transform var(--mcc-motion-base) var(--mcc-motion-ease),
    box-shadow var(--mcc-motion-base) ease,
    border-color var(--mcc-motion-fast) ease,
    background-color var(--mcc-motion-fast) ease;
}

/* Buttons: press feedback and a very small highlight sweep. */
.mcc-primary-btn,
.mcc-account-page .woocommerce a.button,
.mcc-account-page .woocommerce button.button,
.mcc-account-page .woocommerce input.button,
.mcc-secondary-btn {
  position: relative;
  overflow: hidden;
  transition:
    transform var(--mcc-motion-fast) var(--mcc-motion-ease),
    box-shadow var(--mcc-motion-base) ease,
    filter var(--mcc-motion-fast) ease !important;
}
.mcc-primary-btn:active,
.mcc-account-page .woocommerce a.button:active,
.mcc-account-page .woocommerce button.button:active,
.mcc-account-page .woocommerce input.button:active,
.mcc-secondary-btn:active {
  transform: translateY(0) scale(.985) !important;
}

/* Fields should react, not jump. */
.mcc-account-page .woocommerce input[type="text"],
.mcc-account-page .woocommerce input[type="email"],
.mcc-account-page .woocommerce input[type="password"],
.mcc-account-page .woocommerce input[type="tel"],
.mcc-account-page .woocommerce textarea,
.mcc-account-page .woocommerce select {
  transition:
    border-color var(--mcc-motion-fast) ease,
    box-shadow var(--mcc-motion-base) ease,
    background-color var(--mcc-motion-fast) ease,
    transform var(--mcc-motion-fast) ease;
}
.mcc-account-page .woocommerce input:focus,
.mcc-account-page .woocommerce textarea:focus,
.mcc-account-page .woocommerce select:focus {
  transform: translateY(-1px);
}

/* Table and order interactions. */
.mcc-account-page .woocommerce table.shop_table tbody tr,
.mcc-account-page .woocommerce table.my_account_orders tbody tr {
  transition: background-color var(--mcc-motion-fast) ease, transform var(--mcc-motion-fast) ease;
}

/* Copy feedback is a one-shot confirmation. */
.mcc-copy-btn.is-copied {
  animation: mccCopyPop .34s var(--mcc-motion-spring) both;
}
@keyframes mccCopyPop {
  0% { transform: scale(1); }
  45% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

/* Alerts arrive gently. */
.mcc-account-page .woocommerce-message,
.mcc-account-page .woocommerce-info,
.mcc-account-page .woocommerce-error {
  transform-origin: top center;
}

/* Logout dialog animation; hidden attribute still owns accessibility/state. */
.mcc-logout-modal:not([hidden]) .mcc-logout-backdrop {
  animation: mccBackdropIn .2s ease both;
}
.mcc-logout-modal:not([hidden]) .mcc-logout-card {
  animation: mccDialogIn .34s var(--mcc-motion-spring) both;
}
@keyframes mccBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes mccDialogIn {
  from { opacity: 0; transform: translateY(12px) scale(.965); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Mobile accordion: more natural than a hard max-height snap. */
@media (max-width: 767px) {
  .mcc-account-sidebar.mcc-mobile-nav-enabled .mcc-account-navigation {
    transform: translateY(-5px);
    transform-origin: top center;
    transition:
      max-height .34s var(--mcc-motion-ease),
      opacity .2s ease,
      transform .28s var(--mcc-motion-ease),
      padding .22s ease,
      visibility .2s ease;
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation {
    transform: translateY(0);
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled .mcc-account-navigation li {
    opacity: .25;
    transform: translateY(-4px);
    transition: opacity .2s ease, transform .28s var(--mcc-motion-ease);
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li {
    opacity: 1;
    transform: none;
  }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li:nth-child(2) { transition-delay: 25ms; }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li:nth-child(3) { transition-delay: 45ms; }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li:nth-child(4) { transition-delay: 65ms; }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li:nth-child(5) { transition-delay: 85ms; }
  .mcc-account-sidebar.mcc-mobile-nav-enabled.is-mobile-open .mcc-account-navigation li:nth-child(n+6) { transition-delay: 105ms; }
}

/* Hover motion only where a real hover device exists. */
@media (hover: hover) and (pointer: fine) {
  .mcc-account-sidebar:hover .mcc-account-avatar { transform: translateY(-2px) scale(1.025); }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation a:hover::before { transform: scale(1.12) rotate(-3deg); }
  .mcc-account-sidebar .woocommerce-MyAccount-navigation .is-active a:hover::before { transform: scale(1.08); }

  .mcc-welcome-card:hover::after,
  .mcc-login-hero:hover::before { left: 112%; opacity: 1; }

  .mcc-stat-card:hover .mcc-icon,
  .mcc-quick-card:hover .mcc-icon { transform: translateY(-2px) scale(1.06); box-shadow: 0 8px 18px rgba(179,63,107,.09); }
  .mcc-quick-card:hover i { transform: translateX(-3px); }
  .mcc-order-mini:hover { transform: translateX(-2px); background: #fff6f9; }
  .mcc-order-mini:hover .mcc-order-arrow { transform: translateX(-3px); }
  .mcc-license-card:hover { transform: translateY(-3px); border-color: rgba(179,63,107,.22); box-shadow: 0 16px 32px rgba(64,31,45,.07); }
  .mcc-license-card:hover .mcc-license-media img { transform: scale(1.018); }
  .mcc-license-media img { transition: transform .4s var(--mcc-motion-ease); }
  .mcc-store-link:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(179,63,107,.07); }
  .mcc-copy-btn:hover { transform: translateY(-1px); }
  .mcc-account-page .woocommerce table.shop_table tbody tr:hover,
  .mcc-account-page .woocommerce table.my_account_orders tbody tr:hover { background: rgba(250,233,240,.32); }
  .mcc-account-guest #customer_login > .u-column1:hover,
  .mcc-account-guest #customer_login > .u-column2:hover { transform: translateY(-2px); border-color: rgba(179,63,107,.18); }
}

/* Accessibility + performance: user preference wins, and nothing essential
 * depends on motion to become visible. */
@media (prefers-reduced-motion: reduce) {
  .mcc-account-page *,
  .mcc-account-page *::before,
  .mcc-account-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    transition-delay: 0ms !important;
  }
  .mcc-motion-ready [data-mcc-reveal] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* v1.6 — Passwordless OTP + account security */
.mcc-otp-login {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px;
  padding: 24px;
  border: 1px solid var(--mcc-line);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(250,233,240,.48));
  box-shadow: var(--mcc-shadow);
}
.mcc-otp-login::before {
  content: '';
  position: absolute;
  inset: auto -80px -110px auto;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231,169,189,.22), transparent 66%);
  pointer-events: none;
}
.mcc-otp-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.mcc-otp-head h2 { margin: 3px 0 4px; font-size: 21px; color: var(--mcc-ink); }
.mcc-otp-head p { margin: 0; color: var(--mcc-muted); font-size: 10.5px; line-height: 1.9; }
.mcc-otp-lock {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 17px;
  color: var(--mcc-primary);
  background: var(--mcc-soft);
  font-size: 22px;
  box-shadow: inset 0 0 0 1px rgba(179,63,107,.08);
}
.mcc-otp-stage { position: relative; z-index: 1; }
.mcc-otp-stage[hidden] { display: none !important; }
.mcc-otp-stage label:not(.mcc-otp-remember) { display: block; margin: 0 0 7px; font-size: 10.5px; font-weight: 800; color: var(--mcc-ink); }
.mcc-otp-input-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: stretch; }
.mcc-otp-input-row input {
  width: 100%;
  min-height: 50px;
  margin: 0 !important;
  padding: 0 15px !important;
  border: 1px solid rgba(126,35,71,.16) !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: var(--mcc-ink) !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mcc-otp-input-row input:focus {
  border-color: rgba(179,63,107,.52) !important;
  box-shadow: 0 0 0 4px rgba(179,63,107,.08) !important;
}
#mcc-otp-code { letter-spacing: .36em; text-align: center; font-size: 21px !important; font-weight: 800; }
.mcc-otp-input-row .mcc-primary-btn {
  min-width: 132px;
  min-height: 50px;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.mcc-otp-input-row .mcc-primary-btn:disabled { opacity: .62; cursor: wait; }
.mcc-otp-remember { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--mcc-muted); font-size: 10px; cursor: pointer; }
.mcc-otp-remember input { accent-color: var(--mcc-primary); }
.mcc-otp-note { display: block; margin-top: 10px; color: var(--mcc-muted); font-size: 9.3px; line-height: 1.9; }
.mcc-otp-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.mcc-otp-destination {
  margin-bottom: 13px;
  padding: 10px 12px;
  border: 1px solid rgba(25,135,84,.13);
  border-radius: 13px;
  color: #35614c;
  background: rgba(25,135,84,.055);
  font-size: 10px;
}
.mcc-otp-destination strong { color: var(--mcc-ink); direction: ltr; unicode-bidi: plaintext; }
.mcc-otp-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.mcc-otp-link {
  appearance: none;
  padding: 0;
  border: 0;
  color: var(--mcc-primary);
  background: transparent;
  font: inherit;
  font-size: 9.8px;
  font-weight: 750;
  cursor: pointer;
}
.mcc-otp-link:disabled { color: var(--mcc-muted); opacity: .62; cursor: default; }
.mcc-otp-status { position: relative; z-index: 1; min-height: 0; margin-top: 12px; border-radius: 12px; font-size: 10px; line-height: 1.8; }
.mcc-otp-status:not(:empty) { padding: 9px 11px; border: 1px solid transparent; }
.mcc-otp-status.is-error { color: #8d2b26; border-color: rgba(180,35,24,.12); background: rgba(180,35,24,.055); }
.mcc-otp-status.is-success { color: #326649; border-color: rgba(25,135,84,.12); background: rgba(25,135,84,.055); }
.mcc-otp-status.is-info { color: var(--mcc-muted); background: #faf8f9; }
.mcc-login-divider { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-top: 17px; color: var(--mcc-muted); font-size: 9.5px; }
.mcc-login-divider::before,
.mcc-login-divider::after { content: ''; height: 1px; flex: 1; background: var(--mcc-line); }
.mcc-otp-login.is-verified { border-color: rgba(25,135,84,.28); box-shadow: 0 18px 50px rgba(25,135,84,.08); }
.mcc-otp-login.has-complete-code #mcc-otp-code { border-color: rgba(25,135,84,.3) !important; }

.mcc-security-head { margin-bottom: 15px; }
.mcc-security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.mcc-security-card {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 104px;
  padding: 16px;
  border: 1px solid var(--mcc-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #fff, rgba(250,233,240,.32));
  transition: transform .25s var(--mcc-motion-ease, ease), border-color .2s ease, box-shadow .25s ease;
}
.mcc-security-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 15px;
  color: var(--mcc-primary);
  background: var(--mcc-soft);
  font-size: 19px;
}
.mcc-security-card div { min-width: 0; }
.mcc-security-card small { display: block; margin-bottom: 3px; color: var(--mcc-muted); font-size: 9px; }
.mcc-security-card strong { display: block; color: var(--mcc-ink); font-size: 12px; }
.mcc-security-card p { margin: 4px 0 0; color: var(--mcc-muted); font-size: 9px; line-height: 1.65; overflow-wrap: anywhere; }
.mcc-security-actions-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 12px;
  padding: 18px;
  border: 1px solid var(--mcc-line);
  border-radius: 18px;
  background: #fff;
}
.mcc-security-actions-card h3 { margin: 0 0 5px; font-size: 13px; }
.mcc-security-actions-card p { margin: 0; color: var(--mcc-muted); font-size: 9.8px; line-height: 1.8; }
.mcc-security-actions-card form { margin: 0; }
.mcc-danger-soft { color: var(--mcc-danger) !important; border-color: rgba(180,35,24,.18) !important; background: rgba(180,35,24,.045) !important; white-space: nowrap; }

@media (hover: hover) and (pointer: fine) {
  .mcc-security-card:hover { transform: translateY(-2px); border-color: rgba(179,63,107,.18); box-shadow: 0 14px 30px rgba(64,31,45,.055); }
  .mcc-otp-login:hover .mcc-otp-lock { transform: translateY(-1px) rotate(-2deg); }
  .mcc-otp-lock { transition: transform .25s var(--mcc-motion-ease, ease); }
}

@media (max-width: 767px) {
  .mcc-otp-login { padding: 18px; border-radius: 20px; margin-bottom: 14px; }
  .mcc-otp-head { align-items: flex-start; margin-bottom: 14px; }
  .mcc-otp-head h2 { font-size: 18px; }
  .mcc-otp-lock { width: 42px; height: 42px; flex-basis: 42px; border-radius: 14px; }
  .mcc-otp-input-row { grid-template-columns: 1fr; }
  .mcc-otp-input-row .mcc-primary-btn { width: 100%; }
  .mcc-security-grid { grid-template-columns: 1fr; }
  .mcc-security-actions-card { align-items: stretch; flex-direction: column; gap: 13px; }
  .mcc-security-actions-card .mcc-primary-btn,
  .mcc-security-actions-card .mcc-secondary-btn { width: 100%; justify-content: center; text-align: center; }
}


/* ===== v1.7.0: WPML / bidirectional layout ===== */
.mcc-dir-rtl .woocommerce { direction: rtl; text-align: right; }
.mcc-dir-ltr .woocommerce { direction: ltr; text-align: left; }

.mcc-dir-rtl .mcc-account-shell {
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-areas: "content sidebar";
}
.mcc-dir-ltr .mcc-account-shell {
  grid-template-columns: 300px minmax(0, 1fr);
  grid-template-areas: "sidebar content";
}
.mcc-dir-rtl .mcc-account-shell > .mcc-account-sidebar,
.mcc-dir-rtl .mcc-account-shell > .mcc-account-content,
.mcc-dir-rtl .mcc-account-shell > .woocommerce-MyAccount-content { direction: rtl; text-align: right; }
.mcc-dir-ltr .mcc-account-shell > .mcc-account-sidebar,
.mcc-dir-ltr .mcc-account-shell > .mcc-account-content,
.mcc-dir-ltr .mcc-account-shell > .woocommerce-MyAccount-content { direction: ltr; text-align: left; }

.mcc-dir-ltr .mcc-account-sidebar .woocommerce-MyAccount-navigation a {
  padding: 10px 13px 10px 44px;
}
.mcc-dir-ltr .mcc-account-sidebar .woocommerce-MyAccount-navigation a::before {
  left: 15px;
  right: auto;
}
.mcc-dir-ltr .mcc-account-sidebar .woocommerce-MyAccount-navigation a:hover { transform: translateX(2px); }
.mcc-dir-rtl .mcc-account-sidebar .woocommerce-MyAccount-navigation a:hover { transform: translateX(-2px); }
.mcc-dir-ltr .mcc-account-usertext small { text-align: left; }
.mcc-dir-rtl .mcc-account-usertext small { text-align: right; }
.mcc-dir-ltr .mcc-account-page .woocommerce-error::before { left:16px; right:auto; }
.mcc-dir-rtl .mcc-account-page .woocommerce-error::before { right:16px; left:auto; }
.mcc-dir-ltr .mcc-quick-card > i,
.mcc-dir-ltr .mcc-order-arrow,
.mcc-dir-ltr .mcc-store-link > span { transform: none; }

/* Email addresses, license keys, OTP identifiers and codes stay visually LTR in every language. */
.mcc-account-usertext small,
.mcc-license-keybox code,
#mcc-otp-identifier,
#mcc-otp-code,
.mcc-otp-destination strong { direction: ltr; unicode-bidi: plaintext; }

@media (max-width: 1024px) and (min-width: 768px) {
  .mcc-dir-rtl .mcc-account-shell { grid-template-columns:minmax(0,1fr) 250px; }
  .mcc-dir-ltr .mcc-account-shell { grid-template-columns:250px minmax(0,1fr); }
}

@media (max-width: 767px) {
  .mcc-dir-rtl .mcc-account-shell,
  .mcc-dir-ltr .mcc-account-shell { display:flex; flex-direction:column; }
  .mcc-dir-ltr .mcc-account-sidebar .woocommerce-MyAccount-navigation a { padding:10px 13px 10px 40px; }
}

/* SpotPlayer post-purchase & account setup guide — v1.9 */
.mcc-spot-guide {
  --spot-line: rgba(126,35,71,.13);
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 24px 0;
  padding: 26px;
  border: 1px solid var(--spot-line);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,249,251,.98));
  box-shadow: 0 22px 60px rgba(64,31,45,.08);
  color: var(--mcc-ink);
}
.mcc-spot-guide::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(231,169,189,.24), transparent 68%);
  transform: translate(-35%,-38%);
  pointer-events: none;
}
.mcc-spot-guide-hero { position: relative; display:flex; justify-content:space-between; gap:24px; align-items:center; margin-bottom:18px; }
.mcc-spot-guide-hero-copy { min-width:0; max-width:780px; }
.mcc-spot-guide-hero h2 { margin:5px 0 8px; font-size:clamp(22px,2.6vw,34px); line-height:1.45; color:var(--mcc-ink); }
.mcc-spot-guide-hero p { margin:0; max-width:760px; line-height:2; color:var(--mcc-muted); font-size:14px; }
.mcc-spot-guide-logo { width:84px; height:84px; flex:0 0 84px; color:var(--mcc-primary); filter:drop-shadow(0 12px 20px rgba(179,63,107,.14)); }
.mcc-spot-guide-logo svg { width:100%; height:100%; display:block; }
.mcc-spot-order-chip { display:inline-flex; align-items:center; min-height:30px; margin-top:12px; padding:5px 11px; border:1px solid var(--spot-line); border-radius:999px; background:#fff; color:var(--mcc-primary-dark); font-size:11px; font-weight:800; }
.mcc-spot-warning { display:flex; gap:12px; align-items:flex-start; margin:16px 0 22px; padding:14px 16px; border:1px solid rgba(167,105,0,.16); border-radius:18px; background:#fffaf0; }
.mcc-spot-warning-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:10px; background:#fff0c7; color:#8b5b00; font-weight:900; }
.mcc-spot-warning strong { display:block; margin:0 0 2px; color:#6f4a00; font-size:13px; }
.mcc-spot-warning p { margin:0; color:#806a3f; font-size:12px; line-height:1.9; }
.mcc-spot-steps { position:relative; display:grid; gap:12px; }
.mcc-spot-steps::before { content:''; position:absolute; top:28px; bottom:28px; right:22px; width:1px; background:linear-gradient(var(--mcc-primary-soft), rgba(231,169,189,.15)); }
.mcc-dir-ltr .mcc-spot-steps::before, [dir="ltr"] .mcc-spot-steps::before { right:auto; left:22px; }
.mcc-spot-step { position:relative; display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; align-items:start; padding:16px; border:1px solid var(--spot-line); border-radius:20px; background:rgba(255,255,255,.9); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.mcc-spot-step:hover { transform:translateY(-2px); border-color:rgba(179,63,107,.22); box-shadow:0 14px 34px rgba(64,31,45,.07); }
.mcc-spot-step-no { position:relative; z-index:1; display:grid; place-items:center; width:46px; height:46px; border-radius:15px; background:linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark)); color:#fff; font-size:15px; font-weight:900; box-shadow:0 9px 20px rgba(179,63,107,.18); }
.mcc-spot-step-body { min-width:0; padding-top:1px; }
.mcc-spot-step-body h3 { margin:0 0 5px; font-size:15px; line-height:1.8; color:var(--mcc-ink); }
.mcc-spot-step-body > p { margin:0; color:var(--mcc-muted); font-size:12.5px; line-height:2; }
.mcc-spot-license { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; padding:11px 12px; border-radius:15px; }
.mcc-spot-license > span { min-width:0; display:flex; flex-direction:column; gap:4px; }
.mcc-spot-license small { font-size:10.5px; font-weight:800; }
.mcc-spot-license code { direction:ltr; text-align:left; unicode-bidi:plaintext; max-width:100%; overflow:auto; padding:0; background:transparent; color:inherit; font-size:12px; font-weight:800; letter-spacing:.4px; }
.mcc-spot-license em { font-size:11px; line-height:1.8; font-style:normal; color:inherit; opacity:.8; }
.mcc-spot-license.is-ready { border:1px solid rgba(25,135,84,.15); background:#f0fff7; color:#126c45; }
.mcc-spot-license.is-pending { border:1px solid rgba(167,105,0,.14); background:#fffaf0; color:#7f5a10; }
.mcc-spot-license button, .mcc-spot-license a { flex:0 0 auto; border:0; border-radius:11px; padding:8px 11px; background:#fff; color:inherit; box-shadow:0 4px 12px rgba(0,0,0,.05); font:inherit; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; transition:.18s ease; }
.mcc-spot-license button:hover, .mcc-spot-license a:hover { transform:translateY(-1px); }
.mcc-spot-license button.is-copied { background:#dff6e9; }
.mcc-spot-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.mcc-spot-actions .mcc-primary-btn, .mcc-spot-actions .mcc-secondary-btn, .mcc-spot-help-card .mcc-secondary-btn, .mcc-spot-account-cta .mcc-primary-btn { min-height:40px; padding:9px 14px; border-radius:13px; font-size:11.5px; }
.mcc-spot-text-link { display:inline-flex; align-items:center; gap:6px; margin-top:10px; color:var(--mcc-primary-dark); font-size:12px; font-weight:800; text-decoration:none; }
.mcc-spot-text-link:hover { color:var(--mcc-primary); }
.mcc-spot-help-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; padding:16px; border:1px solid var(--spot-line); border-radius:20px; background:var(--mcc-soft); }
.mcc-spot-help-card > div { display:flex; gap:11px; align-items:flex-start; min-width:0; }
.mcc-spot-help-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:12px; background:#fff; color:var(--mcc-primary-dark); font-weight:900; }
.mcc-spot-help-card strong { display:block; margin-bottom:2px; font-size:13px; }
.mcc-spot-help-card p { margin:0; color:var(--mcc-muted); font-size:11.5px; line-height:1.9; }
.mcc-spot-account-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; padding:14px 16px; border:1px dashed rgba(179,63,107,.22); border-radius:18px; background:#fff; }
.mcc-spot-account-cta span { color:var(--mcc-muted); font-size:11.5px; line-height:1.8; }
.mcc-spotplayer-thankyou-page .mcc-spot-guide { width:min(1180px,100%); margin:28px auto; }
.mcc-icon-play::before { mask-image: 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.9'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8 6 4-6 4V8Z'/%3E%3C/svg%3E"); }
.mcc-nav-spotplayer-guide a::before { mask-image: 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.9'%3E%3Cpath d='M5 4h11a3 3 0 0 1 3 3v13H8a3 3 0 0 1-3-3V4Z'/%3E%3Cpath d='M8 20a3 3 0 0 1 0-6h11'/%3E%3Cpath d='m10 9 1.5 1.5L15 7'/%3E%3C/svg%3E"); }
@media (max-width: 767px) {
  .mcc-spot-guide { margin:16px 0; padding:17px 14px; border-radius:22px; }
  .mcc-spot-guide-hero { align-items:flex-start; gap:12px; }
  .mcc-spot-guide-hero h2 { font-size:21px; }
  .mcc-spot-guide-hero p { font-size:12.5px; line-height:1.9; }
  .mcc-spot-guide-logo { width:52px; height:52px; flex-basis:52px; }
  .mcc-spot-warning { padding:12px; }
  .mcc-spot-steps::before { right:17px; }
  .mcc-dir-ltr .mcc-spot-steps::before, [dir="ltr"] .mcc-spot-steps::before { right:auto; left:17px; }
  .mcc-spot-step { grid-template-columns:36px minmax(0,1fr); gap:11px; padding:13px 11px; border-radius:17px; }
  .mcc-spot-step-no { width:36px; height:36px; border-radius:12px; font-size:13px; }
  .mcc-spot-step-body h3 { font-size:13.5px; }
  .mcc-spot-step-body > p { font-size:11.5px; line-height:1.9; }
  .mcc-spot-license, .mcc-spot-help-card, .mcc-spot-account-cta { align-items:stretch; flex-direction:column; }
  .mcc-spot-license button, .mcc-spot-license a, .mcc-spot-help-card .mcc-secondary-btn, .mcc-spot-account-cta .mcc-primary-btn { width:100%; text-align:center; justify-content:center; }
  .mcc-spot-actions { display:grid; grid-template-columns:1fr; }
  .mcc-spot-actions a { width:100%; justify-content:center; text-align:center; }
}
@media (prefers-reduced-motion: reduce) {
  .mcc-spot-step, .mcc-spot-license button, .mcc-spot-license a { transition:none !important; transform:none !important; }
}

/* Mitra course guide local downloads & troubleshooting — v1.9 */
.mcc-spot-download-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px dashed rgba(126,35,71,.14);
}
.mcc-spot-download-head strong { display:block; font-size:13px; color:var(--mcc-ink); }
.mcc-spot-download-head span { max-width:560px; color:var(--mcc-muted); font-size:10.8px; line-height:1.8; }
.mcc-spot-download-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:11px;
}
.mcc-spot-platform {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(126,35,71,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 20px rgba(64,31,45,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.mcc-spot-platform:hover { transform:translateY(-2px); border-color:rgba(179,63,107,.24); box-shadow:0 12px 28px rgba(64,31,45,.07); }
.mcc-spot-platform.is-recommended { border-color:rgba(179,63,107,.34); box-shadow:0 12px 30px rgba(179,63,107,.10); }
.mcc-spot-platform-rec {
  position:absolute;
  top:9px;
  inset-inline-end:9px;
  max-width:70%;
  padding:4px 7px;
  border-radius:999px;
  background:var(--mcc-soft);
  color:var(--mcc-primary-dark);
  font-size:8.5px;
  line-height:1.3;
  font-weight:900;
}
.mcc-spot-platform-meta { display:flex; flex-direction:column; gap:3px; padding-inline-end:4px; }
.mcc-spot-platform.is-recommended .mcc-spot-platform-meta { padding-inline-end:84px; }
.mcc-spot-platform-meta strong { color:var(--mcc-ink); font-size:12px; }
.mcc-spot-platform-meta small { direction:ltr; unicode-bidi:plaintext; color:var(--mcc-muted); font-size:9.5px; }
.mcc-spot-download-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark));
  color:#fff !important;
  font-size:10.8px;
  font-weight:850;
  line-height:1.4;
  text-decoration:none !important;
  text-align:center;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.mcc-spot-download-btn:hover { transform:translateY(-1px); color:#fff !important; box-shadow:0 8px 18px rgba(126,35,71,.18); }
.mcc-spot-download-btn.is-web { background:#fff; color:var(--mcc-primary-dark) !important; border:1px solid rgba(126,35,71,.16); }
.mcc-spot-download-btn.is-web:hover { color:var(--mcc-primary) !important; }
.mcc-spot-download-btn.is-disabled { background:#f6f3f4; color:#a0979b !important; border:1px dashed #ddd4d7; cursor:not-allowed; box-shadow:none; }
.mcc-spot-platform.is-soon { opacity:.72; }
.mcc-spot-local-help { margin-top:13px; padding:13px; border:1px solid rgba(126,35,71,.10); border-radius:15px; background:rgba(250,233,240,.34); }
.mcc-spot-local-help-title { display:block; margin-bottom:8px; color:var(--mcc-ink); font-size:11.5px; }
.mcc-spot-local-help details,
.mcc-spot-errors details { border-top:1px solid rgba(126,35,71,.09); }
.mcc-spot-local-help details:first-of-type,
.mcc-spot-errors details:first-of-type { border-top:0; }
.mcc-spot-local-help summary,
.mcc-spot-errors summary { position:relative; cursor:pointer; list-style:none; padding:10px 30px 10px 0; color:var(--mcc-ink); font-size:11px; font-weight:800; line-height:1.6; }
.mcc-dir-ltr .mcc-spot-local-help summary,
.mcc-dir-ltr .mcc-spot-errors summary { padding:10px 0 10px 30px; }
.mcc-spot-local-help summary::-webkit-details-marker,
.mcc-spot-errors summary::-webkit-details-marker { display:none; }
.mcc-spot-local-help summary::after,
.mcc-spot-errors summary::after { content:'+'; position:absolute; inset-inline-end:2px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:22px; height:22px; border-radius:8px; background:#fff; color:var(--mcc-primary-dark); font-size:15px; font-weight:700; transition:transform .18s ease; }
.mcc-spot-local-help details[open] summary::after,
.mcc-spot-errors details[open] summary::after { transform:translateY(-50%) rotate(45deg); }
.mcc-spot-local-help details p,
.mcc-spot-errors details p { margin:0 0 10px; padding:0 1px; color:var(--mcc-muted); font-size:10.8px; line-height:1.9; }
.mcc-spot-mini-steps { margin-top:12px; padding:12px 14px; border-radius:15px; background:var(--mcc-soft); }
.mcc-spot-mini-steps > strong { display:block; margin-bottom:6px; color:var(--mcc-ink); font-size:11.5px; }
.mcc-spot-mini-steps ol { margin:0; padding:0 22px 0 0; }
.mcc-dir-ltr .mcc-spot-mini-steps ol { padding:0 0 0 22px; }
.mcc-spot-mini-steps li { margin:3px 0; color:var(--mcc-muted); font-size:10.8px; line-height:1.85; }
.mcc-spot-errors { margin-top:12px; padding:15px 16px; border:1px solid rgba(126,35,71,.12); border-radius:19px; background:#fff; }
.mcc-spot-errors > h3 { margin:0 0 4px; color:var(--mcc-ink); font-size:13px; }
.mcc-spot-help-card { margin-bottom:0; }

@media (max-width: 900px) {
  .mcc-spot-download-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .mcc-spot-download-head { align-items:flex-start; flex-direction:column; gap:4px; }
  .mcc-spot-download-grid { grid-template-columns:1fr; }
  .mcc-spot-platform { padding:11px; }
  .mcc-spot-platform.is-recommended .mcc-spot-platform-meta { padding-inline-end:80px; }
  .mcc-spot-download-btn { min-height:41px; font-size:11px; }
  .mcc-spot-local-help, .mcc-spot-errors { padding:12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mcc-spot-platform, .mcc-spot-download-btn, .mcc-spot-local-help summary::after, .mcc-spot-errors summary::after { transition:none !important; transform:none !important; }
}

/* ===== v2.0.1: streamlined guest login + logout backdrop hardening ===== */
.mcc-account-guest .mcc-login-hero { display:none !important; }
.mcc-account-guest .mcc-otp-login { margin-top:0 !important; }

/* The backdrop is intentionally a neutral div, not a theme-styled button. */
.mcc-logout-backdrop {
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(46,37,41,.48) !important;
  box-shadow:none !important;
  opacity:1;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:default;
}

/* ===== v2.0.2: isolated professional guest login/register ===== */
.mcc-account-guest .woocommerce {
  width:min(1040px, calc(100% - 28px)) !important;
  max-width:1040px !important;
  margin:28px auto 54px !important;
  padding:0 !important;
}
.mcc-account-guest .mcc-otp-login {
  width:100%;
  margin:0 0 14px !important;
  padding:22px !important;
  border-radius:22px !important;
  box-sizing:border-box;
}
.mcc-account-guest .mcc-auth-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  clear:both !important;
}
.mcc-account-guest .mcc-auth-grid.login-only {
  grid-template-columns:minmax(0,620px) !important;
  justify-content:center;
}
.mcc-account-guest .mcc-auth-grid > .mcc-auth-card,
.mcc-account-guest .mcc-auth-grid > .u-column1,
.mcc-account-guest .mcc-auth-grid > .u-column2 {
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
  padding:22px !important;
  border:1px solid rgba(126,35,71,.11) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 16px 42px rgba(64,31,45,.055) !important;
  box-sizing:border-box !important;
}
.mcc-account-guest .mcc-auth-card-head {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.mcc-account-guest .mcc-auth-card-head > div { min-width:0; }
.mcc-account-guest .mcc-auth-card-head h2 {
  margin:0 0 4px !important;
  color:var(--mcc-ink) !important;
  font-size:19px !important;
  line-height:1.55 !important;
  text-align:inherit !important;
}
.mcc-account-guest .mcc-auth-card-head p {
  margin:0 !important;
  color:var(--mcc-muted) !important;
  font-size:10.5px !important;
  line-height:1.85 !important;
}
.mcc-account-guest .mcc-auth-icon {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
  color:var(--mcc-primary);
  background:var(--mcc-soft);
  box-shadow:inset 0 0 0 1px rgba(179,63,107,.07);
}
.mcc-account-guest .mcc-auth-icon svg { width:21px; height:21px; display:block; }
.mcc-account-guest .mcc-auth-card form.login,
.mcc-account-guest .mcc-auth-card form.register {
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.mcc-account-guest .mcc-auth-card .form-row,
.mcc-account-guest .mcc-auth-card .woocommerce-form-row {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
.mcc-account-guest .mcc-auth-card label {
  display:block !important;
  margin:0 0 6px !important;
  color:var(--mcc-ink) !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1.6 !important;
}
.mcc-account-guest .mcc-auth-card input[type="text"],
.mcc-account-guest .mcc-auth-card input[type="email"],
.mcc-account-guest .mcc-auth-card input[type="password"] {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:48px !important;
  margin:0 !important;
  padding:0 14px !important;
  border:1px solid rgba(126,35,71,.15) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--mcc-ink) !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  font-size:12px !important;
}
.mcc-account-guest .mcc-auth-card input:focus {
  border-color:rgba(179,63,107,.48) !important;
  box-shadow:0 0 0 4px rgba(179,63,107,.07) !important;
  outline:none !important;
}
.mcc-account-guest .mcc-auth-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:24px;
}
.mcc-account-guest .mcc-auth-actions .woocommerce-form-login__rememberme {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  color:var(--mcc-muted) !important;
  font-size:10px !important;
  font-weight:600 !important;
  cursor:pointer;
}
.mcc-account-guest .mcc-auth-actions input[type="checkbox"] {
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  accent-color:var(--mcc-primary);
}
.mcc-account-guest .mcc-auth-lost {
  color:var(--mcc-primary) !important;
  font-size:10px !important;
  font-weight:750 !important;
  text-decoration:none !important;
}
.mcc-account-guest .mcc-auth-submit { margin-top:auto !important; padding-top:2px !important; }
.mcc-account-guest .mcc-auth-main-btn {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:47px !important;
  margin:0 !important;
  padding:10px 16px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark)) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(126,35,71,.13) !important;
  font-size:11.5px !important;
  font-weight:850 !important;
  text-align:center !important;
}
.mcc-account-guest .mcc-auth-auto-note {
  margin:0 !important;
  padding:11px 12px !important;
  border:1px dashed rgba(179,63,107,.16) !important;
  border-radius:13px !important;
  color:var(--mcc-muted) !important;
  background:#fff9fb !important;
  font-size:9.8px !important;
  line-height:1.8 !important;
}
.mcc-account-guest .mcc-login-help {
  width:100% !important;
  margin:12px 0 0 !important;
  padding:11px 14px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.72) !important;
  box-sizing:border-box;
}
.mcc-account-guest .mcc-login-help strong { font-size:10px !important; }
.mcc-account-guest .mcc-login-help span { font-size:9.5px !important; }

/* Do not let WoodMart's login/register template styles leak into our isolated form. */
.mcc-account-guest .mcc-auth-grid .col-1,
.mcc-account-guest .mcc-auth-grid .col-2 { float:none !important; }
.mcc-account-guest .mcc-auth-grid::before,
.mcc-account-guest .mcc-auth-grid::after { display:none !important; content:none !important; }

@media (max-width:767px) {
  .mcc-account-guest .woocommerce {
    width:calc(100% - 22px) !important;
    margin:14px auto 38px !important;
  }
  .mcc-account-guest .mcc-otp-login { padding:16px !important; border-radius:19px !important; }
  .mcc-account-guest .mcc-auth-grid { grid-template-columns:1fr !important; gap:10px !important; }
  .mcc-account-guest .mcc-auth-grid > .mcc-auth-card { padding:16px !important; border-radius:18px !important; }
  .mcc-account-guest .mcc-auth-card-head { align-items:flex-start; margin-bottom:14px; }
  .mcc-account-guest .mcc-auth-icon { width:40px; height:40px; flex-basis:40px; border-radius:13px; }
  .mcc-account-guest .mcc-auth-card-head h2 { font-size:17px !important; }
  .mcc-account-guest .mcc-auth-actions { align-items:flex-start; flex-direction:column; gap:8px; }
  .mcc-account-guest .mcc-login-help { align-items:flex-start; flex-direction:column; gap:3px; }
}


/* ===== v2.0.3: hook-owned auth UI; never depend on WoodMart form-login.php ===== */
.mcc-account-guest #customer_login {
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.mcc-account-guest .mcc-auth-owned {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  margin:0 !important;
}
.mcc-account-guest .mcc-auth-owned.login-only {
  grid-template-columns:minmax(0,620px) !important;
  justify-content:center !important;
}
.mcc-account-guest .mcc-auth-owned .mcc-auth-card {
  min-height:100% !important;
}
@media (max-width:767px) {
  .mcc-account-guest .mcc-auth-owned { grid-template-columns:1fr !important; }
}


/* v2.0.4 — customer-only OTP note. */
.mcc-otp-customer-note {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.8;
  opacity: .7;
}

/* v2.0.6 — OTP action buttons: isolate from WoodMart global button styles. */
.mcc-account-guest .mcc-otp-actions {
  gap: 10px !important;
}
.mcc-account-guest .mcc-otp-actions .mcc-otp-link {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(126,35,71,.14) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.88) !important;
  background-image: none !important;
  color: var(--mcc-primary-dark) !important;
  box-shadow: 0 5px 14px rgba(64,31,45,.055) !important;
  font: inherit !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important;
}
.mcc-account-guest .mcc-otp-actions .mcc-otp-link:hover,
.mcc-account-guest .mcc-otp-actions .mcc-otp-link:focus-visible {
  background: #fff !important;
  color: var(--mcc-primary-dark) !important;
  border-color: rgba(179,63,107,.28) !important;
  box-shadow: 0 8px 20px rgba(126,35,71,.09) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}
.mcc-account-guest .mcc-otp-actions .mcc-otp-link:active {
  transform: translateY(0) scale(.985) !important;
  box-shadow: 0 3px 10px rgba(126,35,71,.07) !important;
}
.mcc-account-guest .mcc-otp-actions [data-mcc-otp-change] {
  background: #FFF9FB !important;
}
.mcc-account-guest .mcc-otp-actions [data-mcc-otp-resend]:not(:disabled) {
  background: #fff !important;
  color: var(--mcc-primary) !important;
}
.mcc-account-guest .mcc-otp-actions .mcc-otp-link:disabled,
.mcc-account-guest .mcc-otp-actions .mcc-otp-link[disabled] {
  background: #f7f4f5 !important;
  color: #9b8f94 !important;
  border-color: rgba(64,31,45,.08) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: .78 !important;
  transform: none !important;
}

/* Keep the main OTP action strong and readable regardless of theme overrides. */
.mcc-account-guest .mcc-otp-input-row .mcc-primary-btn {
  background: linear-gradient(135deg, #B33F6B, #7E2347) !important;
  color: #fff !important;
  border: 1px solid rgba(126,35,71,.08) !important;
  box-shadow: 0 10px 24px rgba(126,35,71,.16) !important;
  font-weight: 850 !important;
}
.mcc-account-guest .mcc-otp-input-row .mcc-primary-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #A93661, #6F1E3E) !important;
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(126,35,71,.22) !important;
}

@media (max-width: 575px) {
  .mcc-account-guest .mcc-otp-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .mcc-account-guest .mcc-otp-actions .mcc-otp-link {
    width: 100% !important;
    padding-inline: 10px !important;
    font-size: 9.6px !important;
  }
}


/* ===== v2.0.7: refined logout confirmation colors ===== */
body.mcc-account-page .mcc-logout-modal .mcc-logout-backdrop {
  background: rgba(35, 25, 30, .40) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

body.mcc-account-page .mcc-logout-modal .mcc-logout-card {
  border: 1px solid rgba(255,255,255,.72) !important;
  background: #fff !important;
  box-shadow: 0 22px 64px rgba(46,37,41,.18) !important;
}

body.mcc-account-page .mcc-logout-modal .mcc-logout-icon {
  background: #FAE9F0 !important;
  color: #8F294F !important;
  box-shadow: inset 0 0 0 1px rgba(179,63,107,.06) !important;
}

/* Destructive/confirm action: dark brand button. */
body.mcc-account-page .mcc-logout-modal a.mcc-primary-btn[data-mcc-logout-confirm],
body.mcc-account-page .mcc-logout-modal a.mcc-primary-btn[data-mcc-logout-confirm]:link,
body.mcc-account-page .mcc-logout-modal a.mcc-primary-btn[data-mcc-logout-confirm]:visited {
  background: linear-gradient(135deg, #B33F6B 0%, #8F294F 100%) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: 0 9px 22px rgba(143,41,79,.18) !important;
  text-shadow: none !important;
}
body.mcc-account-page .mcc-logout-modal a.mcc-primary-btn[data-mcc-logout-confirm]:hover {
  background: linear-gradient(135deg, #A93661 0%, #7E2347 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(126,35,71,.22) !important;
}

/* Cancel action: intentionally quiet so it never competes with logout. */
body.mcc-account-page .mcc-logout-modal button.mcc-secondary-btn[data-mcc-logout-cancel] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #FFF9FB !important;
  background-image: none !important;
  color: #8F294F !important;
  border: 1px solid #EAC5D3 !important;
  box-shadow: 0 4px 12px rgba(126,35,71,.05) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
body.mcc-account-page .mcc-logout-modal button.mcc-secondary-btn[data-mcc-logout-cancel]:hover,
body.mcc-account-page .mcc-logout-modal button.mcc-secondary-btn[data-mcc-logout-cancel]:focus-visible {
  background: #FBEAF0 !important;
  background-image: none !important;
  color: #7E2347 !important;
  border-color: #DFAFC0 !important;
  box-shadow: 0 8px 18px rgba(126,35,71,.09) !important;
}

body.mcc-account-page .mcc-logout-modal .mcc-logout-actions > * {
  min-height: 48px !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
}

@media (max-width: 480px) {
  body.mcc-account-page .mcc-logout-modal { padding: 14px !important; }
  body.mcc-account-page .mcc-logout-modal .mcc-logout-card {
    padding: 22px 18px 18px !important;
    border-radius: 22px !important;
  }
  body.mcc-account-page .mcc-logout-modal .mcc-logout-actions {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
}

/* Certificate — v2.2.0 */
.mcc-icon-certificate::before,
.mcc-nav-mitra-certificate a::before {
  mask-image: 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.9'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 8h8M8 12h5'/%3E%3Cpath d='m15.5 18 1.5 3 1.5-3'/%3E%3C/svg%3E");
}

.mcc-certificate-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 18px;
  align-items: start;
  padding: 24px;
  border: 1px solid var(--mcc-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 6% 12%, rgba(231,169,189,.22), transparent 220px),
    linear-gradient(180deg,#fff,#fffafb);
  box-shadow: 0 18px 44px rgba(64,31,45,.06);
}
.mcc-certificate-panel.is-issued {
  border-color: rgba(25,135,84,.18);
  background:
    radial-gradient(circle at 6% 12%, rgba(25,135,84,.08), transparent 220px),
    linear-gradient(180deg,#fff,#fbfffd);
}
.mcc-certificate-badge {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 22px;
  color: var(--mcc-primary-dark);
  background: linear-gradient(145deg,#fff,#fae9f0);
  border: 1px solid rgba(179,63,107,.12);
  box-shadow: 0 12px 26px rgba(64,31,45,.07);
}
.mcc-certificate-panel.is-issued .mcc-certificate-badge {
  color: var(--mcc-success);
  background: linear-gradient(145deg,#fff,#edf9f2);
  border-color: rgba(25,135,84,.14);
}
.mcc-certificate-badge svg { width: 34px; height: 34px; }
.mcc-certificate-copy { min-width: 0; }
.mcc-certificate-status-label {
  display: inline-flex;
  margin-bottom: 5px;
  color: var(--mcc-primary);
  font-size: 10px;
  font-weight: 800;
}
.mcc-certificate-panel.is-issued .mcc-certificate-status-label { color: var(--mcc-success); }
.mcc-certificate-copy h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.6; }
.mcc-certificate-copy > p { margin: 0; max-width: 760px; color: var(--mcc-muted); font-size: 11.5px; line-height: 2; }
.mcc-certificate-meta {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 18px;
}
.mcc-certificate-meta > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid var(--mcc-line);
  border-radius: 14px;
  background: rgba(255,255,255,.76);
}
.mcc-certificate-meta small { color: var(--mcc-muted); font-size: 9px; }
.mcc-certificate-meta strong { color: var(--mcc-ink); font-size: 11px; overflow-wrap: anywhere; }
.mcc-certificate-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.mcc-certificate-actions .mcc-primary-btn,
.mcc-certificate-actions .mcc-secondary-btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 13px; text-decoration: none; font-size: 10.5px; font-weight: 800; }
.mcc-certificate-actions .mcc-secondary-btn { border: 1px solid rgba(179,63,107,.18); background: #fff; color: var(--mcc-primary-dark); }
.mcc-certificate-actions .mcc-secondary-btn:hover { background: #fff7fa; border-color: rgba(179,63,107,.3); }
.mcc-certificate-note {
  margin-top: 16px;
  padding: 11px 13px;
  border-radius: 13px;
  font-size: 10px;
  line-height: 1.9;
}
.mcc-certificate-note.is-warning { background: #fff8e8; color: #845600; border: 1px solid rgba(167,105,0,.13); }
.mcc-certificate-footnote {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px dashed rgba(179,63,107,.18);
  border-radius: 14px;
  background: #fff9fb;
}
.mcc-certificate-footnote strong { font-size: 10.5px; }
.mcc-certificate-footnote span { color: var(--mcc-muted); font-size: 9.5px; line-height: 1.8; }

@media (max-width: 640px) {
  .mcc-certificate-panel { grid-template-columns: 1fr; padding: 18px; gap: 14px; border-radius: 20px; }
  .mcc-certificate-badge { width: 64px; height: 64px; border-radius: 18px; }
  .mcc-certificate-copy h3 { font-size: 17px; }
  .mcc-certificate-meta { grid-template-columns: 1fr; }
  .mcc-certificate-actions { display: grid; grid-template-columns: 1fr; }
  .mcc-certificate-actions .mcc-primary-btn,
  .mcc-certificate-actions .mcc-secondary-btn { width: 100%; }
}

/* === v2.3.0: configurable visual SpotPlayer guide === */
.mcc-spot-visual-guide{
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(126,35,71,.12);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,rgba(255,247,250,.86) 100%);
}
.mcc-spot-visual-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.mcc-spot-visual-head strong{display:block;color:var(--mcc-ink);font-size:13px;line-height:1.7}
.mcc-spot-visual-head p{margin:2px 0 0;color:var(--mcc-muted);font-size:10.8px;line-height:1.9}
.mcc-spot-visual-head small{flex:0 0 auto;color:var(--mcc-primary-dark);font-size:9.8px;font-weight:800}
.mcc-spot-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mcc-spot-visual-card{min-width:0;overflow:hidden;border:1px solid rgba(126,35,71,.11);border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(70,35,48,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mcc-spot-visual-card:hover{transform:translateY(-2px);border-color:rgba(179,63,107,.24);box-shadow:0 12px 30px rgba(70,35,48,.07)}
.mcc-spot-visual-card[hidden]{display:none!important}
.mcc-spot-visual-image{position:relative;display:block;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f8f5f6!important;box-shadow:none!important;cursor:zoom-in!important;overflow:hidden!important;color:inherit!important}
.mcc-spot-visual-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#f8f5f6}
.mcc-spot-visual-image>span{position:absolute;top:10px;inset-inline-start:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--mcc-primary),var(--mcc-primary-dark));color:#fff;font-size:12px;font-weight:900;box-shadow:0 7px 16px rgba(126,35,71,.2)}
.mcc-spot-visual-copy{padding:11px 12px 12px}
.mcc-spot-visual-copy strong{display:block;color:var(--mcc-ink);font-size:11.5px;line-height:1.75}
.mcc-spot-visual-copy p{margin:3px 0 0;color:var(--mcc-muted);font-size:10.5px;line-height:1.85}
.mcc-guide-lightbox[hidden]{display:none!important}
.mcc-guide-lightbox{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px}
.mcc-guide-lightbox-backdrop{position:absolute;inset:0;background:rgba(28,22,25,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mcc-guide-lightbox-card{position:relative;z-index:1;width:min(960px,96vw);max-height:92vh;padding:10px;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:auto;animation:mccGuideZoom .2s ease both}
.mcc-guide-lightbox-card img{display:block;width:100%;height:auto;max-height:calc(92vh - 20px);object-fit:contain;border-radius:13px;background:#f8f5f6}
.mcc-guide-lightbox-close{position:sticky;z-index:2;top:0;float:inline-end;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0 0 -38px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:var(--mcc-primary-dark)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;font-size:25px!important;line-height:1!important;cursor:pointer!important}
body.mcc-guide-lightbox-open{overflow:hidden}
@keyframes mccGuideZoom{from{opacity:0;transform:scale(.975) translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:767px){
  .mcc-spot-visual-guide{padding:11px;border-radius:15px}
  .mcc-spot-visual-head{align-items:flex-start;flex-direction:column;gap:3px}
  .mcc-spot-visual-grid{grid-template-columns:1fr;gap:10px}
  .mcc-spot-visual-image img{max-height:none}
  .mcc-spot-visual-copy{padding:10px 11px}
  .mcc-guide-lightbox{padding:8px}
  .mcc-guide-lightbox-card{width:100%;max-height:96vh;padding:7px;border-radius:15px}
  .mcc-guide-lightbox-card img{max-height:calc(96vh - 14px);border-radius:10px}
}
@media(prefers-reduced-motion:reduce){.mcc-spot-visual-card,.mcc-guide-lightbox-card{transition:none!important;animation:none!important;transform:none!important}}