/* ============================================================
   GPI Pharmacy — woocommerce.css
   Estilos aplicados às classes reais do WooCommerce + gpi-core
   ============================================================ */

/* ---------- BOTÕES WooCommerce ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button{
  background:var(--teal) !important;color:#fff !important;border:1.5px solid var(--teal) !important;
  border-radius:var(--r) !important;font-family:var(--font-display) !important;font-weight:600 !important;
  letter-spacing:-.01em;padding:12px 22px !important;transition:.15s;box-shadow:none !important;text-transform:none}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:hover{background:var(--teal-600) !important;border-color:var(--teal-600) !important}

/* Adicionar ao carrinho na página do produto = petróleo */
.woocommerce div.product form.cart .button.single_add_to_cart_button{
  background:var(--petrol) !important;border-color:var(--petrol) !important;width:100%;padding:14px 22px !important}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover{filter:brightness(1.08)}

/* Botão secundário/desabilitado */
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce input.button:disabled{
  background:var(--surface-2) !important;color:var(--muted) !important;border-color:var(--line) !important;cursor:not-allowed}

/* ---------- LOOP DA LOJA (cards de produto) ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;padding:0 !important;box-shadow:var(--sh-1);display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;background:var(--surface-2)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.25;padding:12px 14px 0}
.woocommerce ul.products li.product .price{
  color:var(--ink) !important;font-family:var(--font-display);font-weight:700;font-size:16px;
  font-variant-numeric:tabular-nums;padding:6px 14px 0;display:block}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin:12px 14px 14px !important;text-align:center;display:block}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:block}
/* categoria acima do título via gpi-core (se presente) */
.woocommerce ul.products li.product .gpi-loop-cat{font-size:10.5px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--muted);padding:12px 14px 0;display:block}

/* Selo de receita gpi-core sobre a imagem */
.woocommerce ul.products li.product{position:relative}
.gpi-badge.gpi-badge--rx{background:var(--petrol);color:#fff}

/* ---------- PÁGINA DE PRODUTO ---------- */
.woocommerce div.product .product_title{font-size:clamp(1.5rem,3vw,1.9rem);margin:.2em 0}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.6rem;font-variant-numeric:tabular-nums}
.woocommerce div.product .woocommerce-product-gallery{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface);border-color:var(--line);border-radius:var(--r) var(--r) 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ground);border-bottom-color:var(--ground)}
.woocommerce div.product .quantity .qty{border:1.5px solid var(--line-2);border-radius:var(--r);padding:10px;background:var(--ground);color:var(--ink)}

/* Selo/aviso/prazo do gpi-core no produto */
.gpi-badge-line{margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap}
.gpi-prazo{font-size:14px;color:var(--ink);margin:8px 0}
.gpi-aviso-produto{background:var(--surface);border-left:3px solid var(--teal);padding:12px 16px;border-radius:0 var(--r) var(--r) 0;margin:14px 0;font-size:14px}

/* ---------- FORMULÁRIOS (campos) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce-cart .input-text,.woocommerce table.cart td.actions .coupon .input-text{
  border:1.5px solid var(--line-2) !important;border-radius:var(--r) !important;
  padding:11px 13px !important;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:14.5px}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;border-color:var(--teal) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 20%,transparent)}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--danger) !important}
.woocommerce form .form-row label{font-weight:600;font-size:13px;color:var(--ink)}

/* ---------- CARRINHO ---------- */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:var(--r-lg);border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{background:var(--surface);font-family:var(--font-display);font-size:13px}
.woocommerce .cart_totals h2,.woocommerce-cart-form + *{font-family:var(--font-display)}
.woocommerce-cart .cart-collaterals .cart_totals{border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;background:var(--ground);box-shadow:var(--sh-1)}
.woocommerce a.remove{color:var(--danger) !important;border-color:var(--danger)}

/* ---------- CHECKOUT ---------- */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{max-width:none}
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{clear:none}
.woocommerce-checkout #order_review{
  border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;background:var(--ground);box-shadow:var(--sh-1)}
.woocommerce-checkout #payment{background:var(--surface);border-radius:var(--r-lg)}
.woocommerce-checkout #payment div.payment_box{background:var(--surface-2);border-radius:var(--r)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--surface-2)}
#add_payment_method #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line)}

/* ---------- CAIXA DE RECEITA (gpi-core) ---------- */
.gpi-receita-box{border:1.5px solid var(--teal);background:var(--surface);border-radius:var(--r-lg);
  padding:22px;margin:22px 0;box-shadow:var(--sh-1)}
.gpi-receita-box h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.15rem;
  display:flex;align-items:center;gap:9px}
.gpi-receita-box h3::before{content:"◆";color:var(--petrol);background:color-mix(in srgb,var(--petrol) 14%,transparent);
  width:26px;height:26px;border-radius:6px;display:inline-grid;place-items:center;font-size:12px}
.gpi-receita-box .gpi-aviso{font-size:14px;line-height:1.55;color:var(--ink)}
#gpi-receita-file{display:block;width:100%;margin:12px 0;padding:16px;border:1.5px dashed var(--teal);
  border-radius:var(--r);background:var(--ground);cursor:pointer;font-family:var(--font-body)}
.gpi-status{font-size:14px;min-height:1.2em;margin:8px 0;font-weight:600}
.gpi-status--busy{color:var(--warning)}
.gpi-status--ok{color:var(--success)}
.gpi-status--error{color:var(--danger)}
.gpi-consent{display:flex;gap:9px;font-size:12.5px;color:var(--muted);margin:12px 0;align-items:flex-start}
.gpi-sem-receita{font-size:14px;margin:14px 0 0;padding-top:14px;border-top:1px dashed var(--line)}
.gpi-sem-receita a{color:var(--wa);font-weight:600}

/* ---------- NOTICES (info/sucesso/atenção/erro) ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,
.wc-block-components-notice-banner{
  border-radius:var(--r) !important;border:1px solid transparent !important;
  padding:14px 16px !important;font-size:14px;box-shadow:none !important}
.woocommerce-message{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 30%,transparent) !important;color:var(--ink)}
.woocommerce-message::before{color:var(--success)}
.woocommerce-info{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 30%,transparent) !important;color:var(--ink)}
.woocommerce-info::before{color:var(--info)}
.woocommerce-error{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 35%,transparent) !important;color:var(--ink);list-style:none}
.woocommerce-error::before{color:var(--danger)}

/* ---------- MINHA CONTA ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation{border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;background:var(--ground)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none}
.woocommerce-account .woocommerce-MyAccount-navigation li{border:0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:9px 12px;border-radius:var(--r-sm);
  color:var(--muted);font-family:var(--font-body);font-size:14px}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--surface-2);color:var(--ink);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-content{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;background:var(--ground)}
.woocommerce-orders-table__cell-order-status,.order-status{display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--pill)}
/* status coloridos por classe do WooCommerce */
.status-gpi-receita,.order-status.status-gpi-receita{background:var(--warning-bg);color:var(--warning)}
.status-processing{background:var(--info-bg);color:var(--info)}
.status-completed{background:var(--success-bg);color:var(--success)}
.status-cancelled,.status-failed{background:var(--danger-bg);color:var(--danger)}
.status-on-hold,.status-pending{background:var(--surface-2);color:var(--ink)}

/* ---------- BREADCRUMB / PAGINAÇÃO ---------- */
.woocommerce .woocommerce-breadcrumb{font-size:12.5px;color:var(--muted)}
.woocommerce .woocommerce-breadcrumb a{color:var(--muted)}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:8px;color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--teal);color:#fff;border-color:var(--teal)}

/* ---------- RASTREAMENTO (linha do tempo no pedido) ---------- */
.gpi-tracking{margin:26px 0;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;background:var(--ground)}
.gpi-tracking h2{font-size:1.15rem;margin:0 0 16px}

/* ---------- RESPONSIVO: tabela do carrinho vira cards ---------- */
@media (max-width:600px){
  .woocommerce table.shop_table_responsive tr td{text-align:right;border-bottom:1px solid var(--line)}
  .woocommerce table.shop_table_responsive tr td::before{font-family:var(--font-display);font-weight:600;color:var(--muted)}
  .woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{position:static}
}