/* =====================================================================
 * Mi cuenta - Argentina Wine Shipping
 *
 * Paleta y tipografia tomadas de _comun.php (el mismo diseno de la home).
 * Se encola solo en las paginas de cuenta desde mu-plugins/aws-cuenta.php,
 * asi que las variables pueden vivir en :root sin ensuciar el resto.
 * ================================================================== */

:root{
  --awsc-ink:#141414;
  --awsc-blue:#2A2A8C;
  --awsc-grey:#8a8a8a;
  --awsc-grey2:#666666;
  --awsc-beige:#f7f5f1;
  --awsc-card:#f4f2ee;
  --awsc-hueso:#fbf9f6;
  --awsc-vino:#5a1a32;
  --awsc-line:#e2ded8;
  --awsc-line2:#ececec;
  --awsc-font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* --- Contenedor -----------------------------------------------------
 * El tema imprime el shortcode dentro de .page-content sin ancho maximo.
 * Se alinea con el container de 1520 del resto del sitio. */
.woocommerce-account .page-content > .woocommerce,
.woocommerce-account .page-content > .woocommerce-notices-wrapper{
  max-width:1560px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;
}
.woocommerce-account .page-content{padding:0}
.aws-account,.aws-account *{box-sizing:border-box}
.aws-account{font-family:var(--awsc-font);color:var(--awsc-grey2);font-size:13px;line-height:1.9;padding-bottom:96px}

/* --- Cabecera de seccion -------------------------------------------- */
.aws-account-hero{padding:54px 0 32px;border-bottom:1px solid var(--awsc-line2);margin-bottom:44px}
.aws-account-hero .aws-eyebrow{
  display:block;font:700 11px/1 var(--awsc-font);letter-spacing:2px;
  text-transform:uppercase;color:var(--awsc-blue);margin:0;
}
.aws-account-hero h1{
  font:700 38px/1.08 var(--awsc-font);letter-spacing:-.5px;
  color:var(--awsc-ink);margin:14px 0 0;
}
.aws-account-hero p{
  font:400 13px/1.9 var(--awsc-font);color:var(--awsc-grey2);
  margin:12px 0 0;max-width:620px;
}
.aws-account-hero .aws-back{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font:700 11px/1 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
  color:var(--awsc-grey2);text-decoration:none;transition:color .18s;
}
.aws-account-hero .aws-back:hover{color:var(--awsc-blue)}
.aws-account-hero .aws-back::before{content:"\2190";font-size:14px;line-height:1}

/* --- Rejilla: barra lateral + contenido ------------------------------ */
.aws-account-grid{
  display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:56px;align-items:start;
}

/* --- Barra lateral --------------------------------------------------- */
.aws-account-nav{position:sticky;top:24px}
.aws-account-user{
  display:flex;align-items:center;gap:12px;
  padding:0 0 20px;margin:0 0 18px;border-bottom:1px solid var(--awsc-line2);
}
.aws-account-avatar{
  flex:0 0 44px;width:44px;height:44px;border-radius:50%;
  background:var(--awsc-ink);color:#fff;display:flex;align-items:center;justify-content:center;
  font:700 13px/1 var(--awsc-font);letter-spacing:.5px;
}
.aws-account-user-data{min-width:0}
.aws-account-user-name{
  display:block;font:700 14px/1.3 var(--awsc-font);color:var(--awsc-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.aws-account-user-mail{
  display:block;font:400 12px/1.4 var(--awsc-font);color:var(--awsc-grey);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.aws-account-nav ul{list-style:none;margin:0;padding:0}
.aws-account-nav li{margin:0;padding:0}
.aws-account-nav li a{
  display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:3px;
  font:600 13px/1.3 var(--awsc-font);color:var(--awsc-grey2);text-decoration:none;
  transition:background .18s,color .18s;
}
.aws-account-nav li a::before{
  content:"";flex:0 0 17px;width:17px;height:17px;background-color:currentColor;opacity:.8;
  -webkit-mask:var(--awsc-ico) center/contain no-repeat;
          mask:var(--awsc-ico) center/contain no-repeat;
}
.aws-account-nav li a:hover{background:var(--awsc-hueso);color:var(--awsc-ink)}
/* El filete del item activo es un borde de verdad, no una sombra interior: el
 * radio de 3px le redondeaba las puntas y lo dejaba corto. El lado izquierdo
 * va a escuadra y los 2px del borde salen del padding, asi el texto no se
 * corre al cambiar de seccion. */
.aws-account-nav li.is-active > a{
  background:var(--awsc-card);color:var(--awsc-ink);font-weight:700;
  border-left:2px solid var(--awsc-blue);padding-left:10px;
  border-radius:0 3px 3px 0;
}
.aws-account-nav li.is-active > a::before{opacity:1}
.aws-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--awsc-line2);
}

/* Iconos (mascaras: heredan el color del texto) */
.woocommerce-MyAccount-navigation-link--dashboard a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--payment-methods a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout a{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E")}

/* --- Contenido ------------------------------------------------------- */
.woocommerce-MyAccount-content{
  font-family:var(--awsc-font);font-size:13px;line-height:1.9;color:var(--awsc-grey2);min-width:0;
}
.woocommerce-MyAccount-content > p:first-child{margin-top:0}
.woocommerce-MyAccount-content h2{
  font:700 20px/1.25 var(--awsc-font);letter-spacing:-.2px;color:var(--awsc-ink);margin:0 0 16px;
}
.woocommerce-MyAccount-content h3{
  font:700 15px/1.3 var(--awsc-font);color:var(--awsc-ink);margin:34px 0 14px;
}
/* Subrayado solo en los enlaces sueltos de un parrafo: las tarjetas, la
 * tabla y las pastillas traen su propio tratamiento. */
.woocommerce-MyAccount-content p > a,
.woocommerce-MyAccount-content address a{
  color:var(--awsc-ink);text-decoration:underline;text-underline-offset:3px;
}
.woocommerce-MyAccount-content a{color:var(--awsc-ink);text-decoration:none}
.woocommerce-MyAccount-content a:hover{color:var(--awsc-blue)}

.aws-narrow{max-width:640px;margin:0 auto}

/* Rotulo chico que separa bloques */
.aws-label{
  display:block;font:700 10px/1 var(--awsc-font);letter-spacing:1.8px;
  text-transform:uppercase;color:var(--awsc-grey);margin:0 0 16px;
}
.aws-block{margin:0 0 48px}
.aws-block:last-child{margin-bottom:0}
.aws-block-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 16px;
}
.aws-block-head .aws-label{margin:0}
.aws-block-head a{
  font:700 11px/1 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
  color:var(--awsc-blue);text-decoration:none;white-space:nowrap;
}
.aws-block-head a:hover{color:var(--awsc-ink)}

/* --- Saludo del escritorio ------------------------------------------- */
.aws-greet{margin:0 0 34px}
.aws-greet h2{margin:0 0 8px}
.aws-greet p{margin:0;font:400 13px/1.9 var(--awsc-font);color:var(--awsc-grey2);max-width:620px}

/* --- Panel de cifras -------------------------------------------------- */
.aws-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--awsc-line);border:1px solid var(--awsc-line);margin:0 0 48px;
}
.aws-stat{background:var(--awsc-beige);padding:22px 24px 20px}
.aws-stat b{display:block;font:700 26px/1 var(--awsc-font);letter-spacing:-.5px;color:var(--awsc-ink)}
/* Las cifras son de una o dos cifras; una fecha necesita menos cuerpo para
 * no desbalancear la fila. */
.aws-stat--sm b{font-size:18px;letter-spacing:-.2px;line-height:1.45}
.aws-stat span{
  display:block;margin-top:9px;font:700 10px/1.3 var(--awsc-font);
  letter-spacing:1.6px;text-transform:uppercase;color:var(--awsc-grey);
}

/* --- Accesos directos -------------------------------------------------- */
.aws-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aws-link-card{
  display:block;background:#fff;border:1px solid var(--awsc-line2);border-radius:3px;
  padding:24px 22px;text-decoration:none;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.aws-link-card:hover{
  border-color:var(--awsc-ink);box-shadow:0 12px 28px rgba(20,20,20,.07);transform:translateY(-2px);
}
.aws-link-card i{
  display:block;width:20px;height:20px;background-color:var(--awsc-blue);
  -webkit-mask:var(--awsc-ico) center/contain no-repeat;
          mask:var(--awsc-ico) center/contain no-repeat;
}
.aws-link-card b{
  display:block;margin:16px 0 6px;font:700 14px/1.3 var(--awsc-font);color:var(--awsc-ink);
}
.aws-link-card span{display:block;font:400 12px/1.7 var(--awsc-font);color:var(--awsc-grey2)}
.aws-link-card em{
  display:inline-block;margin-top:12px;font:700 11px/1 var(--awsc-font);font-style:normal;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--awsc-blue);
}
.aws-link-card em::after{content:" \2192"}

/* --- Pastilla de estado ------------------------------------------------ */
.aws-status{
  display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;
  font:700 10px/1.4 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
  white-space:nowrap;color:var(--awsc-grey2);background:var(--awsc-card);
}
.aws-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 5px}
.aws-status--completed{color:#1f6f4a;background:#eaf3ee}
.aws-status--processing{color:var(--awsc-blue);background:#ececf8}
.aws-status--on-hold{color:#8a6414;background:#f8f0e0}
.aws-status--pending{color:var(--awsc-grey2);background:#f1f0ee}
.aws-status--cancelled,.aws-status--failed,.aws-status--refunded{color:var(--awsc-vino);background:#f7edf1}

/* --- Pedidos recientes del escritorio ---------------------------------- */
.aws-recent{border-top:1px solid var(--awsc-line)}
.aws-recent-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px 24px;align-items:center;
  padding:18px 0;border-bottom:1px solid var(--awsc-line2);
}
.aws-recent-num{font:700 13px/1.4 var(--awsc-font);color:var(--awsc-ink);text-decoration:none}
.aws-recent-num:hover{color:var(--awsc-blue)}
.aws-recent-meta{font:400 12px/1.6 var(--awsc-font);color:var(--awsc-grey)}
.aws-recent-total{font:700 13px/1.4 var(--awsc-font);color:var(--awsc-ink);white-space:nowrap}

/* --- Estado vacio ------------------------------------------------------ */
.aws-empty{
  border:1px solid var(--awsc-line2);border-radius:3px;background:var(--awsc-hueso);
  padding:56px 40px;text-align:center;
}
.aws-empty i{
  display:inline-block;width:28px;height:28px;background-color:var(--awsc-grey);opacity:.55;
  -webkit-mask:var(--awsc-ico) center/contain no-repeat;
          mask:var(--awsc-ico) center/contain no-repeat;
}
.aws-empty b{display:block;margin:18px 0 8px;font:700 17px/1.3 var(--awsc-font);color:var(--awsc-ink)}
.aws-empty p{margin:0 auto 24px;max-width:420px;font:400 13px/1.8 var(--awsc-font);color:var(--awsc-grey2)}

/* --- Botones ------------------------------------------------------------ */
.aws-account .button,
.aws-account .woocommerce-button,
.aws-account button[type="submit"],
.aws-account input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--awsc-ink);color:#fff;border:1px solid var(--awsc-ink);border-radius:3px;
  padding:14px 28px;font:700 12px/1 var(--awsc-font);letter-spacing:.5px;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s;
}
.aws-account .button:hover,
.aws-account .woocommerce-button:hover,
.aws-account button[type="submit"]:hover,
.aws-account input[type="submit"]:hover{
  background:var(--awsc-blue);border-color:var(--awsc-blue);color:#fff;
}
.aws-account .aws-btn-ghost,
.aws-account .woocommerce-orders-table__cell-order-actions .button{
  background:#fff;color:var(--awsc-ink);border:1px solid var(--awsc-line);
  padding:10px 18px;font-size:11px;letter-spacing:1px;
}
.aws-account .aws-btn-ghost:hover,
.aws-account .woocommerce-orders-table__cell-order-actions .button:hover{
  background:var(--awsc-ink);border-color:var(--awsc-ink);color:#fff;
}

/* --- Formularios --------------------------------------------------------- */
/* WooCommerce le pone borde, padding y radio de 5px a form.login / .register
 * y ancho en % a las dos columnas del area de cliente. Como aca la ficha y la
 * rejilla las pone el diseno, hay que devolver esos valores a cero. */
.aws-account form,
.aws-account form.login,
.aws-account form.register,
.aws-account form.lost_reset_password,
.aws-account form.woocommerce-EditAccountForm,
.aws-account form.woocommerce-address-fields{
  margin:0;padding:0;border:0;border-radius:0;background:transparent;
}
.aws-account .woocommerce-MyAccount-navigation,
.aws-account .woocommerce-MyAccount-content{width:auto;float:none;margin:0}
.aws-account .form-row,
.aws-account .woocommerce-form-row{display:block;margin:0 0 18px;padding:0}
.aws-account label{
  display:block;margin:0 0 8px;font:700 10px/1.5 var(--awsc-font);letter-spacing:1.4px;
  text-transform:uppercase;color:var(--awsc-grey2);
}
.aws-account label .required{color:var(--awsc-blue);text-decoration:none;border:0}
.aws-account label .optional{color:var(--awsc-grey);font-weight:400;letter-spacing:1px}
.aws-account input[type="text"],
.aws-account input[type="email"],
.aws-account input[type="password"],
.aws-account input[type="tel"],
.aws-account input[type="number"],
.aws-account input[type="search"],
.aws-account textarea,
.aws-account select{
  width:100%;height:auto;background:#fff;border:1px solid var(--awsc-line);border-radius:3px;
  padding:13px 14px;font:400 13px/1.5 var(--awsc-font);color:var(--awsc-ink);
  box-shadow:none;transition:border-color .18s,box-shadow .18s;
}
.aws-account input:focus,
.aws-account textarea:focus,
.aws-account select:focus{
  outline:0;border-color:var(--awsc-blue);box-shadow:0 0 0 3px rgba(42,42,140,.10);
}
.aws-account ::placeholder{color:#b6b3ae}
.aws-account .select2-container--default .select2-selection--single{
  height:auto;border:1px solid var(--awsc-line);border-radius:3px;background:#fff;
}
.aws-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.5;padding:13px 14px;color:var(--awsc-ink);font-size:13px;
}
.aws-account .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:100%;right:8px;
}

/* El ojo que agrega WooCommerce al campo de contrasena */
.aws-account .password-input{display:block;position:relative}
.aws-account .show-password-input{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--awsc-grey);cursor:pointer;
}

/* Casillas: no heredan el rotulo en mayusculas */
.aws-account .woocommerce-form__label-for-checkbox,
.aws-account label.checkbox{
  display:inline-flex;align-items:center;gap:9px;margin:0;
  font:400 12px/1.5 var(--awsc-font);letter-spacing:0;text-transform:none;color:var(--awsc-grey2);
}
.aws-account .woocommerce-form__input-checkbox{
  width:15px;height:15px;margin:0;accent-color:var(--awsc-blue);
}

/* Dos columnas: WooCommerce marca las filas con form-row-first / -last */
.aws-account form.edit-account,
.aws-account .woocommerce-address-fields__field-wrapper{
  display:grid;grid-template-columns:1fr 1fr;gap:0 20px;
}
.aws-account form.edit-account > *,
.aws-account .woocommerce-address-fields__field-wrapper > *{grid-column:1 / -1}
/* El ancho de 47% que WooCommerce le pone a estas filas sobraba cuando eran
 * floats; dentro de la rejilla deja los campos a media columna. */
.aws-account form.edit-account > .form-row-first,
.aws-account .woocommerce-address-fields__field-wrapper > .form-row-first{grid-column:1 / 2;width:auto}
.aws-account form.edit-account > .form-row-last,
.aws-account .woocommerce-address-fields__field-wrapper > .form-row-last{grid-column:2 / 3;width:auto}
.aws-account form.edit-account > .form-row-wide,
.aws-account .woocommerce-address-fields__field-wrapper > .form-row-wide{width:auto}
.aws-account .clear{display:none}
/* El titulo del formulario de direccion repite el H1 de la cabecera: el
 * filtro lo deja vacio y esta regla se lleva la caja. */
.aws-account h2:empty{display:none}

.aws-account fieldset{
  grid-column:1 / -1;border:1px solid var(--awsc-line2);border-radius:3px;
  background:var(--awsc-hueso);padding:26px 24px 8px;margin:14px 0 26px;
}
.aws-account legend{
  padding:0 10px;margin-left:-10px;
  font:700 11px/1 var(--awsc-font);letter-spacing:1.8px;text-transform:uppercase;color:var(--awsc-ink);
}
.aws-account form.edit-account > p:last-of-type,
.aws-account .woocommerce-address-fields > p:last-of-type{margin-bottom:0}
.aws-account #account_display_name_description em,
.aws-account .woocommerce-MyAccount-content form em{
  font-style:normal;font-size:12px;color:var(--awsc-grey);line-height:1.7;
  display:inline-block;margin-top:6px;
}

/* --- Tabla de pedidos ----------------------------------------------------- */
.aws-account table.woocommerce-orders-table,
.aws-account table.woocommerce-table--order-details,
.aws-account table.shop_table{
  width:100%;border-collapse:collapse;border:0;margin:0;border-radius:0;
}
.aws-account table.shop_table th,
.aws-account table.shop_table td{border:0;background:transparent}
.aws-account table.woocommerce-orders-table thead th{
  padding:0 16px 14px 0;text-align:left;border-bottom:1px solid var(--awsc-line);
  font:700 10px/1.4 var(--awsc-font);letter-spacing:1.4px;text-transform:uppercase;color:var(--awsc-grey);
}
.aws-account table.woocommerce-orders-table tbody th,
.aws-account table.woocommerce-orders-table tbody td{
  padding:20px 16px 20px 0;border-bottom:1px solid var(--awsc-line2);
  vertical-align:middle;font:400 13px/1.6 var(--awsc-font);color:var(--awsc-grey2);text-align:left;
}
.aws-account .woocommerce-orders-table__cell-order-number a{
  font-weight:700;color:var(--awsc-ink);text-decoration:none;
}
.aws-account .woocommerce-orders-table__cell-order-number a:hover{color:var(--awsc-blue)}
.aws-account .woocommerce-orders-table__cell-order-total{color:var(--awsc-ink);font-weight:700}
.aws-account .woocommerce-orders-table__cell-order-total .aws-items{
  display:block;font-weight:400;font-size:12px;color:var(--awsc-grey);
}
.aws-account .woocommerce-orders-table__cell-order-actions{text-align:right;padding-right:0}
.aws-account .woocommerce-pagination{display:flex;gap:10px;margin-top:26px}

/* --- Detalle del pedido ---------------------------------------------------- */
.aws-order-head{
  display:flex;flex-wrap:wrap;gap:22px 40px;align-items:center;justify-content:space-between;
  border:1px solid var(--awsc-line2);border-radius:3px;background:var(--awsc-hueso);
  padding:24px 26px;margin:0 0 38px;
}
.aws-order-meta{display:flex;flex-wrap:wrap;gap:22px 40px}
.aws-order-meta > div > span{
  display:block;font:700 10px/1.4 var(--awsc-font);letter-spacing:1.4px;
  text-transform:uppercase;color:var(--awsc-grey);margin:0 0 6px;
}
.aws-order-meta > div b{font:700 14px/1.3 var(--awsc-font);color:var(--awsc-ink);white-space:nowrap}
.aws-account .woocommerce-table--order-details th,
.aws-account .woocommerce-table--order-details td{
  padding:16px 16px 16px 0;border-bottom:1px solid var(--awsc-line2);
  font:400 13px/1.7 var(--awsc-font);color:var(--awsc-grey2);text-align:left;vertical-align:top;
}
.aws-account .woocommerce-table--order-details thead th{
  padding-bottom:13px;border-bottom:1px solid var(--awsc-line);
  font:700 10px/1.4 var(--awsc-font);letter-spacing:1.4px;text-transform:uppercase;color:var(--awsc-grey);
}
.aws-account .woocommerce-table--order-details td.product-name a{
  font-weight:700;color:var(--awsc-ink);text-decoration:none;
}
.aws-account .woocommerce-table--order-details td.product-name a:hover{color:var(--awsc-blue)}
.aws-account .woocommerce-table--order-details .product-total,
.aws-account .woocommerce-table--order-details tfoot td{
  text-align:right;padding-right:0;color:var(--awsc-ink);
}
.aws-account .woocommerce-table--order-details tfoot th{
  text-align:right;padding-right:16px;font:700 12px/1.6 var(--awsc-font);
  letter-spacing:.3px;text-transform:none;color:var(--awsc-grey2);
  border-bottom:1px solid var(--awsc-line2);
}
.aws-account .woocommerce-table--order-details tfoot tr:last-child th,
.aws-account .woocommerce-table--order-details tfoot tr:last-child td{
  border-bottom:0;border-top:1px solid var(--awsc-line);
  font-size:15px;color:var(--awsc-ink);font-weight:700;
}
.aws-account .woocommerce-customer-details{margin-top:46px}
.aws-account .woocommerce-columns--addresses{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;
}
.aws-account .woocommerce-columns--addresses .col-1,
.aws-account .woocommerce-columns--addresses .col-2{
  width:auto;float:none;border:1px solid var(--awsc-line2);border-radius:3px;padding:24px;background:#fff;
}
.aws-account .woocommerce-column__title{
  font:700 11px/1 var(--awsc-font);letter-spacing:1.6px;text-transform:uppercase;
  color:var(--awsc-ink);margin:0 0 14px;
}
.aws-account .woocommerce-customer-details address{
  font-style:normal;font:400 13px/1.9 var(--awsc-font);color:var(--awsc-grey2);
  border:0;padding:0;border-radius:0;
}
.aws-account .woocommerce-OrderUpdates{list-style:none;margin:0;padding:0;border-top:1px solid var(--awsc-line)}
.aws-account .woocommerce-OrderUpdate{padding:18px 0;border-bottom:1px solid var(--awsc-line2);margin:0}
.aws-account .woocommerce-OrderUpdate-meta{
  font:700 10px/1.4 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
  color:var(--awsc-grey);margin:0 0 6px;
}
.aws-account .woocommerce-OrderUpdate-description p{margin:0;font-size:13px;line-height:1.8}

/* --- Direcciones ------------------------------------------------------------ */
.aws-account .woocommerce-Addresses{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;
}
/* WooCommerce le cuelga a .col2-set un clearfix con ::before y ::after en
 * display:table. Dentro de una rejilla esos pseudo-elementos cuentan como
 * celdas y corren las fichas un lugar, asi que hay que apagarlos. */
.aws-account .woocommerce-Addresses::before,
.aws-account .woocommerce-Addresses::after,
.aws-account .woocommerce-columns--addresses::before,
.aws-account .woocommerce-columns--addresses::after,
.aws-account .woocommerce-Address-title::before,
.aws-account .woocommerce-Address-title::after,
.aws-account .woocommerce-MyAccount-content::before,
.aws-account .woocommerce-MyAccount-content::after{display:none}
/* Y le pone ancho en % a .col-1 / .col-2: hacen falta tres clases para
 * empatarle en especificidad (la hoja carga despues, asi que gana). */
.aws-account .woocommerce-Addresses > .woocommerce-Address{width:auto;float:none;margin:0}
.aws-account .woocommerce-Address-inner{
  height:100%;border:1px solid var(--awsc-line2);border-radius:3px;background:#fff;padding:26px 24px;
}
.aws-account .woocommerce-Address-title{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--awsc-line2);
}
.aws-account .woocommerce-Address-title h2,
.aws-account .woocommerce-Address-title h3{
  margin:0;font:700 14px/1.3 var(--awsc-font);color:var(--awsc-ink);
}
.aws-account .woocommerce-Address-title .edit{
  font:700 11px/1 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
  color:var(--awsc-blue);text-decoration:none;white-space:nowrap;
}
.aws-account .woocommerce-Address-title .edit:hover{color:var(--awsc-ink)}
.aws-account .woocommerce-Address address{
  font-style:normal;font:400 13px/1.9 var(--awsc-font);color:var(--awsc-grey2);margin:0;
}
.aws-account .woocommerce-Address address.is-empty{color:var(--awsc-grey)}

/* --- Ingreso / registro ------------------------------------------------------ */
.aws-login{
  display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:940px;margin:0 auto;
  border:1px solid var(--awsc-line2);border-radius:3px;overflow:hidden;background:#fff;
}
.aws-login--solo{grid-template-columns:1fr;max-width:470px}
.aws-login__panel{padding:42px 40px 44px}
.aws-login__panel + .aws-login__panel{border-left:1px solid var(--awsc-line2);background:var(--awsc-hueso)}
.aws-login__panel h2{
  font:700 20px/1.25 var(--awsc-font);letter-spacing:-.2px;color:var(--awsc-ink);margin:0 0 6px;
}
.aws-login__intro{font:400 12px/1.8 var(--awsc-font);color:var(--awsc-grey2);margin:0 0 26px}
.aws-login__panel .button,
.aws-login__panel button[type="submit"]{width:100%;margin-top:4px}
.aws-login__foot{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px;
}
.aws-account .woocommerce-LostPassword{margin:20px 0 0;text-align:center}
.aws-account .woocommerce-LostPassword a{
  font:400 12px/1 var(--awsc-font);color:var(--awsc-grey2);
  text-decoration:underline;text-underline-offset:3px;
}
.aws-account .woocommerce-LostPassword a:hover{color:var(--awsc-blue)}
.aws-login__note{
  max-width:470px;margin:22px auto 0;text-align:center;
  font:400 12px/1.8 var(--awsc-font);color:var(--awsc-grey);
}
.aws-login__note a{color:var(--awsc-ink)}

/* Franja de confianza debajo del ingreso: va al ancho del container, como
 * las bandas de la home, y no al de la ficha de ingreso. */
.aws-trust{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--awsc-line);
  border:1px solid var(--awsc-line);margin:74px 0 0;
}
.aws-trust > div{background:var(--awsc-beige);padding:30px 26px;text-align:center}
.aws-trust i{
  display:inline-block;width:20px;height:20px;background-color:var(--awsc-blue);
  -webkit-mask:var(--awsc-ico) center/contain no-repeat;
          mask:var(--awsc-ico) center/contain no-repeat;
}
.aws-trust b{display:block;margin:12px 0 5px;font:700 12px/1.3 var(--awsc-font);color:var(--awsc-ink)}
.aws-trust span{display:block;font:400 12px/1.7 var(--awsc-font);color:var(--awsc-grey2)}

/* Iconos sueltos usados por tarjetas y estados vacios */
.aws-ico-orders{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E")}
.aws-ico-pin{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.aws-ico-user{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.aws-ico-truck{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='6' width='13' height='11' rx='1'/%3E%3Cpath d='M14 9h4l3 3v5h-7z'/%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='17' cy='19' r='2'/%3E%3C/svg%3E")}
.aws-ico-lock{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
.aws-ico-glass{--awsc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l-1 7a4 4 0 0 1-8 0z'/%3E%3Cline x1='12' y1='14' x2='12' y2='20'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3C/svg%3E")}

/* --- Avisos de WooCommerce ---------------------------------------------------- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;
  list-style:none;margin:0 0 26px;padding:16px 20px;
  border:1px solid var(--awsc-line);border-left:3px solid var(--awsc-blue);border-radius:3px;
  background:var(--awsc-hueso);
  font:400 13px/1.7 var(--awsc-font);color:var(--awsc-ink);
}
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-message::after,
.woocommerce-account .woocommerce-info::after,
.woocommerce-account .woocommerce-error::after{display:none}
.woocommerce-account .woocommerce-message{border-left-color:#1f6f4a;background:#f4f9f6}
.woocommerce-account .woocommerce-error{border-left-color:var(--awsc-vino);background:#fdf7f9}
.woocommerce-account .woocommerce-error li{margin:0;list-style:none}
/* En el markup de WooCommerce el boton viene antes que el texto; asi queda
 * el texto primero y el boton contra el borde derecho. */
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-error .button{order:2;margin-left:auto}
.woocommerce-account .woocommerce-notices-wrapper{padding-top:34px}
.woocommerce-account .woocommerce-notices-wrapper:empty{display:none;padding-top:0}

/* --- Responsive ----------------------------------------------------------------- */
@media(max-width:1024px){
  .aws-account-grid{grid-template-columns:210px minmax(0,1fr);gap:40px}
}
@media(max-width:900px){
  .aws-account-hero{padding:38px 0 26px;margin-bottom:30px}
  .aws-account-hero h1{font-size:30px}
  .aws-account{padding-bottom:64px}
  .aws-account-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .aws-account-nav{position:static;border-bottom:1px solid var(--awsc-line2)}
  .aws-account-user{padding-bottom:16px;margin-bottom:12px}
  .aws-account-nav ul{
    display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .aws-account-nav ul::-webkit-scrollbar{display:none}
  .aws-account-nav li{flex:0 0 auto}
  .aws-account-nav li a{
    white-space:nowrap;border-radius:0;padding:12px 14px;background:transparent;box-shadow:none;
  }
  .aws-account-nav li.is-active > a{
    background:transparent;box-shadow:inset 0 -2px 0 var(--awsc-blue);color:var(--awsc-ink);
    border-left:0;border-radius:0;padding-left:14px;
  }
  .aws-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout{
    margin:0 0 0 6px;padding:0 0 0 6px;border-top:0;border-left:1px solid var(--awsc-line2);
  }
  .aws-links,.aws-stats{grid-template-columns:1fr 1fr}
  .aws-login{grid-template-columns:1fr}
  .aws-login__panel + .aws-login__panel{border-left:0;border-top:1px solid var(--awsc-line2)}
}
@media(max-width:768px){
  .aws-account .woocommerce-Addresses,
  .aws-account .woocommerce-columns--addresses{grid-template-columns:1fr}
  .aws-account form.edit-account,
  .aws-account .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}
  .aws-account form.edit-account > .form-row-first,
  .aws-account form.edit-account > .form-row-last,
  .aws-account .woocommerce-address-fields__field-wrapper > .form-row-first,
  .aws-account .woocommerce-address-fields__field-wrapper > .form-row-last{grid-column:1 / -1}

  /* La tabla de pedidos pasa a fichas apiladas */
  .aws-account table.woocommerce-orders-table thead{display:none}
  .aws-account table.woocommerce-orders-table,
  .aws-account table.woocommerce-orders-table tbody{display:block}
  .aws-account table.woocommerce-orders-table tr{
    display:block;border:1px solid var(--awsc-line2);border-radius:3px;
    padding:4px 16px;margin:0 0 14px;
  }
  .aws-account table.woocommerce-orders-table tbody th,
  .aws-account table.woocommerce-orders-table tbody td{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:13px 0;border-bottom:1px solid var(--awsc-line2);text-align:right;
  }
  .aws-account table.woocommerce-orders-table tbody th::before,
  .aws-account table.woocommerce-orders-table tbody td::before{
    content:attr(data-title);
    font:700 10px/1.4 var(--awsc-font);letter-spacing:1.2px;text-transform:uppercase;
    color:var(--awsc-grey);text-align:left;
  }
  .aws-account table.woocommerce-orders-table tr > *:last-child{border-bottom:0}
  .aws-recent-row{grid-template-columns:minmax(0,1fr) auto}
  .aws-recent-meta{grid-column:1 / -1}
}
@media(max-width:560px){
  .aws-stats,.aws-links,.aws-trust{grid-template-columns:1fr}
  .aws-login__panel{padding:32px 24px 34px}
  .aws-empty{padding:44px 24px}
  .aws-account-hero h1{font-size:26px}
}