/* ==========================================================================
   APPEX — branding Coș + Checkout (DOAR CSS).
   Enqueued doar pe is_cart() / is_checkout().
   Folosește variabilele --appex-* din appex-brand.css.
   NU atinge JS-ul ANAF / Cargus / PF-PJ — doar aspect.
   Scope: containerele de conținut (form.checkout, .woocommerce-cart-form,
   .cart_totals, …) — NU body.woocommerce-checkout, ca să nu prindem
   căutarea din header sau meniul.
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1. CÂMPURI DE FORMULAR — borduri consistente (incl. select-urile Cargus)
   --------------------------------------------------------------------------- */
:is(form.checkout, #customer_details, .woocommerce-billing-fields,
    .woocommerce-shipping-fields, .woocommerce-additional-fields,
    .woocommerce-checkout-review-order, .woocommerce-cart-form, .cart_totals)
  :is(input[type="text"], input[type="email"], input[type="tel"],
      input[type="number"], input[type="password"], input[type="url"],
      input[type="search"], textarea, select),
#appex-anaf-cui,
#appex-shipping-where {
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
  background-color: #fff;
  color: var(--appex-body, #333);
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* săgeata pentru select-uri (am dat appearance:none mai sus) */
:is(form.checkout, .woocommerce-shipping-fields, .woocommerce-billing-fields,
    .woocommerce-cart-form, .cart_totals) select,
#appex-shipping-where {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%236b6b6b' d='M1 1l5 5 5-5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
}

/* focus consistent */
:is(form.checkout, #customer_details, .woocommerce-billing-fields,
    .woocommerce-shipping-fields, .woocommerce-additional-fields,
    .woocommerce-checkout-review-order, .woocommerce-cart-form, .cart_totals)
  :is(input[type="text"], input[type="email"], input[type="tel"],
      input[type="number"], input[type="password"], input[type="url"],
      input[type="search"], textarea, select):focus,
#appex-anaf-cui:focus,
#appex-shipping-where:focus {
  border-color: var(--appex-navy, #0f3060);
  outline: none;
  box-shadow: 0 0 0 2px rgba(15, 48, 96, .12);
}

/* ---------------------------------------------------------------------------
   2. METODE DE PLATĂ — logo ING mic + box discret
   --------------------------------------------------------------------------- */
.wc_payment_methods .payment_box,
.wc_payment_methods .payment_box.payment_method_ingwebpay {
  background-color: var(--appex-bg-alt, #f9f9f9) !important; /* pluginul ING punea #c5eafd */
  border: 1px solid var(--appex-border, rgba(0, 0, 0, .07)) !important;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 0.9rem;
  color: var(--appex-muted, #6b6b6b);
}
/* WC desenează un mic „triunghi" deasupra box-ului — îl ascundem (era pe fundalul vechi) */
.wc_payment_methods .payment_box::before { display: none !important; }

.wc_payment_methods .payment_box img {
  max-width: 140px !important;   /* tema impune img{max-width:100% !important} */
  height: auto !important;
  display: block;
  margin-top: 10px;
}

.wc_payment_methods li.wc_payment_method > label {
  font-weight: 600;
  color: var(--appex-heading, #111);
}

/* ---------------------------------------------------------------------------
   3. LINKURI → navy (acum verzi pe checkout / albastre pe coș)
   excludem butoanele
   --------------------------------------------------------------------------- */
:is(form.checkout, .woocommerce-checkout-review-order,
    .woocommerce-terms-and-conditions, .woocommerce-terms-and-conditions-wrapper,
    .woocommerce-privacy-policy-text, .wc-terms-and-conditions,
    .woocommerce-cart-form, .cart_totals, .cart-collaterals)
  a:not(.button):not(.wp-element-button):not(.checkout-button):not(.remove) {
  color: var(--appex-navy, #0f3060) !important; /* checkout avea verde #18a300 cu prioritate */
  text-decoration: none;
}
:is(form.checkout, .woocommerce-checkout-review-order,
    .woocommerce-terms-and-conditions, .woocommerce-terms-and-conditions-wrapper,
    .woocommerce-privacy-policy-text, .wc-terms-and-conditions,
    .woocommerce-cart-form, .cart_totals, .cart-collaterals)
  a:not(.button):not(.wp-element-button):not(.checkout-button):not(.remove):hover {
  color: var(--appex-navy-dark, #0a2244) !important;
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   4. COȘ — X de ștergere + card TOTAL COȘ
   --------------------------------------------------------------------------- */
.woocommerce-cart .product-remove a.remove,
.woocommerce-cart-form .product-remove a.remove {
  color: var(--appex-muted, #6b6b6b) !important; /* WC pune red!important */
  font-size: 22px !important;                    /* WC/temă forțează 32px */
  line-height: 1;
  width: auto;
  height: auto;
  background: transparent !important;
  transition: color .15s ease;
}
.woocommerce-cart .product-remove a.remove:hover,
.woocommerce-cart-form .product-remove a.remove:hover {
  color: #d12c2c !important;
  background: transparent !important;
}

.cart_totals {
  border: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
  border-radius: 16px;
  padding: 22px 24px;
  background: #fff;
  max-width: 440px;
  margin-left: auto; /* aliniat în dreapta */
}
.cart_totals h2 {
  margin-top: 0;
  font-size: 1.1rem;
  letter-spacing: .02em;
}

/* ---------------------------------------------------------------------------
   5. BUTOANE + CARDURI
   --------------------------------------------------------------------------- */
/* CTA principal (Plasează comanda / Continuă cu finalizarea) — amber+navy, hover alb */
#place_order:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
  color: #fff !important;
  background-color: var(--appex-amber-dark, #e69500) !important;
}

/* Actualizează coșul — outline navy (e disabled până la modificare) */
.woocommerce-cart-form button[name="update_cart"] {
  background-color: transparent !important;
  color: var(--appex-navy, #0f3060) !important;
  border: 1px solid var(--appex-navy, #0f3060) !important;
  border-radius: 8px;
}
.woocommerce-cart-form button[name="update_cart"]:disabled {
  opacity: .5;
}
.woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover {
  background-color: var(--appex-navy, #0f3060) !important;
  color: #fff !important;
}

/* Cardul „COMANDA TA" (review order) — consistent cu TOTAL COȘ */
.woocommerce-checkout-review-order {
  border: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
  border-radius: 16px;
  padding: 20px 22px;
  background: #fff;
}

/* ---------------------------------------------------------------------------
   6. MOBIL — totalul pe toată lățimea, padding-uri comode
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .cart_totals {
    max-width: none;
    margin-left: 0;
  }
  .woocommerce-checkout-review-order,
  .cart_totals {
    padding: 16px 18px;
  }
}

/* ---------------------------------------------------------------------------
   7. MY ACCOUNT (.woocommerce-account) — is_account_page()
   --------------------------------------------------------------------------- */

/* navigarea contului */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
  border: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
  border-bottom: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 16px;
  color: var(--appex-navy, #0f3060) !important;
  text-decoration: none;
  font-weight: 500;
  transition: background .15s ease, color .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background: var(--appex-bg-alt, #f9f9f9);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--appex-navy, #0f3060);
  color: #fff !important;
  font-weight: 600;
  box-shadow: inset 4px 0 0 var(--appex-amber, #ffa800); /* accent amber */
}

/* tabel comenzi / downloads */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
  border: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
  border-radius: 14px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  width: 100%;
}
.woocommerce-account .woocommerce-orders-table thead th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
  background: var(--appex-navy, #0f3060);
  color: #fff;
  font-weight: 600;
  padding: 12px 14px;
  border: 0;
}
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
  padding: 12px 14px;
  border-top: 1px solid var(--appex-border, rgba(0, 0, 0, .07));
}

/* câmpuri formular (login/register/edit-account/adrese) — la fel ca checkout */
.woocommerce-account :is(.woocommerce-form-login, .woocommerce-form-register,
    .woocommerce-EditAccountForm, .woocommerce-address-fields, form.edit-account,
    .woocommerce-MyAccount-content form)
  :is(input[type="text"], input[type="email"], input[type="tel"],
      input[type="password"], input[type="number"], input[type="url"], textarea, select) {
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.95rem;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}
.woocommerce-account :is(.woocommerce-form-login, .woocommerce-form-register,
    .woocommerce-EditAccountForm, .woocommerce-address-fields, form.edit-account,
    .woocommerce-MyAccount-content form)
  :is(input, select, textarea):focus {
  border-color: var(--appex-navy, #0f3060);
  outline: none;
  box-shadow: 0 0 0 2px rgba(15, 48, 96, .12);
}

/* butoane primare My Account — amber + navy */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account form .button,
.woocommerce-account button[type="submit"] {
  background-color: var(--appex-amber, #ffa800) !important;
  border: 1px solid var(--appex-amber, #ffa800) !important;
  color: var(--appex-navy, #0f3060) !important;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 18px;
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account form .button:hover,
.woocommerce-account button[type="submit"]:hover {
  background-color: var(--appex-amber-dark, #e69500) !important;
  color: #fff !important;
}

/* butoane secundare în tabelul de comenzi (Vezi/Anulează) — navy plin + alb
   (după regula amber, ca să câștige la specificitate egală) */
.woocommerce-account .woocommerce-orders-table .button {
  background: var(--appex-navy, #0f3060) !important;
  color: #fff !important;
  border: 1px solid var(--appex-navy, #0f3060) !important;
}
.woocommerce-account .woocommerce-orders-table .button:hover {
  background: var(--appex-navy-dark, #0a2244) !important;
  color: #fff !important;
  border-color: var(--appex-navy-dark, #0a2244) !important;
}

/* linkuri în conținutul contului → navy */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button) {
  color: var(--appex-navy, #0f3060) !important;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-Button):hover {
  color: var(--appex-navy-dark, #0a2244) !important;
  text-decoration: underline;
}