/* Layout mobile igual à referência (PhotoAcompanhantes).
   Carregado em todas as páginas; só age em <=640px.
   Os elementos hdr-ico / viewrow / pub-bar são injetados por menu.js. */

/* escondidos por padrão (desktop) */
.hdr-ico{display:none;}
.viewrow{display:none;}
.pub-bar{display:none;}
body[data-view="1"] .masonry{columns:1;}
body[data-view="3"] .masonry{columns:3 92px;}

@media(max-width:640px){
  /* --- header: sem botão publicar, com ícone de busca --- */
  header .hrow .btn-publicar{display:none!important;}
  .hdr-ico{display:inline-flex!important;align-items:center;background:none;border:0;
    color:var(--blue,#1a3f8f);font-size:30px;line-height:1;padding:0 2px;cursor:pointer;}
  header .hrow{gap:12px;}

  /* --- Categoria / Gênero em 2 colunas (8 itens = 4 linhas x 2 colunas) --- */
  header .catrow{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);
    grid-auto-flow:column;column-gap:14px;row-gap:6px;align-items:center;padding:12px 16px;}
  header .catrow .cat-label{margin:0 0 2px!important;font-size:13px;color:#555;align-self:end;}
  header .catrow .pill{justify-content:flex-start;font-size:13px;padding:7px 12px;width:100%;}
  /* inativos = azul-claro */
  header .catrow .pill.acomp,header .catrow .pill.mass,header .catrow .pill.video,
  header .catrow .pill.on,header .catrow .pill.off{background:#dce9fb;color:#1a3f8f;font-weight:600;}
  header .catrow .pill.acomp i,header .catrow .pill.mass i,header .catrow .pill.video i,
  header .catrow .pill.on i,header .catrow .pill.off i{color:#3567b0;}
  /* ativos (Acompanhantes + Mulheres) = vermelho */
  header .catrow .pill.acomp,header .catrow .pill.on{background:#cc1414;color:#fff;}
  header .catrow .pill.acomp i,header .catrow .pill.on i{color:#fff;}

  /* --- busca: 2 linhas, botão de busca só ícone --- */
  header .searchrow input{min-width:0;}
  header .searchrow input[name=onde]{flex:1 1 auto;order:1;}
  header .searchrow .km{flex:0 0 auto;order:2;}
  header .searchrow input[name=q]{flex:1 1 55%;order:3;}
  header .searchrow .btn-proc{order:4;flex:0 0 auto;padding:11px 15px;font-size:0;}
  header .searchrow .btn-proc i{font-size:16px;}
  header .searchrow .btn-cfg{order:5;flex:0 0 auto;}

  /* --- fileira de ícones de visualização --- */
  .viewrow{display:flex!important;align-items:center;gap:16px;padding:9px 16px;border-top:1px solid #ededed;}
  .viewrow button{background:none;border:0;color:#e2231a;font-size:19px;cursor:pointer;padding:2px;line-height:1;opacity:.45;}
  .viewrow button.on{opacity:1;}

  /* --- barra "Publicar anúncio" abaixo --- */
  .pub-bar{display:flex!important;justify-content:flex-end;padding:10px 16px;border-top:1px solid #ededed;background:#fff;}

  header .agebar{background:#f2f2f2;color:#555;border-top-color:#e5e5e5;}
}