/*
Theme Name: MS Metal Solution — Blog
Theme URI: https://smmetalsolution.com/blog/
Author: MS Metal Solution
Author URI: https://smmetalsolution.com
Description: Tema custom para el blog de MS Metal Solution. Vive en /blog/ y reutiliza el CSS del sitio estático (/assets/styles.css) sin duplicar estilos. El sitio principal sigue siendo HTML estático en la raíz; WordPress sólo gobierna /blog/.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ms-blog
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ------------------------------------------------------------
   IMPORTANTE
   El estilo VISUAL del blog vive en /assets/styles.css del
   sitio estático. Este archivo style.css existe sólo porque
   WordPress lo exige como cabecera de tema; aquí no se
   reescribe ningún estilo del sitio. Todos los selectores
   (.nav, .blog-card, .article, .gold-text, etc.) ya están
   definidos en /assets/styles.css y se enqueuean desde
   functions.php con una ruta absoluta a la raíz del dominio.
   ------------------------------------------------------------ */

/* Pequeños ajustes específicos del editor / admin bar de WP.
   Sólo cosas que no tienen equivalente en el sitio estático. */

/* Empuja el contenido hacia abajo cuando WP muestra su admin
   bar (32px desktop, 46px móvil) para no taparlo con la
   .cert-bar fija del sitio. */
body.admin-bar .cert-bar { top: 32px; }
@media screen and (max-width: 782px){
  body.admin-bar .cert-bar { top: 46px; }
}
body.admin-bar .nav { top: calc(36px + 32px); }
@media screen and (max-width: 900px){
  body.admin-bar .nav { top: calc(54px + 46px); }
}

/* Paginación nativa de WP dentro de la grid del blog */
.ms-pagination{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:8px;margin:48px auto 0;
}
.ms-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 12px;
  background:var(--bg-2);border:1px solid var(--line);border-radius:8px;
  color:var(--muted);font-size:14px;font-weight:600;
  transition:all .2s;
}
.ms-pagination .page-numbers:hover{
  color:var(--gold-2);border-color:rgba(200,148,26,.4);
}
.ms-pagination .page-numbers.current{
  background:rgba(200,148,26,.12);
  border-color:var(--gold-2);
  color:var(--gold-2);
}

/* Comentarios (estilo mínimo, coherente con el dark theme) */
.ms-comments{
  max-width:760px;margin:64px auto 0;
  padding-top:40px;border-top:1px solid var(--line);
}
.ms-comments h3{
  font-family:'Bebas Neue',sans-serif;font-size:24px;
  letter-spacing:1px;color:var(--silver-1);margin-bottom:24px;
}
.ms-comments .comment{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:12px;padding:20px 22px;margin-bottom:14px;
}
.ms-comments .comment-author{
  color:var(--gold-2);font-weight:600;font-size:14px;margin-bottom:4px;
}
.ms-comments .comment-date{
  color:var(--muted);font-size:12px;margin-bottom:10px;
}
.ms-comments .comment-text{color:#cfcfcf;font-size:14.5px}
.ms-comments form{margin-top:24px}
.ms-comments label{
  display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--gold-2);margin:14px 0 6px;
}
.ms-comments input[type="text"],
.ms-comments input[type="email"],
.ms-comments input[type="url"],
.ms-comments textarea{
  width:100%;padding:12px 14px;
  background:var(--bg-1);border:1px solid var(--line);border-radius:8px;
  color:var(--text);font-size:14.5px;font-family:inherit;
}
.ms-comments textarea{resize:vertical;min-height:120px}
.ms-comments .form-submit input{
  background:var(--whatsapp);color:#fff;
  padding:14px 24px;border:none;border-radius:10px;
  font-weight:600;font-size:14px;cursor:pointer;
  margin-top:14px;transition:all .2s;
}
.ms-comments .form-submit input:hover{
  background:var(--whatsapp-dark);transform:translateY(-1px);
}

/* Mensaje "no hay posts" */
.ms-empty{
  max-width:600px;margin:60px auto;text-align:center;
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:14px;padding:48px 28px;
}
.ms-empty h2{
  font-family:'Bebas Neue',sans-serif;font-size:32px;
  color:var(--silver-1);margin-bottom:12px;letter-spacing:1px;
}
.ms-empty p{color:var(--muted);margin-bottom:20px}

/* Bloque "post anterior / siguiente" debajo del artículo */
.ms-post-nav{
  max-width:760px;margin:48px auto 0;
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.ms-post-nav a{
  background:var(--bg-2);border:1px solid var(--line);
  border-radius:12px;padding:18px 22px;
  transition:all .25s;
  display:block;
}
.ms-post-nav a:hover{
  border-color:rgba(200,148,26,.35);
  transform:translateY(-2px);
}
.ms-post-nav .dir{
  color:var(--gold-2);font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;
}
.ms-post-nav .title{color:var(--silver-1);font-size:14.5px;font-weight:500}
.ms-post-nav .next{text-align:right}
@media (max-width:600px){
  .ms-post-nav{grid-template-columns:1fr}
  .ms-post-nav .next{text-align:left}
}