/* =========================================================
   rkia-couture — MY ACCOUNT (luxury cards)
   ========================================================= */
.rk-account-page{padding:calc(var(--header-h) + clamp(20px,4vh,40px)) var(--gutter) var(--section-y);max-width:var(--maxw);margin-inline:auto}
.rk-account-head{text-align:center;margin-bottom:clamp(36px,5vh,60px)}
.rk-account-head h1{font-size:clamp(30px,4.4vw,56px);margin:12px 0 10px}
.rk-account-head p{color:var(--gris);margin-inline:auto}

.rk-account-layout{display:grid;grid-template-columns:260px 1fr;gap:clamp(30px,4vw,64px);align-items:start}

/* ---- Card navigation ---- */
.rk-account-nav{display:grid;grid-template-columns:1fr;gap:10px}
.rk-account-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);background:var(--creme);color:var(--noir);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.rk-account-card:hover{border-color:var(--or)}
.rk-account-card.is-active{background:var(--noir);border-color:var(--noir);color:var(--creme)}
.rk-account-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;flex:0 0 40px}
.rk-account-card__icon svg{stroke:currentColor}
.rk-account-card__label{font-family:var(--font-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase}

/* ---- Content ---- */
.rk-account-content{min-width:0}
.rk-account-intro{color:var(--gris);font-size:16px;line-height:1.85;margin-bottom:30px;max-width:560px}
.rk-account-intro a{color:var(--or-deep);border-bottom:1px solid var(--sable)}
.rk-account-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rk-account-quick__card{display:flex;flex-direction:column;gap:8px;padding:28px 24px;border:1px solid var(--line);background:var(--creme);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.rk-account-quick__card:hover{border-color:var(--or);transform:translateY(-2px)}
.rk-account-quick__title{font-family:var(--font-display);font-size:22px;color:var(--noir);font-weight:var(--fw-light)}

.rk-account-panel{padding:40px 0}
.rk-account-empty{font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--gris);margin-bottom:24px}

/* ---- Style native WooCommerce account tables/forms ---- */
.woocommerce-MyAccount-content table.shop_table,.woocommerce-orders-table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-orders-table thead th,.shop_table thead th{font-family:var(--font-sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris);text-align:start;padding:14px 12px;border-bottom:1px solid var(--line)}
.woocommerce-orders-table td,.shop_table td,.shop_table th{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.woocommerce-MyAccount-content .button,.woocommerce-MyAccount-content .woocommerce-button{display:inline-block;font-family:var(--font-sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--noir);padding:12px 24px;border:1px solid var(--noir);background:transparent;transition:color var(--t-med) var(--ease),background var(--t-med) var(--ease)}
.woocommerce-MyAccount-content .button:hover{background:var(--noir);color:var(--creme)}
.woocommerce-MyAccount-content form .form-row label{font-family:var(--font-sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--noir);display:block;margin-bottom:8px}
.woocommerce-MyAccount-content input.input-text,.woocommerce-MyAccount-content select{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:12px 2px;font-family:var(--font-serif);font-size:16px}
.woocommerce-MyAccount-content input.input-text:focus{outline:none;border-color:var(--or)}

/* ---- Responsive ---- */
@media(max-width:860px){
  .rk-account-layout{grid-template-columns:1fr}
  .rk-account-nav{grid-template-columns:repeat(2,1fr)}
  .rk-account-quick{grid-template-columns:1fr}
}
@media(max-width:560px){
  .rk-account-nav{grid-template-columns:1fr}
  .woocommerce-orders-table thead{display:none}
  .woocommerce-orders-table tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}
  .woocommerce-orders-table td{display:flex;justify-content:space-between;border:none;padding:6px 0}
  .woocommerce-orders-table td::before{content:attr(data-title);font-family:var(--font-sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}
}