/* =========================================================
   PAGE TITLE / BREADCRUMB EN UNA LINEA  (pedido Matias 26/06, punto 0)
   ---------------------------------------------------------
   El "page title" de WoodMart (clase .wd-page-title) se renderiza en
   TODAS las paginas internas (cuenta, ficha, shop, contacto, etc.) con
   el titulo y la ruta (breadcrumb) en DOS lineas y mucho espacio vertical.

   Matias pidio: titulo + ruta en UNA sola linea, mas fino, el tamano de
   fuente del titulo IGUAL al de la ruta ("Home / My account"), y poco
   espacio arriba/abajo.

   Markup real (verificado en vivo):
     .wd-page-title > .container > h1.entry-title.title  +  nav.wd-breadcrumbs

   Solo presentacion (CSS), global, reversible. Encolado siempre en
   functions.php (naccato_woodmart_child_enqueue_styles).
   ========================================================= */

/* Compactar la franja: poco espacio arriba/abajo. WoodMart aplica el
   padding via theme settings; lo recortamos sin tocar el fondo. */
.wd-page-title.page-title {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm);
}

/* Titulo + ruta en la misma linea. En mobile permite wrap si no entra.
   WoodMart fija el contenedor en `flex-direction: column` (apila titulo y
   ruta); forzamos `row` con !important para ponerlos en una sola linea. */
html .wd-page-title .container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-xs) var(--space-md);
}

/* Titulo al MISMO tamano/peso que la ruta: "mucho mas fino y delicado".
   WoodMart fija el tamano del titulo via CSS dinamico inline
   (`html .page-title > .container > .title { font-size:32px }`, esp. 0,3,1),
   asi que igualamos especificidad (prefijo html) + !important en el tamano. */
html .wd-page-title .entry-title.title {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-sm) !important;
    font-weight: 600;
    line-height: 1.3 !important;
    letter-spacing: 0;
    text-transform: none;
}

/* La ruta (breadcrumb) alineada al titulo, mismo tamano, sin margen. */
.wd-page-title .wd-breadcrumbs {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.3;
}

/* Separador sutil entre el titulo y la ruta cuando van juntos en desktop. */
@media (min-width: 769px) {
    .wd-page-title .entry-title.title + .wd-breadcrumbs::before {
        content: "·";
        margin-right: var(--space-md);
        color: var(--color-text-muted);
    }
}