/*
 Theme Name:   Fukawai V3
 Theme URI:    http://instantes.net/
 Description:  Tema derivado de Fukasawa, personalizado para instantes.net
 Author:       Anders Norén & Antonio Martinez
 Author URI:   https://andersnoren.se
 Template:     fukasawa
 Version:      3.0
 Text Domain:  fukasawa
*/

/* ---------------------------------------------------------------------------------------------
   OVERRIDES DEL TEMA HIJO
   El padre se encola correctamente vía PHP (functions.php), por lo que
   el @import ya no es necesario aquí.
   --------------------------------------------------------------------------------------------- */


/* Logotipo ---------------------------------- */

.blog-logo {
	padding-top: 12%;
}

.blog-logo:hover {
	opacity: 1;
}

/* Título sin logo: centrado en el sidebar --- */

.blog-title {
	text-align: center;
}

/* Logo y título en móvil ------------------ */

@media only screen and (max-width: 1000px) {

	/* El padre pone width:100% a blog-logo y blog-title,
	   lo que empuja el botón MENÚ fuera del sidebar.
	   Lo sobreescribimos para que solo ocupen el espacio necesario. */

	.blog-logo,
	.blog-title {
		width: auto;
		flex: 0 1 auto;
	}

	.blog-logo {
		padding-top: 0;
	}

	.blog-logo img {
		max-height: 50px;
		width: auto;
	}

	.blog-title {
		text-align: left;
	}

	/* Botón MENÚ pegado al margen derecho del sidebar */
	.nav-toggle {
		margin-left: auto;
		flex-shrink: 0;
	}

}


/* Sidebar / créditos ------------------------ */

.widget_categories li:before {
	content: none;
}


/* Post interior ----------------------------- */

.post-inner {
	padding: 4% 0;
	width: 800px;
}


/* Tags en metadatos ------------------------- */

.post-meta-bottom .post-tags a {
	display: inline-block;
	padding: 6px 8px;
	margin: 0 1px 4px 0;
	border-radius: 2px;
	background: #eee;
	font-size: 11px !important;
	line-height: 1;
	color: #444;
}

.post-meta-bottom .post-tags li a:hover {
	background: #019EBD;
	color: #fff;
}


/* Disqus ------------------------------------ */

#disqus_thread {
	padding: 25px;
}

#dsq-app1 {
	width: 100% !important;
}


/* Imágenes alineadas ------------------------ */

img.alignleft,
.alignleft img,
img.aligncenter,
.aligncenter img,
img.alignright,
.alignright img {
	display: block;
	box-sizing: border-box;
	padding: 5px;
	border: 0;
}

img.alignnone,
.alignnone img {
	display: inline;
	box-sizing: border-box;
	padding: 5px;
	border: 0;
}


/* Contenido del post ------------------------ */

.post-content pre {
	background: #fff;
	color: grey;
}

.post-content blockquote p {
	margin-left: 10%;
}

.post-content h2 { font-size: 1.6em; }
.post-content h3 { font-size: 1.4em; }
.post-content h4 { font-size: 1.3em; }

.post-content iframe {
	width: 100% !important;
}


/* Post overlay ------------------------------ */

.post-overlay .view {
	top: 85%;
}


/* Campos ACF — foto semanal ----------------- */

.ubicacion-fecha {
	font-size: 95%;
}

.camara-exif {
	font-size: 80%;
}

.semana {
	font-size: 80%;
}

/* Foto semanal horizontal (single-fs-hor) --- */

.foto-semanal-titulo {
	text-align: center;
}

.foto-semanal-meta {
	text-align: center;
}

/* Navegación de archivo --------------------- */

.archive-nav .archive-nav-older {
	float: left;
}

.archive-nav .archive-nav-newer {
	float: right;
}


/* Formularios: campo email ------------------ */

.post-content input[type="email"] {
	width: 100%;
	padding: 14px 16px;
	font-size: 0.9em;
	border: none;
	color: #333;
	background: #f2f2f2;
	border-radius: 3px;
	-webkit-appearance: none;
}


/* Mailchimp --------------------------------- */

#mc_embed_signup label {
	margin: 10px auto -10px auto;
}


/* Plugin EZ TOC ----------------------------- */

#ez-toc-container.ez-toc-transparent {
	width: 100%;
	padding: 20px;
}

#ez-toc-container ul,
#ez-toc-container li,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li {
	line-height: 2;
}

div#ez-toc-container p.ez-toc-title {
	font-weight: 700;
	font-size: 1.6em;
}


/* Akismet aviso privacidad ------------------ */

p.akismet_comment_form_privacy_notice {
	font-size: small;
	text-align: center;
	padding: 30px;
}


/* Galería de bloques (Block Gallery) -------- */

.wp-block-gallery .blocks-gallery-item figure {
	flex-direction: column;
}

.wp-block-gallery .blocks-gallery-item figcaption {
	position: relative;
	bottom: auto;
	width: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 10px 0 20px;
	color: #333;
	text-align: center;
	font-size: 13px;
	background: linear-gradient( 0deg, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 0 ) 0%, transparent );
}





/* Separación metadatos → navegación --------- */

.post-meta-bottom {
	margin-bottom: 40px;
}


/* Paginación del archivo (index) ------------ */

.archive-nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
	clear: both;
}

.archive-nav .archive-nav-older {
	float: none;
	margin-right: auto;
}

.archive-nav .archive-nav-newer {
	float: none;
	margin-left: auto;
}


/* ============================================================
   PÁGINA ARCHIVO — shortcode [instantes_archivo]
   ============================================================ */

/* Índice de años ----------------------------- */

.archivo-indice {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0 0 40px;
	padding: 16px 20px;
	background: #f5f5f5;
	border-radius: 4px;
}

.archivo-indice-año {
	font-size: 13px;
	font-weight: 700;
	color: #444;
	text-decoration: none;
	letter-spacing: 0.5px;
}

.archivo-indice-año span {
	font-weight: 400;
	color: #999;
}

.archivo-indice-año:hover {
	color: #019EBD;
}


/* Bloque año --------------------------------- */

.archivo-año {
	border-top: 1px solid #e8e8e8;
}

.archivo-año:last-of-type {
	border-bottom: 1px solid #e8e8e8;
}

.archivo-año-toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 16px 0;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
}

.archivo-año-titulo {
	font-size: 1.4em;
	font-weight: 700;
	color: #222;
	line-height: 1;
}

.archivo-año-count {
	font-size: 0.9em;
	color: #999;
	font-weight: 400;
}

.archivo-año-icono {
	margin-left: auto;
	width: 18px;
	height: 18px;
	position: relative;
	flex-shrink: 0;
}

.archivo-año-icono::before,
.archivo-año-icono::after {
	content: '';
	position: absolute;
	background: #999;
	border-radius: 2px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.archivo-año-icono::before {
	width: 14px;
	height: 2px;
	top: 8px;
	left: 2px;
}

.archivo-año-icono::after {
	width: 2px;
	height: 14px;
	top: 2px;
	left: 8px;
}

.archivo-año.is-open .archivo-año-icono::after {
	transform: scaleY(0);
	opacity: 0;
}

.archivo-año-toggle:hover .archivo-año-titulo {
	color: #019EBD;
}


/* Contenido del año ------------------------- */

.archivo-año-contenido {
	padding-bottom: 20px;
}


/* Bloque mes -------------------------------- */

.archivo-mes {
	margin-bottom: 24px;
}

.archivo-mes-titulo {
	font-size: 0.75em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #999;
	margin: 0 0 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f0f0f0;
}

.archivo-mes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.archivo-mes li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 5px 0;
	border-bottom: 1px solid #f8f8f8;
	font-size: 0.95em;
	line-height: 1.4;
}

.archivo-fecha {
	flex-shrink: 0;
	min-width: 52px;
	font-size: 0.85em;
	color: #999;
}

.archivo-mes li a {
	color: #333;
	text-decoration: none;
}

.archivo-mes li a:hover {
	color: #019EBD;
}


/* Responsive -------------------------------- */

@media only screen and (max-width: 700px) {

	.archivo-indice {
		gap: 4px 8px;
	}

	.archivo-año-titulo {
		font-size: 1.2em;
	}

}

/* ================================================
   Social Share Buttons — Monocromo discreto
   ================================================ */
.social-share {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.social-share > p.social-share__label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0.25rem 0 0 !important;  /* !important para sobrescribir el tema padre */
    padding: 0 !important;
    line-height: 1;
    align-self: center;
}

.social-share > ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.social-share > ul > li {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.social-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none;
    color: #6b7280;
    background-color: transparent;
    border: 1px solid #d1d5db;
    transition: color 0.2s ease,
                border-color 0.2s ease,
                background-color 0.2s ease;
}

.social-share__btn:hover {
    color: #111827;
    border-color: #9ca3af;
    background-color: #f3f4f6;
}

.social-share__btn svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
    flex-shrink: 0;
}

@media (max-width: 380px) {
    .social-share__btn span {
        display: none;
    }
    .social-share__btn {
        padding: 0.45rem;
    }
}

.archivo-miniatura {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 0.5em;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 3px;
}

.archivo-miniatura img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Navegación entre entradas (post-navigation): título de la entrada anterior/siguiente */

.post-nav-title {
	margin-top: 10px;
	font-size: 12px;
}