/*
Theme Name: Colinear Child (L'Estaca)
Template: colinear
Description: Tema hijo de Colinear con los ajustes visuales de L'Estaca.
Version: 1.0.0
*/

/* === Color de acento rojo === */
blockquote, pre { border-left: 3px solid #ff4c4f; }
mark, ins { background: #ff4c4f; }
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active,
button:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #ff4c4f; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border-color: #ff4c4f; }
a { color: #ff4c4f; }
.toggled .menu-toggle:active, .toggled .menu-toggle:focus, .toggled .menu-toggle:hover { background: #ff4c4f; }
.post-navigation a:active .post-title, .post-navigation a:focus .post-title, .post-navigation a:hover .post-title { color: #ff4c4f; }
.widget_calendar tbody a { background: #ff4c4f; }
.site-title a:active, .site-title a:focus, .site-title a:hover { color: #ff4c4f; }
.site-footer a:active, .site-footer a:focus, .site-footer a:hover { color: #ff4c4f; }
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
.page-title a:active, .page-title a:focus, .page-title a:hover { color: #ff4c4f; }
.entry-footer a:active, .entry-footer a:focus, .entry-footer a:hover { color: #ff4c4f; }
.comment-metadata a:active, .comment-metadata a:focus, .comment-metadata a:hover { color: #ff4c4f; }
.bypostauthor .comment-meta { border-left-color: #ff4c4f; }
.comment-author a:active, .comment-author a:focus, .comment-author a:hover { color: #ff4c4f; }
#infinite-footer .blog-credits a:active, #infinite-footer .blog-credits a:focus, #infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:active, #infinite-footer .blog-info a:focus, #infinite-footer .blog-info a:hover { color: #ff4c4f; }
#infinite-handle span button, #infinite-handle span button:focus, #infinite-handle span button:hover { color: #ff4c4f; }
.widget_goodreads div[class^="gr_custom_title"] a { color: #ff4c4f; }
.widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:active,
.widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:focus,
.widget_goodreads div[class^="gr_custom_container"] div[class^="gr_custom_author"] a:hover { color: #ff4c4f; }

/* === Arreglo de las 3 columnas de la portada === */
.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-themeisle-blocks-posts-grid .is-grid > .o-posts-grid-post-blog { min-width: 0; }
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-title,
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-description { overflow-wrap: anywhere; -webkit-hyphens: auto; hyphens: auto; }
@media (min-width: 1056px) {
  .articulos-grid.is-style-tiled .o-posts-grid-post .o-posts-grid-post-body { padding: 20px; }
  .articulos-grid .o-posts-grid-post-title { font-size: 20px; }
}

/* === Barra lateral: ocultar widgets vacíos (y su línea) === */
.widget-area .widget:empty,
.widget-area .widget_block:not(:has(> *)) { display: none; }
.widget:has(> .no-border-top) { border-top: 0; padding-top: 0; }

/* === Columnas en tablet === */
@media (min-width: 601px) and (max-width: 960px) {
  .wp-block-themeisle-blocks-posts-grid .is-grid .o-posts-grid-post-blog { min-width: 0; }
}

/* === Sin línea encima del primer widget con contenido === */
.widget-area .widget:has(> *):not(.widget:has(> *) ~ .widget) { border-top: 0; padding-top: 0; }