/* ===== Optic One — My Account (safe, no layout overrides) ===== */
:root{
  --oo-text:#1d2430; --oo-sub:#6b7280; --oo-brand:#0d6efd;
  --oo-border:#e5e7eb; --oo-card:#fff; --oo-r:14px; --oo-shadow:0 6px 18px rgba(0,0,0,.06);
}

/* Do NOT set grid/flex on the whole .woocommerce wrapper. Let theme handle layout. */

/* Sidebar nav – just make it pretty */
.woocommerce-MyAccount-navigation{
  background:var(--oo-card);
  border:1px solid var(--oo-border);
  border-radius:var(--oo-r);
  box-shadow:var(--oo-shadow);
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:10px}
.woocommerce-MyAccount-navigation li{margin:6px 0}
.woocommerce-MyAccount-navigation a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:10px;
  color:var(--oo-text);text-decoration:none
}
.woocommerce-MyAccount-navigation a:hover{background:#f6f8fb}
.woocommerce-MyAccount-navigation .is-active a{background:#eef2ff;color:#1e40af}

/* Content area cards (don’t change widths/layout) */
.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--oo-card);
  border:1px solid var(--oo-border);
  border-radius:var(--oo-r);
  box-shadow:var(--oo-shadow);
  padding:16px;
}

/* Buttons */
.button--primary, .woocommerce a.button.alt{
  background:var(--oo-brand)!important;color:#fff!important;border-radius:10px
}
.button--ghost{background:#f6f8fb!important;border-radius:10px}

/* Fix headings in addresses/orders so they don’t blow up */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-size:18px; line-height:1.3; margin:0 0 12px 0;
}

/* Tidy address columns */
.woocommerce-MyAccount-content .woocommerce-Addresses{gap:16px}
.woocommerce-MyAccount-content .woocommerce-Address{border:1px solid var(--oo-border);border-radius:10px;padding:12px}

/* WhatsApp strip spacing */
.oo-wa{display:block;margin-top:14px;background:#25D366;color:#fff;border:1px solid #1DA851;border-radius:6px;padding:12px 15px;text-align:center;text-decoration:none}
.oo-wa b{font-weight:700}

.woocommerce-MyAccount-content a.edit {
  display: inline-block;
  background-color: #25D366; /* WhatsApp green */
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease;
}
.woocommerce-MyAccount-content a.edit:hover {
  background-color: #1da851;
}