/**
 * Engeduca WooCommerce Styling Minimalista
 * v1.0.0 - Marco 2 V2.2 (08/05/2026)
 *
 * Design system alinhado ao auth v4.1.0:
 * - Fundo: #fafafa
 * - Card: #ffffff (com sombra sutil + radius 12px + border 1px #ececec)
 * - Botao primario: #f08c2e solido com texto branco
 * - Tipografia: Inter, font-smoothing
 * - Cores texto: #1a1a1a (titulo), #6b7280 (secundario), #374151 (label)
 *
 * Aplica em: /carrinho, /checkout, /minha-conta (com body classes setadas pelo plugin)
 */

/* =============================================================================
   0. SUPRESSAO DO HERO ELEMENTOR (titulo + breadcrumb) nas paginas WC
   Cliente direcionou minimalista - nao queremos banner com fundo institucional
   ============================================================================= */

body.engeduca-woo-cart .elementor-widget-theme-post-title,
body.engeduca-woo-checkout .elementor-widget-theme-post-title,
body.engeduca-woo-account .elementor-widget-theme-post-title {
    display: none !important;
}

/* Esconde container do hero generico (background image) - so se tiver classe relevante.
   Critério: location = singular, esta na primeira section, contem post-title widget */
body.engeduca-woo-cart .elementor-location-single > .elementor-section:first-child:has(.elementor-widget-theme-post-title),
body.engeduca-woo-checkout .elementor-location-single > .elementor-section:first-child:has(.elementor-widget-theme-post-title),
body.engeduca-woo-account .elementor-location-single > .elementor-section:first-child:has(.elementor-widget-theme-post-title) {
    display: none !important;
}

/* Fallback para browsers sem :has - esconde apenas o widget, mantem container compactado */
body.engeduca-woo-cart .elementor-section.elementor-top-section:first-of-type .elementor-widget-theme-post-title,
body.engeduca-woo-checkout .elementor-section.elementor-top-section:first-of-type .elementor-widget-theme-post-title,
body.engeduca-woo-account .elementor-section.elementor-top-section:first-of-type .elementor-widget-theme-post-title {
    display: none !important;
}

/* =============================================================================
   1. RESET / WRAPPER PRINCIPAL
   ============================================================================= */

body.engeduca-woo-cart .woocommerce,
body.engeduca-woo-checkout .woocommerce,
body.engeduca-woo-account .woocommerce {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.engeduca-woo-cart,
body.engeduca-woo-checkout,
body.engeduca-woo-account {
    background: #fafafa;
}

/* Card containers para sentir consistencia com auth */
body.engeduca-woo-cart .woocommerce,
body.engeduca-woo-checkout .woocommerce,
body.engeduca-woo-account .woocommerce {
    max-width: 980px;
    margin: 24px auto;
    padding: 32px 24px;
}

/* =============================================================================
   2. TIPOGRAFIA E HEADINGS
   ============================================================================= */

body.engeduca-woo-cart h1,
body.engeduca-woo-checkout h1,
body.engeduca-woo-account h1,
body.engeduca-woo-cart h2,
body.engeduca-woo-checkout h2,
body.engeduca-woo-account h2,
.engeduca-woo-section-title,
.engeduca-woo-welcome {
    color: #1a2744;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.engeduca-woo-welcome {
    font-size: 26px;
    margin: 0 0 8px;
}

.engeduca-woo-welcome-sub {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 28px;
    line-height: 1.5;
}

.engeduca-woo-section-title {
    font-size: 18px;
    margin: 32px 0 16px;
}

/* =============================================================================
   3. FORMULARIOS WC (inputs e labels)
   ============================================================================= */

body.engeduca-woo-cart .woocommerce form .form-row label,
body.engeduca-woo-checkout .woocommerce form .form-row label,
body.engeduca-woo-account .woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
    display: block;
}

body.engeduca-woo-cart .woocommerce form .form-row input.input-text,
body.engeduca-woo-checkout .woocommerce form .form-row input.input-text,
body.engeduca-woo-account .woocommerce form .form-row input.input-text,
body.engeduca-woo-cart .woocommerce form .form-row textarea,
body.engeduca-woo-checkout .woocommerce form .form-row textarea,
body.engeduca-woo-account .woocommerce form .form-row textarea,
body.engeduca-woo-cart .woocommerce form .form-row select,
body.engeduca-woo-checkout .woocommerce form .form-row select,
body.engeduca-woo-account .woocommerce form .form-row select {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    color: #111827;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

body.engeduca-woo-checkout .woocommerce form .form-row textarea,
body.engeduca-woo-account .woocommerce form .form-row textarea {
    height: auto;
    min-height: 80px;
    padding: 12px 14px;
    line-height: 1.5;
}

body.engeduca-woo-cart .woocommerce form .form-row input.input-text:focus,
body.engeduca-woo-checkout .woocommerce form .form-row input.input-text:focus,
body.engeduca-woo-account .woocommerce form .form-row input.input-text:focus,
body.engeduca-woo-cart .woocommerce form .form-row textarea:focus,
body.engeduca-woo-checkout .woocommerce form .form-row textarea:focus,
body.engeduca-woo-account .woocommerce form .form-row textarea:focus,
body.engeduca-woo-cart .woocommerce form .form-row select:focus,
body.engeduca-woo-checkout .woocommerce form .form-row select:focus,
body.engeduca-woo-account .woocommerce form .form-row select:focus {
    outline: none;
    border-color: #f08c2e;
    box-shadow: 0 0 0 3px rgba(240, 140, 46, 0.15);
}

body.engeduca-woo-cart .woocommerce form .form-row input::placeholder,
body.engeduca-woo-checkout .woocommerce form .form-row input::placeholder,
body.engeduca-woo-account .woocommerce form .form-row input::placeholder {
    color: #9ca3af;
}

/* Required marker */
body.engeduca-woo-checkout .woocommerce form .form-row .required,
body.engeduca-woo-account .woocommerce form .form-row .required {
    color: #dc2626;
    text-decoration: none;
    margin-left: 2px;
}

/* =============================================================================
   4. BOTOES PRIMARIOS - alinhados ao auth (#f08c2e solido)
   Inclui:
   - .button.alt (call-to-action principal, ex Place Order)
   - .add_to_cart_button (loja - "Adicionar ao carrinho")
   - .single_add_to_cart_button (single product page)
   - button[type="submit"] dentro do form de login/registro
   ============================================================================= */

body.engeduca-woo-cart .woocommerce a.button.alt,
body.engeduca-woo-cart .woocommerce button.button.alt,
body.engeduca-woo-cart .woocommerce input.button.alt,
body.engeduca-woo-checkout .woocommerce a.button.alt,
body.engeduca-woo-checkout .woocommerce button.button.alt,
body.engeduca-woo-checkout .woocommerce input.button.alt,
body.engeduca-woo-account .woocommerce a.button.alt,
body.engeduca-woo-account .woocommerce button.button.alt,
body.engeduca-woo-account .woocommerce input.button.alt,
body.engeduca-woo-cart .woocommerce button.button[type="submit"],
body.engeduca-woo-checkout .woocommerce button.button[type="submit"],
body.engeduca-woo-account .woocommerce button.button[type="submit"],
body.engeduca-woo-shop a.add_to_cart_button,
body.engeduca-woo-shop button.single_add_to_cart_button,
body.engeduca-woo-shop a.button,
#place_order {
    background: #f08c2e !important;
    color: #1a1a1a !important; /* v1.1.0 RODADA 2 a11y: texto preto sobre laranja garante WCAG AA 7.2:1 (era 2.47:1 com white) */
    border: none !important;
    border-radius: 8px !important;
    height: 48px;
    padding: 0 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important; /* v1.1.0 - bumped 600 -> 700 para reforcar legibilidade */
    cursor: pointer;
    transition: background 0.15s, transform 0.05s;
    font-family: inherit;
    letter-spacing: 0.01em;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 48px !important;
}

/* v1.1.0 RODADA 2 BUG SWEEP: override de a regra LearnDash que aplica white.
 * O plugin learndash-lms-woocommerce-integration injeta CSS:
 *   .learndash-wrapper .ld-button, .woocommerce .button.alt, .woocommerce #place_order { color: #fff !important; }
 * Para vencer, usamos selector com mais especificidade adicional via :where + body context. */
html body.woocommerce-checkout #place_order,
html body.woocommerce-checkout .woocommerce #place_order,
html body.engeduca-woo-checkout .woocommerce #place_order,
html body.woocommerce-cart .woocommerce a.checkout-button,
html body.engeduca-woo-cart .woocommerce a.checkout-button,
html body.woocommerce .woocommerce-checkout button.button.alt,
html body.woocommerce-checkout button.button.alt#place_order {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    background: #f08c2e !important;
}
html body.woocommerce-checkout #place_order:hover,
html body.engeduca-woo-checkout .woocommerce #place_order:hover {
    color: #1a1a1a !important;
    background: #d87a25 !important;
}

body.engeduca-woo-cart .woocommerce a.button.alt:hover,
body.engeduca-woo-cart .woocommerce button.button.alt:hover,
body.engeduca-woo-cart .woocommerce input.button.alt:hover,
body.engeduca-woo-checkout .woocommerce a.button.alt:hover,
body.engeduca-woo-checkout .woocommerce button.button.alt:hover,
body.engeduca-woo-checkout .woocommerce input.button.alt:hover,
body.engeduca-woo-account .woocommerce a.button.alt:hover,
body.engeduca-woo-account .woocommerce button.button.alt:hover,
body.engeduca-woo-account .woocommerce input.button.alt:hover,
body.engeduca-woo-shop a.add_to_cart_button:hover,
body.engeduca-woo-shop button.single_add_to_cart_button:hover,
body.engeduca-woo-shop a.button:hover,
#place_order:hover {
    background: #d97a23 !important;
    color: #ffffff !important;
}

body.engeduca-woo-cart .woocommerce a.button.alt:focus,
body.engeduca-woo-checkout .woocommerce a.button.alt:focus,
body.engeduca-woo-account .woocommerce a.button.alt:focus,
#place_order:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(240, 140, 46, 0.35) !important;
}

/* Botao secundario (cancelar, voltar) */
body.engeduca-woo-cart .woocommerce a.button:not(.alt),
body.engeduca-woo-checkout .woocommerce a.button:not(.alt),
body.engeduca-woo-account .woocommerce a.button:not(.alt) {
    background: #ffffff !important;
    color: #1a2744 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.engeduca-woo-cart .woocommerce a.button:not(.alt):hover,
body.engeduca-woo-checkout .woocommerce a.button:not(.alt):hover,
body.engeduca-woo-account .woocommerce a.button:not(.alt):hover {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
}

/* =============================================================================
   5. CARRINHO - tabela e totais
   ============================================================================= */

body.engeduca-woo-cart table.shop_table {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
}

body.engeduca-woo-cart table.shop_table th {
    background: #f9fafb;
    color: #374151;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px 18px;
    border-bottom: 1px solid #ececec;
}

body.engeduca-woo-cart table.shop_table td {
    padding: 18px;
    color: #1a1a1a;
    border-bottom: 1px solid #f3f4f6;
}

body.engeduca-woo-cart table.shop_table tr:last-child td {
    border-bottom: none;
}

body.engeduca-woo-cart .cart_totals {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
}

body.engeduca-woo-cart .cart_totals h2 {
    margin: 0 0 16px;
    font-size: 18px;
}

body.engeduca-woo-cart .cart_totals .order-total .amount {
    color: #1a2744;
    font-size: 22px;
    font-weight: 700;
}

/* =============================================================================
   6. CHECKOUT - layout de duas colunas + sidebar
   ============================================================================= */

body.engeduca-woo-checkout #customer_details .col-1,
body.engeduca-woo-checkout #customer_details .col-2 {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
    margin-bottom: 24px;
}

body.engeduca-woo-checkout #customer_details h3 {
    color: #1a2744;
    font-size: 20px;
    margin: 0 0 24px;
    font-weight: 600;
}

body.engeduca-woo-checkout #order_review_heading,
body.engeduca-woo-checkout #order_review {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
}

body.engeduca-woo-checkout #order_review_heading {
    margin: 0;
    border-radius: 12px 12px 0 0;
    border-bottom: none;
    padding-bottom: 0;
}

body.engeduca-woo-checkout #order_review {
    border-radius: 0 0 12px 12px;
    border-top: none;
    margin-top: 0;
}

body.engeduca-woo-checkout #payment {
    background: transparent;
    border: none;
    margin-top: 18px;
}

body.engeduca-woo-checkout #payment .payment_methods {
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 12px 16px;
}

body.engeduca-woo-checkout #payment .payment_methods li {
    border: none;
    background: transparent;
    padding: 8px 0;
    list-style: none;
}

/* LGPD checkbox - estilo limpo */
body.engeduca-woo-checkout .engeduca-lgpd-checkbox {
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 18px 0;
    font-size: 13px;
    line-height: 1.5;
    color: #374151;
}

body.engeduca-woo-checkout .engeduca-lgpd-checkbox a {
    color: #f08c2e;
    text-decoration: underline;
    font-weight: 500;
}

body.engeduca-woo-checkout .engeduca-lgpd-checkbox input[type="checkbox"] {
    accent-color: #f08c2e;
    margin-right: 8px;
    transform: translateY(1px);
}

/* =============================================================================
   7. TRUST SIGNALS (movidos do PHP inline para CSS externo CSP-safe)
   ============================================================================= */

.engeduca-trust-signals {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 16px 20px;
    margin-bottom: 24px;
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 8px;
}

.engeduca-trust-signals .trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #374151;
}

.engeduca-trust-signals .trust-item strong {
    color: #1a2744;
    font-weight: 600;
}

.engeduca-trust-signals svg {
    flex-shrink: 0;
}

/* =============================================================================
   8. MINHA-CONTA - sidebar + dashboard
   ============================================================================= */

body.engeduca-woo-account .woocommerce-MyAccount-navigation {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 20px rgba(0,0,0,0.04);
}

body.engeduca-woo-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.engeduca-woo-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

body.engeduca-woo-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 11px 14px;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s;
}

body.engeduca-woo-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f9fafb;
    color: #1a2744;
}

body.engeduca-woo-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(240, 140, 46, 0.10);
    color: #f08c2e;
}

body.engeduca-woo-account .woocommerce-MyAccount-content {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 32px 32px 28px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
}

/* Quick cards no painel */
.engeduca-woo-quick-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 12px 0 32px;
}

.engeduca-woo-quick-card {
    display: block;
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 18px 18px;
    text-decoration: none;
    color: #1a1a1a;
    transition: border-color 0.15s, transform 0.05s, background 0.15s;
}

.engeduca-woo-quick-card:hover {
    border-color: #f08c2e;
    background: #fff;
    transform: translateY(-1px);
}

.engeduca-woo-quick-card-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a2744;
    margin-bottom: 4px;
}

.engeduca-woo-quick-card-desc {
    font-size: 13px;
    color: #6b7280;
}

/* Cards de cursos LearnDash */
.engeduca-woo-courses-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 12px 0 0;
}

.engeduca-woo-courses-grid-compact {
    grid-template-columns: repeat(3, 1fr);
}

.engeduca-woo-course-card {
    display: block;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 18px;
    text-decoration: none;
    color: #1a1a1a;
    transition: border-color 0.15s, transform 0.05s;
}

.engeduca-woo-course-card:hover {
    border-color: #f08c2e;
    transform: translateY(-1px);
}

.engeduca-woo-course-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a2744;
    margin: 0 0 12px;
    line-height: 1.35;
}

.engeduca-woo-course-progress {
    height: 6px;
    background: #f3f4f6;
    border-radius: 999px;
    overflow: hidden;
    margin-bottom: 8px;
}

.engeduca-woo-course-progress-bar {
    height: 100%;
    background: #f08c2e;
    transition: width 0.3s;
}

.engeduca-woo-course-meta {
    font-size: 12px;
    color: #6b7280;
}

.engeduca-woo-empty {
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    padding: 28px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.engeduca-woo-empty a {
    color: #f08c2e;
    font-weight: 600;
    text-decoration: underline;
}

/* =============================================================================
   9. LOGIN /minha-conta/ visitor (form de login WC)
   Suporta ambas estruturas:
   - WC <8: .u-columns.col2-set (login + register lado a lado)
   - WC >=8: form.login solto envolto por .engeduca-woo-login-wrap (mu-plugin)
   ============================================================================= */

/* WC 8+: form.login direto, sem container col2 */
body.engeduca-woo-account .engeduca-woo-login-wrap {
    max-width: 460px;
    margin: 16px auto;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 36px 32px 32px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
}

body.engeduca-woo-account .engeduca-woo-login-wrap form.login {
    margin: 0;
    padding: 0;
    border: none;
}

body.engeduca-woo-account .engeduca-woo-login-wrap form.login .form-row {
    margin-bottom: 14px;
}

/* Heading do form login (WC injeta H2 antes do form OU template usa diferente) */
body.engeduca-woo-account .engeduca-woo-login-wrap form.login::before {
    content: 'Acesse sua conta';
    display: block;
    color: #1a2744;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

body.engeduca-woo-account .engeduca-woo-login-wrap form.login::after {
    content: '';
    display: block;
    margin-bottom: 24px;
}

/* WC <8 estrutura legada (caso volte) */
body.engeduca-woo-account .u-columns.col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

body.engeduca-woo-account .u-columns.col2-set .col-1,
body.engeduca-woo-account .u-columns.col2-set .col-2 {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 12px 32px rgba(0,0,0,0.06);
    width: auto !important;
    float: none !important;
}

body.engeduca-woo-account .u-columns.col2-set h2 {
    color: #1a2744;
    font-size: 20px;
    margin: 0 0 8px;
    font-weight: 600;
}

body.engeduca-woo-account form.register {
    margin: 0;
    padding: 0;
    border: none;
}

body.engeduca-woo-account form.register .form-row {
    margin-bottom: 14px;
}

body.engeduca-woo-account .lost_password {
    margin-top: 14px;
    text-align: center;
}

body.engeduca-woo-account .lost_password a {
    color: #6b7280;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.15s;
}

body.engeduca-woo-account .lost_password a:hover {
    color: #f08c2e;
    text-decoration: underline;
}

/* Botao primario do login */
body.engeduca-woo-account .woocommerce-form-login__submit,
body.engeduca-woo-account form.login button[type="submit"] {
    background: #f08c2e !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 48px !important;
    width: 100%;
    padding: 0 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    box-shadow: none !important;
    text-shadow: none !important;
    line-height: 48px !important;
    margin-top: 6px;
}

body.engeduca-woo-account .woocommerce-form-login__submit:hover,
body.engeduca-woo-account form.login button[type="submit"]:hover {
    background: #d97a23 !important;
}

/* Esconde elementos do form.login que nao precisamos visualmente (botao Lost password se duplicar) */
body.engeduca-woo-account form.login p.lost_password {
    margin-top: 16px;
}

/* Checkbox lembrar de mim */
body.engeduca-woo-account form.login .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #4b5563;
    cursor: pointer;
    margin: 8px 0;
}

body.engeduca-woo-account form.login .woocommerce-form-login__rememberme input[type="checkbox"] {
    accent-color: #f08c2e;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 0;
}

/* =============================================================================
   10. MENSAGENS (success, error, info) WC
   ============================================================================= */

body.engeduca-woo-cart .woocommerce-message,
body.engeduca-woo-checkout .woocommerce-message,
body.engeduca-woo-account .woocommerce-message,
body.engeduca-woo-cart .woocommerce-info,
body.engeduca-woo-checkout .woocommerce-info,
body.engeduca-woo-account .woocommerce-info,
body.engeduca-woo-cart .woocommerce-error,
body.engeduca-woo-checkout .woocommerce-error,
body.engeduca-woo-account .woocommerce-error {
    background: #f9fafb;
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 18px;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: none;
}

body.engeduca-woo-cart .woocommerce-message::before,
body.engeduca-woo-checkout .woocommerce-message::before,
body.engeduca-woo-account .woocommerce-message::before,
body.engeduca-woo-cart .woocommerce-info::before,
body.engeduca-woo-checkout .woocommerce-info::before,
body.engeduca-woo-account .woocommerce-info::before {
    color: #f08c2e;
}

body.engeduca-woo-cart .woocommerce-error,
body.engeduca-woo-checkout .woocommerce-error,
body.engeduca-woo-account .woocommerce-error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

body.engeduca-woo-cart .woocommerce-error::before,
body.engeduca-woo-checkout .woocommerce-error::before,
body.engeduca-woo-account .woocommerce-error::before {
    color: #dc2626;
}

/* =============================================================================
   11. RESPONSIVO
   ============================================================================= */

@media (max-width: 980px) {
    body.engeduca-woo-checkout #customer_details .col-1,
    body.engeduca-woo-checkout #customer_details .col-2 {
        width: 100% !important;
        float: none !important;
    }

    body.engeduca-woo-account .u-columns.col2-set {
        grid-template-columns: 1fr;
    }

    body.engeduca-woo-cart .woocommerce,
    body.engeduca-woo-checkout .woocommerce,
    body.engeduca-woo-account .woocommerce {
        padding: 16px 12px;
    }
}

@media (max-width: 768px) {
    body.engeduca-woo-cart .woocommerce,
    body.engeduca-woo-checkout .woocommerce,
    body.engeduca-woo-account .woocommerce {
        max-width: 100%;
        padding: 16px 12px;
    }

    body.engeduca-woo-checkout #customer_details .col-1,
    body.engeduca-woo-checkout #customer_details .col-2 {
        padding: 24px 18px;
    }

    body.engeduca-woo-account .woocommerce-MyAccount-content {
        padding: 24px 18px 22px;
    }

    .engeduca-woo-quick-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .engeduca-woo-courses-grid,
    .engeduca-woo-courses-grid-compact {
        grid-template-columns: 1fr;
    }

    .engeduca-trust-signals {
        gap: 10px;
        padding: 12px 14px;
    }

    .engeduca-trust-signals .trust-item {
        font-size: 12px;
    }

    body.engeduca-woo-cart table.shop_table th,
    body.engeduca-woo-cart table.shop_table td {
        padding: 12px 8px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    body.engeduca-woo-account .woocommerce-MyAccount-navigation {
        padding: 8px;
    }

    body.engeduca-woo-account .woocommerce-MyAccount-navigation ul li a {
        font-size: 13px;
        padding: 9px 12px;
    }

    body.engeduca-woo-cart .cart_totals,
    body.engeduca-woo-cart table.shop_table {
        padding: 16px;
    }

    body.engeduca-woo-cart .cart_totals .order-total .amount {
        font-size: 20px;
    }

    body.engeduca-woo-checkout #order_review,
    body.engeduca-woo-checkout #order_review_heading {
        padding: 18px;
    }

    body.engeduca-woo-cart .woocommerce form .form-row input.input-text,
    body.engeduca-woo-checkout .woocommerce form .form-row input.input-text,
    body.engeduca-woo-account .woocommerce form .form-row input.input-text {
        font-size: 16px; /* evita zoom iOS */
    }
}