/* Foxy Art Cup - „Моят акаунт" /my-account/ (B3.1).
   Горната част е 1:1 от makets/final/assets/maket.css („4.8 АКАУНТ");
   .card/.or-rows (checkout.css) и .totals (cart.css) се зареждат и тук -
   „Поръчка №…" ползва същите детайли като благодарствената.
   Долу: лепилото за формите и таблиците на Woo (адреси, профил, поръчки). */

/* =====================================================================
   4.8 АКАУНТ (макетът 1:1)
   ===================================================================== */
.acc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-cards); align-items: start; }
@media (max-width: 767px) { .acc-grid { grid-template-columns: 1fr; } }
.acc-grid .form { grid-template-columns: 1fr; }
.acc-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; }
.acc-dash { display: grid; grid-template-columns: 3fr 9fr; gap: var(--sp-block) 32px; align-items: start; }
@media (max-width: 1023px) { .acc-dash { grid-template-columns: minmax(0, 1fr); } }
.acc-dash > * { min-width: 0; }
.acc-nav { list-style: none; display: grid; gap: 8px; }
.acc-nav a { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: var(--r-pill); background: var(--c-surface); font-weight: 600; text-decoration: none; }
.acc-nav a svg { width: 18px; height: 18px; color: var(--c-primary); }
.acc-nav a[aria-current="page"] { background: var(--c-accent); color: #fff; }
.acc-nav a[aria-current="page"] svg { color: #fff; }
@media (max-width: 1023px) { .acc-nav { display: flex; overflow-x: auto; scrollbar-width: none; } .acc-nav a { white-space: nowrap; } }
.orders { width: 100%; border-collapse: collapse; font-size: 15px; } /* разрешено: таблица в колоната */
.orders th, .orders td { padding: 12px; border-bottom: 1px solid var(--c-border); text-align: left; }
.orders th { font-size: 13px; color: var(--c-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.status { display: inline-block; padding: 3px 10px; border-radius: var(--r-pill); font-size: 12px; font-weight: 700; background: var(--c-accent-soft); color: var(--c-primary); }
.status--ok { background: #E9F5EE; color: var(--c-ok); }
@media (max-width: 767px) {
  .orders thead { display: none; }
  .orders tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--c-border); }
  .orders td, .orders tbody th { padding: 0; border: 0; text-align: left; }
  .orders td::before, .orders tbody th::before { content: attr(data-title); display: block; font-size: 12px; font-weight: 500; color: var(--c-muted); }
}

/* =====================================================================
   ЛЕПИЛО ЗА WOO (няма го в макета)
   ===================================================================== */
/* Таблицата с поръчките на Woo (myaccount/orders.php) = .orders от макета */
.woocommerce-orders-table { width: 100%; border-collapse: collapse; font-size: 15px; } /* разрешено: таблица в колоната */
.woocommerce-orders-table th, .woocommerce-orders-table td { padding: 12px; border-bottom: 1px solid var(--c-border); text-align: left; }
.woocommerce-orders-table thead th { font-size: 13px; color: var(--c-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.woocommerce-orders-table tbody th { font-weight: 600; }
.woocommerce-orders-table .button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: var(--r-pill); border: 1.5px solid var(--c-text); background: transparent; color: var(--c-text); font-size: 14px; font-weight: 600; line-height: 1.4; text-decoration: none; transition: background var(--ease), color var(--ease); } /* = .btn .btn-outline .btn-sm */
.woocommerce-orders-table .button:hover { background: var(--c-text); color: #fff; }
.woocommerce-orders-table .button + .button { margin-left: 6px; }
@media (max-width: 767px) {
  .woocommerce-orders-table thead { display: none; }
  .woocommerce-orders-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--c-border); }
  .woocommerce-orders-table td, .woocommerce-orders-table tbody th { padding: 0; border: 0; text-align: left; }
  .woocommerce-orders-table td::before, .woocommerce-orders-table tbody th::before { content: attr(data-title); display: block; font-size: 12px; font-weight: 500; color: var(--c-muted); }
}
.woocommerce-pagination { display: flex; gap: 10px; margin-top: 16px; }
.woocommerce-pagination .button { font-weight: 600; }

/* <wc-order-attribution-inputs> в регистрацията - не заема ред в .form */
wc-order-attribution-inputs { display: contents; }
.acc-grid .card > h2 { margin-bottom: 18px; }
.woocommerce-form-login .check, .woocommerce-form-register .check { font-weight: 500; }

/* Полетата на Woo извън woocommerce_form_field (вход, профил, нова парола):
   p.woocommerce-form-row - като .field от макета */
.woocommerce-form-row { display: grid; gap: 6px; align-content: start; }
.woocommerce-form-row label { font-size: 14px; font-weight: 500; }
.woocommerce-form-row .required, .field .required { color: var(--c-sale); text-decoration: none; border: 0; }
.field .optional { color: var(--c-muted); font-weight: 400; }
.woocommerce-form-row .input-text, .woocommerce-address-fields .field select { width: 100%; padding: 13px 14px; border: 1px solid var(--c-border); border-radius: var(--r-field); background: #fff; font-size: 16px; line-height: 1.4; transition: border-color var(--ease), box-shadow var(--ease); } /* разрешено: поле */
.woocommerce-form-row .input-text:focus { outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 1px var(--c-accent); }
.woocommerce-form-row em, .field .description { font-size: 13px; color: var(--c-muted); font-style: normal; }
.woocommerce-input-wrapper { display: grid; gap: 6px; }
.field.woocommerce-invalid input.input-text, .field.woocommerce-invalid select { border-color: var(--c-sale); }

/* Иконата „покажи паролата" (Woo я слага в span.password-input; нейният
   CSS е изключен) - наслагва се в полето с мрежа, без position */
.password-input { display: grid; align-items: center; }
.password-input > * { grid-area: 1 / 1; }
.password-input .input-text { padding-right: 46px; }
.show-password-input { justify-self: end; display: grid; place-items: center; margin-right: 6px; padding: 8px; border: 0; background: none; color: var(--c-muted); cursor: pointer; }
.show-password-input::after { content: ""; width: 20px; height: 20px; background: currentColor; -webkit-mask: 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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: 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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; } /* разрешено: икона */
.show-password-input.display-password { color: var(--c-primary); }

/* Адреси (edit-address): двете карти адрес една до друга, формата - .form */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-cards); }
@media (max-width: 767px) { .woocommerce-Addresses { grid-template-columns: 1fr; } }
.woocommerce-Address { padding: 24px; border: 1px solid var(--c-border); border-radius: var(--r-card); }
.woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.woocommerce-Address-title h2, .woocommerce-Address-title h3 { font-size: 18px; }
.woocommerce-Address-title .edit { font-size: 14px; font-weight: 600; color: var(--c-primary); }
.woocommerce-Address address { font-style: normal; line-height: 1.6; }
.woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.woocommerce-address-fields__field-wrapper .is-wide { grid-column: 1 / -1; }
@media (max-width: 767px) { .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr; } .woocommerce-address-fields__field-wrapper .is-half { grid-column: 1 / -1; } }
.fa-hide { display: none !important; }

/* Профил (edit-account) и бутоните на формите на Woo = .btn .btn-primary */
.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword { display: grid; gap: 16px; }
.woocommerce-EditAccountForm fieldset { display: grid; gap: 16px; padding: 20px; border: 1px solid var(--c-border); border-radius: var(--r-card); }
.woocommerce-EditAccountForm legend { padding: 0 6px; font-weight: 700; }
.woocommerce-MyAccount-content .woocommerce-Button, .woocommerce-ResetPassword .woocommerce-Button { justify-self: start; display: inline-flex; align-items: center; justify-content: center; padding: 13px 26px; border-radius: var(--r-pill); border: 1.5px solid transparent; background: var(--c-accent); color: var(--c-on-accent); font-size: 15px; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; transition: background var(--ease); } /* = .btn .btn-primary */
.woocommerce-MyAccount-content .woocommerce-Button:hover, .woocommerce-ResetPassword .woocommerce-Button:hover { background: var(--c-accent-hover); }
.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button { background: transparent; }

/* „Поръчка №…" (view-order): изречението за статуса и бележките на поръчката */
.woocommerce-MyAccount-content mark { background: var(--c-accent-soft); color: var(--c-primary); padding: 0 6px; border-radius: var(--r-pill); font-weight: 600; }
.woocommerce-OrderUpdates { list-style: none; display: grid; gap: 10px; }
.woocommerce-OrderUpdate { padding: 14px; border-radius: var(--r-img); background: var(--c-surface); font-size: 14px; }
.woocommerce-MyAccount-content .totals--flat { background: none; padding: 12px 0 0; }