/* =========================================================
   MIS PUBLICACIONES – HEADER PRIVADO (UNICA VERSION)
   ========================================================= */

body.my-publications-template .mp-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:10px 0 18px;
}

body.my-publications-template .mp-left{
  flex:0 0 auto;
}

/* Lado derecho: buscador + botones en una fila */
body.my-publications-template .mp-right{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;            /* desktop: NO saltar de linea */
}

/* Buscador: que pueda estirarse sin empujar los botones afuera */
body.my-publications-template .mp-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  flex:1 1 420px;              /* crece */
  max-width:560px;             /* limite para que no “coma” botones */
}

body.my-publications-template #mp_search_str{
  flex:1 1 auto;
  width:100%;
  min-width:240px;
  height:40px;
  padding:6px 12px;
  border:1px solid rgba(0,0,0,.25);
  border-radius:20px;
  background:#fff;
}

/* Normalizar altura de botones */
body.my-publications-template .mp-search-btn,
body.my-publications-template .mp-cta{
  height:40px;
  padding:0 16px;
  border-radius:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
}

/* MIS DATOS gris (pero con buen contraste) */
body.my-publications-template .mp-cta-gray{
  background:#6c757d !important;
  color:#fff !important;
  border:1px solid #6c757d !important;
}

/* Responsive: en pantallas chicas sí dejamos que baje prolijo */
@media (max-width: 900px){
  body.my-publications-template .mp-right{
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  body.my-publications-template .mp-search{
    flex:1 1 100%;
    max-width:100%;
  }

  body.my-publications-template #mp_search_str{
    min-width:0;
  }
}
/* === Ajuste fino botones header Mis Publicaciones === */

body.my-publications-template .mp-right a.mt-button{
  height:40px;
  border-radius:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
}

/* MIS DATOS = botón secundario del grupo */
body.my-publications-template .mp-cta-gray{
  background:#7a7f85 !important;
  border-color:#7a7f85 !important;
  color:#fff !important;
  margin-left:6px; /* lo integra visualmente al grupo */
}

/* evitar que parezca “aislado” */
body.my-publications-template .mp-right{
  align-items:center;
}
/* =====================================================
   SISTEMA UNIFICADO DE BOTONES – MIS PUBLICACIONES
   ===================================================== */

/* Altura y forma base para TODOS los botones de acción */
body.my-publications-template .mt-button{
  height:40px;
  border-radius:20px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

/* Header: buscador + botones */
body.my-publications-template .mp-search-btn,
body.my-publications-template .mp-cta{
  height:40px;
}

/* Grupo de acciones (pausar / activar / aumentar) */
body.my-publications-template form[name="frm_adjust_price"] .mt-button{
  height:40px;
  border-radius:20px;
  padding:0 18px;
}

/* Separación y alineado prolijo del bloque de acciones */
body.my-publications-template form[name="frm_adjust_price"] > div[style*="display:flex"]{
  gap:10px !important;
  align-items:center;
}

/* Botón secundario (MIS DATOS) */
body.my-publications-template .mp-cta-gray{
  background:#7a7f85 !important;
  border-color:#7a7f85 !important;
  color:#fff !important;
}
/* =====================================================
   HEADER: 3 BOTONES SIEMPRE EN UNA LINEA (DESKTOP)
   ===================================================== */

body.my-publications-template .mp-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;          /* ← CLAVE: no bajar línea */
}

/* El buscador no puede “empujar” a los botones */
body.my-publications-template .mp-search{
  flex:0 0 auto;             /* no crecer infinito */
}

body.my-publications-template #mp_search_str{
  width:360px;               /* ancho controlado */
  max-width:36vw;            /* responsive */
}

/* Botones siempre visibles y alineados */
body.my-publications-template .mp-search-btn,
body.my-publications-template .mp-cta{
  flex:0 0 auto;
}

/* =========================
   MOBILE: permitir wrap
   ========================= */
@media (max-width: 900px){
  body.my-publications-template .mp-right{
    flex-wrap:wrap;          /* acá sí dejamos bajar */
  }

  body.my-publications-template .mp-search{
    width:100%;
  }

  body.my-publications-template #mp_search_str{
    width:100%;
    max-width:100%;
  }
}

/* =====================================
   BUSCADOR – TEXTO MAS LEGIBLE
   ===================================== */

body.my-publications-template #mp_search_str{
  font-size:15px;        /* ← tamaño cómodo y moderno */
  line-height:1.4;
  padding:8px 14px;      /* respira mejor verticalmente */
}

/* placeholder un poco mas suave */
body.my-publications-template #mp_search_str::placeholder{
  font-size:14px;
  color:#777;
}