/* Minha conta (rodada 4, P13). No lugar da cópia de 14,7 kB do CSS dos protótipos (.k-*, .co*, .tl*, .slot…), que não
   casava com a marcação do WooCommerce. A grade, a navegação, os campos e a miniatura (.fcf-thumb) vêm do commerce.css;
   aqui fica o que a rodada 4 acrescenta. Este arquivo carrega antes do commerce.css: o prefixo #main-content ganha dele e
   do CSS padrão do WooCommerce sem !important (o único !important vence o do próprio WooCommerce na tabela de pedidos). */
#main-content .fcf-account-content{padding:0;line-height:1.5}
#main-content .fcf-account-content h2{margin:0 0 10px;font:600 17px/1.3 Inter,sans-serif;letter-spacing:0}
#main-content .fcf-account-content p a:not(.fcf-btn){color:var(--accent-text);font-weight:600}
#main-content .fcf-account-nav ul{flex-wrap:wrap}
#main-content .fcf-account-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--ink);font-size:14px}
#main-content .fcf-account-nav a[aria-current=page]{color:var(--accent-ink)}
#main-content .fcf-account-nav li:last-child a{color:var(--muted)}

/* botões (R2/R16) e selos de status */
#main-content .fcf-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
#main-content .fcf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 18px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:600 15px/1.25 Inter,sans-serif;text-decoration:none}
#main-content .fcf-btn--primary,#main-content .woocommerce-EditAccountForm .button,#main-content .woocommerce-address-fields .button,#main-content .woocommerce-ResetPassword .button{min-height:52px;padding:12px 24px;border-color:var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:16px}
#main-content .fcf-btn--primary:hover{border-color:#bf2246;background:#bf2246}
#main-content .fcf-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--muted);font-size:13px;font-weight:600;line-height:1.3}
#main-content .fcf-badge--warn{background:var(--warn-soft);color:#87560d}
#main-content .fcf-badge--ok{background:#e4f1e8;color:#1d5a36}
#main-content .fcf-badge--bad{background:#fbeaea;color:#96302a}

/* painel: saudação, o que precisa do cliente e os pedidos recentes em cartões */
#main-content .fcf-dash-hello{margin:0 0 20px}
#main-content .fcf-dash-hello h2,#main-content .fcf-login h2{margin:0;font:500 30px/1.1 "EB Garamond",Georgia,serif;letter-spacing:-.01em}
#main-content .fcf-dash-hello p,#main-content .fcf-dash-links,#main-content .fcf-dash-empty{margin:4px 0 0;color:var(--muted);font-size:14.5px}
#main-content .fcf-dash-alert{margin:0 0 24px;padding:16px;border-left:4px solid var(--warn);border-radius:4px;background:var(--warn-soft)}
#main-content .fcf-dash-alert p{margin:0 0 12px}
#main-content .fcf-dash-orders__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px}
#main-content .fcf-dash-orders__head h2{margin:0}
#main-content .fcf-more,#main-content .woocommerce-Address-title .edit,#main-content .lost_password a{float:none;display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text);font-weight:600}
#main-content .fcf-dash-links{margin-top:24px;line-height:1.9}
#main-content .fcf-ocards{display:grid;gap:12px}
#main-content .fcf-ocard{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 14px;margin:0;padding:14px;border:1px solid var(--line);border-radius:4px}
#main-content .fcf-ocard__title{margin:0;font-size:16px;font-weight:600;letter-spacing:0}
#main-content .fcf-ocard__meta{margin:2px 0 6px;color:var(--muted);font-size:14px}
#main-content .fcf-ocard__acts{grid-column:1/-1}

/* pedidos: cartões no celular, tabela no computador */
#main-content table.fcf-orders{display:block;border:0;font-size:14.5px}
#main-content table.fcf-orders thead{display:none}
#main-content table.fcf-orders tbody{display:grid;gap:12px}
#main-content table.fcf-orders tr.order{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px;border:1px solid var(--line);border-radius:4px}
#main-content table.fcf-orders tr.order>*{display:block;padding:0;border:0;background:none;text-align:left!important;font-weight:400}
#main-content table.fcf-orders td::before{display:none}
#main-content table.fcf-orders tr.order th.woocommerce-orders-table__cell-order-number{display:flex;flex:1 1 100%;align-items:center;gap:12px}
#main-content .fcf-orders__thumb{flex:none;width:56px}
#main-content .fcf-orders__number{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:16px;font-weight:600;text-decoration:none}
#main-content table.fcf-orders .woocommerce-orders-table__cell-order-date,#main-content table.fcf-orders .woocommerce-orders-table__cell-order-total{color:var(--muted);font-size:14px}
#main-content table.fcf-orders .woocommerce-orders-table__cell-order-actions{flex:1 1 100%}

/* endereços, dados da conta e senha (marcação do WooCommerce; campos do commerce.css) */
#main-content .woocommerce-Addresses{display:grid;gap:16px;margin-top:16px}
#main-content .woocommerce-Addresses::before,#main-content .woocommerce-Addresses::after,#main-content .woocommerce-Address-title::before,#main-content .woocommerce-Address-title::after,#main-content .fcf-login::before,#main-content .fcf-login::after{display:none}
#main-content .woocommerce-Address{float:none;width:auto;padding:16px;border:1px solid var(--line);border-radius:4px}
#main-content .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px}
#main-content .woocommerce-Address-title h2{float:none;margin:0}
#main-content fieldset{border-radius:4px}
#main-content #account_display_name_description{display:block;margin-top:6px;color:var(--muted);font-size:13px}
#main-content #account_display_name_description em{font-style:normal}
#main-content .woocommerce-ResetPassword{max-width:520px}
#main-content .woocommerce-ResetPassword .form-row-first{float:none;width:100%}

/* entrar e criar conta */
#main-content .fcf-login-lead{margin:0 0 20px;color:var(--muted);font-size:15.5px}
#main-content .fcf-login{display:grid;gap:16px}
#main-content .fcf-login__box{float:none;width:auto;padding:20px 16px;border:1px solid var(--line);border-radius:4px}
#main-content .fcf-login__box--new{border-color:var(--wall);background:var(--wall)}
#main-content .fcf-login h2{margin-bottom:12px;font-size:28px}
#main-content .fcf-login form{margin:0;padding:0;border:0}
#main-content .fcf-login__hint{margin:0 0 14px;color:var(--muted);font-size:14.5px}
#main-content .fcf-login__actions{display:grid;gap:12px}
#main-content .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:400}
#main-content .woocommerce-form-login__rememberme input{width:20px;height:20px;margin:0}
#main-content .fcf-login .fcf-btn{width:100%}
#main-content .fcf-login-guest{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:20px 0 0;padding:16px;border:1px solid var(--line);border-radius:4px}
#main-content .fcf-login-guest span{flex:1 1 220px}

@media (min-width:900px){
  #main-content .fcf-account-nav a{padding:0 14px;font-size:15px}
  #main-content .fcf-account-nav a[aria-current=page]{color:var(--accent-text)}
  #main-content .fcf-ocard{grid-template-columns:72px minmax(0,1fr) auto;align-items:center}
  #main-content .fcf-ocard__acts{grid-column:auto;justify-content:flex-end}
  #main-content table.fcf-orders{display:table;border-collapse:collapse}
  #main-content table.fcf-orders thead{display:table-header-group}
  #main-content table.fcf-orders thead th{padding:0 12px 10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;text-align:left}
  #main-content table.fcf-orders tbody{display:table-row-group}
  #main-content table.fcf-orders tr.order{display:table-row;border:0}
  #main-content table.fcf-orders tr.order>*{display:table-cell;padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:middle}
  #main-content table.fcf-orders tr.order th.woocommerce-orders-table__cell-order-number{display:table-cell;white-space:nowrap}
  #main-content .fcf-orders__thumb{display:inline-block;width:48px;margin-right:10px;vertical-align:middle}
  #main-content .fcf-orders__thumb .fcf-thumb-tag{display:none}
  #main-content table.fcf-orders .woocommerce-orders-table__cell-order-date{min-width:96px}
  #main-content table.fcf-orders .fcf-btns{justify-content:flex-end;flex-wrap:nowrap;gap:6px}
  #main-content table.fcf-orders .fcf-btn{padding:8px 12px;white-space:nowrap}
  #main-content table.fcf-orders .fcf-badge{white-space:nowrap}
  #main-content .woocommerce-Addresses,#main-content .fcf-login{grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  #main-content .fcf-login__box{padding:28px}
  #main-content .fcf-dash-hello h2{font-size:36px}
}
