/* ==========================================================================
   CineSeriesPlus — ajustes de marca
   ==========================================================================
   Este archivo se carga DESPUÉS del CSS del tema (dependencia 'main-css'), así
   que lo que hay aquí siempre manda. Sirve para:
     · Dar al logo el tamaño correcto (el original era de 80x70 px, pensado para
       un logo cuadrado; el nuestro es horizontal, así que se ajusta el ancho).
     · Que el logo nunca se deforme ni se salga de la barra.
   Si algún día cambias el logo, sólo hay que tocar la medida de abajo.
   ========================================================================== */

/* --- Logo del header ------------------------------------------------------ */
.header__logo {
	width: auto !important;      /* ancho automático según el logo */
	max-width: 62vw;             /* nunca más del 62% del ancho de pantalla */
	height: 70px;
	margin-left: 0 !important;   /* el original dejaba 35 px de margen (era un logo pequeño) */
	display: flex;
	align-items: center;
}
.header__logo img {
	width: auto !important;
	height: 46px;                /* alto del logo (barra de 70 px) */
	max-width: 100%;
	display: block;
	object-fit: contain;
}

/* En pantallas grandes la barra mide 80 px */
@media (min-width: 1200px) {
	.header__logo { height: 80px; }
	.header__logo img { height: 52px; }
}

/* En móviles muy pequeños, algo más compacto */
@media (max-width: 575px) {
	.header__logo img { height: 38px; }
}

/* --- El contenido del header se reparte bien ahora que no hay menú -------- */
/* Antes: logo | menú (empujaba a la derecha con margin-left:auto) | buscador/entrar.
   Ahora sin menú: el buscador queda a la derecha y el logo a la izquierda. */
.header__content {
	justify-content: space-between;
}

/* --- Logo de la pantalla de acceso (wp-login.php) ------------------------- */
/* (El tamaño lo aplica el propio tema con estilos en línea; aquí sólo se evita
   que se deforme si algún día cambia la imagen.) */
body.login h1 a {
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}