/*
Theme Name: Techli
Theme URI: https://techli.com
Description: Tema hijo de Gmag para Techli. Implementa el home (últimos posts sin repetición), widgets propios (populares/recientes, clima, redes, suscripción), footer y ajustes de seguridad.
Author: Webprogramo
Author URI: https://webprogramo.com
Template: gmag
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gmag-child
*/

/* ---------- Header / logo ---------- */
.logo-holder { height: 40px; width: auto; }
#wrapper { padding-top: 90px; }
@media only screen and (max-width: 1064px) { #wrapper { padding-top: 80px; } }

/* ---------- Hero carousel ---------- */
.hero-carousel-wrap { height: 560px; }
.hero-carousel-item .grid-post-media_title h4 { font-size: 22px; line-height: 1.3; }
@media only screen and (max-width: 768px) { .hero-carousel-wrap { height: 420px; } }

/* ---------- Home sections ---------- */
.techli-home .section-title.sect_dec { margin-top: 10px; }
.techli-top-stories .list-post-wrap_column .list-post-media { height: 200px; }
.techli-top-stories .list-post-wrap_column .list-post-content h3 { font-size: 16px; }
.techli-latest .list-post-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.techli-best .list-post-wrap_column_fw .list-post-content h3 { font-size: 22px; }
.techli-best .float-btn { margin-top: 10px; }
.picker-wrap .list-post .list-post-content h3 { white-space: normal; }
.picker-wrap .list-post .list-post-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.picker-wrap .list-post-wrap .list-post { transition: opacity .35s ease; }
.picker-wrap .list-post-wrap .list-post.is-leaving { opacity: 0; }

/* ---------- Sidebar widgets ---------- */
.sidebar-content .widget.main-sidebar { margin-bottom: 30px; }
.widget.main-sidebar .techli-search { position: relative; }
.widget.main-sidebar .techli-search input.search { width: 100%; height: 50px; border: 1px solid #eee; padding: 0 60px 0 20px; background: #f9f9f9; }
.widget.main-sidebar .techli-search .search-submit { position: absolute; right: 0; top: 0; width: 50px; height: 50px; border: none; color: #fff; cursor: pointer; }
.social-widget a i.fa-facebook-f { color: #3C579C; }
.social-widget a i.fa-x-twitter { color: #111; }
.social-widget a i.fa-linkedin-in { color: #0A66C2; }
.social-widget a i.fa-instagram { color: #C862DC; }
.social-widget .soc-widget-title { text-transform: none; }
.ideaboxWeather { border-radius: 5px; }
.ideaboxWeather .ow-today h2 span { text-transform: capitalize; }

/* ---------- Footer ---------- */
.footer-logo img { height: 34px; }
.techli-subscribe-form .techli-hp { position: absolute; left: -9999px; }
.techli-subscribe-msg { color: #fff; margin-top: 12px; font-size: 12px; }
.techli-subscribe-msg.is-error { color: #ff8c8c; }
.footer-widget .mc4wp-form p { color: #B6B6B6; }

/* ---------- Misc ---------- */
.post-category-marker { text-transform: capitalize; }
.techli-no-thumb .list-post-media { display: none; }

/* Top stories: flex grid so cards with different title lengths never break the float layout */
.techli-top-stories .list-post-wrap_column > .row { display: flex; flex-wrap: wrap; }
.techli-top-stories .list-post-wrap_column > .row > [class*="col-"] { display: flex; }
.techli-top-stories .list-post-wrap_column .list-post { width: 100%; }
.techli-top-stories .list-post-wrap_column .list-post-content h3 { min-height: 48px; }

/* Latest News tabs: the tab panels are floated, so give the container real height
   and make the next sections clear it (otherwise "Top Stories" overlapped the list and
   swallowed the clicks). */
.techli-latest .tabs-container { display: flow-root; width: 100%; clear: both; }
.techli-latest .tabs-container .tab { width: 100%; }
.techli-home .section-title.sect_dec, .techli-top-stories, .techli-home .dark-btn.float-btn-center { clear: both; }
.techli-home .section-title.sect_dec { margin-top: 30px; }

/* Hero cards: whole image clickable (title/author stay on top). */
.hero-carousel .grid-post-media { position: relative; }
.hero-carousel .techli-card-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: block; }
.hero-carousel .techli-card-link:after, .hero-carousel .techli-card-link:before { display: none; }
.hero-carousel .author-link { z-index: 21; }