/* Página do bolão usa largura total: esconde a sidebar do tema e expande o conteúdo.
   Este CSS só é carregado na página /bolao (enqueue no shortcode), então não afeta
   outras páginas. */
.secondary-sidebar,.secondary-left-sidebar{display:none !important;}
.primary-content{width:100% !important;max-width:100% !important;flex:1 1 100% !important;}

.deixa-bolao{--b-green:#198754;--b-green-d:#1a5f40;--b-bg:#f8f9fa;--b-line:#e3e6ea;--b-txt:#212529;--b-mut:#6c757d;max-width:920px;margin:0 auto;color:var(--b-txt);font-size:15px;line-height:1.4;}
.deixa-bolao *{box-sizing:border-box;}
.bolao-loading,.bolao-empty{padding:24px 8px;text-align:center;color:var(--b-mut);}

/* cards / auth */
.bolao-card{background:#fff;border:1px solid var(--b-line);border-radius:14px;padding:22px;max-width:420px;margin:18px auto;box-shadow:0 4px 18px rgba(0,0,0,.05);}
.bolao-title{margin:0 0 4px;color:var(--b-green-d);font-size:22px;text-align:center;}
.bolao-sub{margin:0 0 16px;text-align:center;color:var(--b-mut);}
.bolao-form{display:flex;flex-direction:column;gap:12px;}
.bolao-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--b-mut);}
.bolao-field input{padding:10px 12px;border:1px solid var(--b-line);border-radius:9px;font-size:15px;color:var(--b-txt);}
.bolao-field input:focus{outline:none;border-color:var(--b-green);}

/* botões */
.bolao-btn{cursor:pointer;border:none;border-radius:9px;padding:10px 16px;font-weight:700;font-size:14px;transition:filter .15s,background .15s;}
.bolao-btn--primary{background:var(--b-green);color:#fff;}
.bolao-btn--primary:hover{filter:brightness(1.06);}
.bolao-btn--ghost{background:#eef1f4;color:var(--b-txt);}
.bolao-btn--ghost:hover{background:#e3e7eb;}
.bolao-btn:disabled{opacity:.6;cursor:default;}
.bolao-link{background:none;border:none;color:var(--b-green);cursor:pointer;font-weight:600;padding:4px;font-size:14px;}

/* tabs */
.bolao-tabs{display:flex;gap:6px;margin:14px 0;}
.bolao-tabs button{flex:1;cursor:pointer;border:1px solid var(--b-line);background:#fff;border-radius:999px;padding:9px 10px;font-weight:700;font-size:14px;color:var(--b-mut);}
.bolao-tabs button.is-active{background:var(--b-green);color:#fff;border-color:var(--b-green);}
.bolao-authtabs{margin:6px 0 14px;}

/* header */
.bolao-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px;}
.bolao-hello{font-size:15px;}

/* mensagens */
.bolao-msg{font-size:13px;min-height:18px;text-align:center;}
.bolao-msg--err{color:#c0392b;}
.bolao-msg--ok{color:var(--b-green);}

/* legenda / filtros */
.bolao-legend{background:var(--b-bg);border:1px solid var(--b-line);border-radius:9px;padding:8px 10px;font-size:12.5px;color:var(--b-mut);text-align:center;margin-bottom:10px;}
.bolao-legend b{color:var(--b-green-d);}
.bolao-filters{display:flex;gap:6px;margin-bottom:10px;}
.bolao-filters button{flex:1;cursor:pointer;border:1px solid var(--b-line);background:#fff;border-radius:999px;padding:7px;font-size:13px;font-weight:600;color:var(--b-mut);}
.bolao-filters button.is-active{background:var(--b-green-d);color:#fff;border-color:var(--b-green-d);}

/* lista em grade — menos rolagem (2+ colunas no desktop, 1 no mobile) */
#bolao-matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;align-items:start;}
.bolao-daysep{grid-column:1/-1;font-weight:700;color:var(--b-green-d);margin:10px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.4px;}

/* match (compacto) */
.bolao-match{border:1px solid var(--b-line);border-radius:10px;padding:7px 10px;background:#fff;}
.bolao-match.is-locked{background:var(--b-bg);}
.bolao-match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--b-mut);margin-bottom:5px;}
.bolao-round{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bolao-time{font-weight:700;}
.bolao-badge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:#eef1f4;color:var(--b-mut);white-space:nowrap;}
.bolao-badge--open{background:#e7f6ee;color:var(--b-green);}
.bolao-badge--live{background:#fdecea;color:#c0392b;}
.bolao-badge--end{background:#eceff1;color:#607d8b;}
.bolao-match-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;}
.bolao-team{display:flex;align-items:center;gap:6px;min-width:0;}
.bolao-team--away{flex-direction:row-reverse;text-align:right;}
.bolao-flag{font-size:18px;line-height:1;}
.bolao-tname{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* inputs de placar */
.bolao-inputs{display:flex;align-items:center;gap:5px;position:relative;}
.bolao-score{width:36px;height:36px;text-align:center;font-size:16px;font-weight:800;border:2px solid var(--b-line);border-radius:8px;color:var(--b-txt);}
.bolao-score:focus{outline:none;border-color:var(--b-green);}
.bolao-x{color:var(--b-mut);font-weight:700;}
.bolao-save{position:absolute;top:-8px;right:-12px;font-size:13px;font-weight:800;width:16px;text-align:center;}
.bolao-save[data-state=ok]{color:var(--b-green);}
.bolao-save[data-state=saving]{color:var(--b-mut);}
.bolao-save[data-state=err]{color:#c0392b;}

/* locked / resultado */
.bolao-locked{text-align:center;}
.bolao-real{font-size:18px;font-weight:800;color:var(--b-txt);}
.bolao-real--soon{font-size:12px;font-weight:600;color:var(--b-mut);}
.bolao-mypred{font-size:11.5px;color:var(--b-mut);margin-top:2px;}
.bolao-pts{display:inline-block;background:var(--b-green);color:#fff;border-radius:999px;padding:1px 7px;font-weight:800;margin-left:3px;}

/* pools */
.bolao-pts-banner{background:var(--b-green-d);color:#fff;border-radius:10px;padding:10px 14px;text-align:center;margin-bottom:12px;font-size:15px;}
.bolao-pts-banner b{font-size:18px;}
.bolao-pool{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--b-line);border-radius:11px;padding:11px 13px;margin-bottom:8px;background:#fff;}
.bolao-pool-name{font-weight:700;}
.bolao-pool-meta{font-size:12px;color:var(--b-mut);margin-top:2px;}
.bolao-pool-meta b{color:var(--b-green-d);letter-spacing:.5px;}
.bolao-pool-actions{display:flex;gap:6px;flex:0 0 auto;}
.bolao-tag{font-size:10px;background:#e7f6ee;color:var(--b-green);padding:1px 6px;border-radius:999px;font-weight:700;vertical-align:middle;}

.bolao-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.bolao-inline{display:flex;gap:6px;flex:1 1 240px;}
.bolao-inline input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--b-line);border-radius:9px;font-size:14px;}
.bolao-inline input:focus{outline:none;border-color:var(--b-green);}

/* ranking */
.bolao-rk-title{margin:8px 0 2px;color:var(--b-green-d);}
.bolao-rk-code{font-size:12px;color:var(--b-mut);margin-bottom:10px;}
.bolao-rk-code b{letter-spacing:.5px;}
.bolao-rk-table{width:100%;border-collapse:collapse;font-size:14px;}
.bolao-rk-table th{text-align:left;font-size:11.5px;color:var(--b-mut);text-transform:uppercase;letter-spacing:.4px;padding:6px 8px;border-bottom:1px solid var(--b-line);}
.bolao-rk-table th:last-child,.bolao-rk-table td:last-child,.bolao-rk-table th:nth-child(3),.bolao-rk-table td:nth-child(3){text-align:center;}
.bolao-rk-table td{padding:9px 8px;border-bottom:1px solid var(--b-line);}
.bolao-rk-pos{font-weight:800;color:var(--b-green-d);width:38px;}
.bolao-rk-pts{font-weight:800;}
.bolao-rk-table tr.is-me{background:#eafaf1;}

@media (max-width:520px){
  .bolao-tname{font-size:12.5px;}
  .bolao-score{width:38px;height:38px;font-size:17px;}
  .bolao-pool{flex-direction:column;align-items:stretch;}
  .bolao-pool-actions{justify-content:flex-end;}
}