/*
 * FILE: assets/css/pages/myaccount.css
 * PATTERN Gold & Diamond Jewellery
 */
.pg-account-wrap { max-width: 1200px; margin: 0 auto; padding: 40px 0 80px; }
.pg-account-header { display:flex; align-items:center; justify-content:space-between; padding:0 0 28px; border-bottom:.5px solid rgba(212,175,55,.1); margin-bottom:40px; }
.pg-account-user { display:flex; align-items:center; gap:16px; }
.pg-account-avatar { border-radius:50%; border:2px solid rgba(212,175,55,.2); }
.pg-account-greeting { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#666; }
.pg-account-name { font-family:var(--font-serif, Georgia, serif); font-size:1.2rem; color:#f0ead8; margin-top:2px; }

.pg-account-layout { display:grid; grid-template-columns:220px 1fr; gap:48px; align-items:start; }
@media(max-width:800px){ .pg-account-layout{ grid-template-columns:1fr; } }

/* Nav */
.pg-account-nav { display:flex; flex-direction:column; gap:2px; }
.pg-account-nav-link { display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:8px; font-size:13px; color:#888; text-decoration:none; transition:background .2s,color .2s; border:.5px solid transparent; }
.pg-account-nav-link:hover { background:rgba(212,175,55,.05); color:#f0ead8; border-color:rgba(212,175,55,.1); }
.pg-account-nav-link.is-active { background:rgba(212,175,55,.08); color:#D4AF37; border-color:rgba(212,175,55,.2); }
.pg-account-nav-icon { flex-shrink:0; opacity:.7; }
.pg-account-nav-link.is-active .pg-account-nav-icon { opacity:1; }

/* Content */
.pg-account-content { min-height:400px; }
.pg-account-content p,
.woocommerce-MyAccount-content p { color:#888; line-height:1.7; font-size:14px; }
.pg-account-content h2,
.pg-account-content h3,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 { font-family:var(--font-serif, Georgia, serif); font-weight:400; color:#f0ead8; margin-bottom:16px; }
.pg-account-content .woocommerce-Message,
.pg-account-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content .woocommerce-info { padding:14px 20px; border-left:3px solid #D4AF37; background:rgba(212,175,55,.06); border-radius:0 6px 6px 0; color:#c8bfa8; font-size:13px; margin-bottom:20px; }
.pg-account-content table,
.woocommerce-MyAccount-content table { width:100%; border-collapse:collapse; font-size:13px; }
.pg-account-content table th,
.woocommerce-MyAccount-content table th { padding:10px 12px; border-bottom:.5px solid rgba(212,175,55,.15); color:#D4AF37; font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; text-align:left; }
.pg-account-content table td,
.woocommerce-MyAccount-content table td { padding:14px 12px; border-bottom:.5px solid rgba(255,255,255,.04); color:#c8bfa8; vertical-align:middle; }
.pg-account-content a.button,
.pg-account-content button[type="submit"],
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button[type="submit"] { display:inline-flex; align-items:center; padding:.65rem 1.4rem; background:linear-gradient(135deg,#D4AF37,#B8960C); color:#0a0a0a; font-weight:600; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; border:none; border-radius:4px; cursor:pointer; text-decoration:none; }
.pg-account-content .form-row,
.woocommerce-MyAccount-content .form-row { margin-bottom:18px; }
.pg-account-content .form-row label,
.woocommerce-MyAccount-content .form-row label { display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#666; margin-bottom:6px; }
.pg-account-content .form-row input[type="text"],
.pg-account-content .form-row input[type="email"],
.pg-account-content .form-row input[type="password"],
.pg-account-content .form-row input[type="tel"],
.woocommerce-MyAccount-content .form-row input { width:100%; background:rgba(255,255,255,.04); border:.5px solid rgba(212,175,55,.15); border-radius:6px; padding:11px 13px; font-size:13px; color:#f0ead8; outline:none; transition:border-color .2s; }
.pg-account-content .form-row input:focus,
.woocommerce-MyAccount-content .form-row input:focus { border-color:rgba(212,175,55,.4); }