/* ==========================================================================
   WOOCOMMERCE.CSS — Checkout, Carrinho, Minha Conta — Pontual Parabrisas
   ========================================================================== */

/* ─── INPUTS E CAMPOS ─────────────────────────────────────────────────── */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account select {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--pp-border);
    border-radius: var(--radius-btn);
    padding: 0.75rem 1rem;
    color: var(--pp-white);
    font-family: var(--font-body);
    font-size: 0.95rem;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
    -webkit-appearance: none;
    appearance: none;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-account input:focus { border-color: var(--pp-gold); box-shadow: 0 0 0 3px rgba(230,193,87,0.15); outline: none; }

label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pp-text-muted);
    margin-bottom: 0.375rem;
}

/* ─── CHECKOUT ────────────────────────────────────────────────────────── */
.woocommerce-checkout-wrap { padding: 2rem 0 4rem; }

.woocommerce-checkout h3 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--pp-white);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--pp-border);
}

/* Colunas checkout */
#customer_details, #order_review_heading { }
.col2-set { display: flex; flex-direction: column; gap: 2rem; }
@media (min-width: 768px) { .col2-set { flex-direction: row; } .col2-set .col-1, .col2-set .col-2 { flex: 1; } }

/* Tabela de revisão */
.mh-review-table { width: 100%; border-collapse: collapse; }
.mh-review-table th, .mh-review-table td { padding: 0.75rem; border-bottom: 1px solid var(--pp-border); color: var(--pp-white); font-size: 0.875rem; }
.mh-review-table th { color: var(--pp-text-muted); font-weight: 700; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.08em; }

/* Botão de submit (custom) */
.pp-checkout-submit {
    width: 100%;
    margin-top: 1rem;
    font-size: 1rem;
    padding: 1rem;
}

/* ─── THANK YOU PAGE ──────────────────────────────────────────────────── */
.thankyou-page { padding: 3rem 0; max-width: 640px; margin: 0 auto; }

.thankyou-success {
    background: var(--pp-surface);
    border: 1px solid var(--pp-border-gold);
    border-radius: var(--radius-xl);
    padding: 3rem 2rem;
    text-align: center;
    margin-bottom: 2rem;
}
.thankyou-success__icon {
    width: 72px; height: 72px;
    background: rgba(22,163,74,0.1);
    border: 2px solid rgba(22,163,74,0.4);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1.5rem;
    color: #16a34a;
    font-size: 2rem;
}
.thankyou-success__title { font-family: var(--font-heading); font-size: 2rem; font-weight: 800; text-transform: uppercase; color: var(--pp-white); margin-bottom: 1rem; }
.thankyou-success__text { color: var(--pp-text-muted); font-size: 0.95rem; line-height: 1.6; margin-bottom: 1.5rem; }
.thankyou-success__details { display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem; text-align: left; }
.detail-label { display: block; color: var(--pp-text-muted); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.125rem; }
.detail-value { color: var(--pp-white); font-weight: 600; }
.thankyou-back { text-align: center; margin-top: 1.5rem; }
.thankyou-back__link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--pp-gold); font-size: 0.875rem; font-weight: 600; transition: color var(--transition-fast); }
.thankyou-back__link:hover { color: var(--pp-gold-light); }

/* ─── MINHA CONTA ─────────────────────────────────────────────────────── */
.woocommerce-account .woocommerce { display: flex; flex-direction: column; gap: 2rem; padding: 2rem 0 4rem; }
@media (min-width: 768px) { .woocommerce-account .woocommerce { flex-direction: row; gap: 3rem; } }

.woocommerce-MyAccount-navigation { min-width: 220px; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    font-family: var(--font-heading);
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.75);
    border-radius: var(--radius-sm);
    border-left: 3px solid transparent;
    transition: all var(--transition-fast);
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--pp-gold);
    border-left-color: var(--pp-gold);
    background: rgba(230,193,87,0.06);
}
.woocommerce-MyAccount-content { flex: 1; min-width: 0; }

/* ─── CARRINHO VAZIO ──────────────────────────────────────────────────── */
.cart-empty {
    text-align: center;
    padding: 4rem 1rem;
}
.cart-empty__img { max-height: 200px; margin: 0 auto 2rem; }
.cart-empty__title { font-family: var(--font-heading); font-size: 2rem; font-weight: 800; text-transform: uppercase; color: var(--pp-white); margin-bottom: 1rem; }
.cart-empty__text { color: var(--pp-text-muted); max-width: 32rem; margin: 0 auto 2rem; }
.cart-empty__btn { display: inline-flex; align-items: center; gap: 0.5rem; }