/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */


/* ============================================================
   Cotizaciones — ícono de divisas en la barra de navegación
   Reemplaza al botón "Cotizaciones" original.
   Usa la clase .side-aside-nav-icon para activar el panel
   lateral con el mismo JS nativo de Jannah.
   ============================================================ */

/* Alineación vertical: coincide con los demás íconos de componentes */
li.cotizaciones-icon {
	margin-right: 12px;
}

li.cotizaciones-icon > a {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* El SVG hereda el color del texto del tema (se adapta a skin claro/oscuro) */
.cotizaciones-svg-icon {
	display: block;
	width:  1.2em;
	height: 1.2em;
	font-size: 20px;   /* mismo tamaño visual que tie-icon-navicon */
	transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Micro-animación al hover */
li.cotizaciones-icon > a:hover .cotizaciones-svg-icon {
	transform: scale(1.15) rotate(-8deg);
	opacity: 0.85;
}


/* ============================================================
   Ícono de Video en Esquina Superior Izquierda (Thumbnails)
   Detecta las notas con video (Post Options -> Post Head: video)
   y muestra la insignia circular con el botón de play.
   ============================================================ */

.post-thumb {
	position: relative;
}

.tn-video-play-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	width: 36px;
	height: 36px;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	color: #000000;
	pointer-events: none;
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.2s ease;
}

/* Alineación óptica del triángulo de play */
.tn-video-play-badge svg {
	width: 16px;
	height: 16px;
	margin-left: 2px;
	display: block;
}

/* Efecto hover suave cuando se pasa el cursor sobre la noticia */
.post-thumb:hover .tn-video-play-badge,
.post-item:hover .tn-video-play-badge,
li.entry:hover .tn-video-play-badge {
	transform: scale(1.1);
	background-color: #ffffff;
}