/*
	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 */
/* === BARRA INFERIOR FIJA MÓVIL === */
.qco-bottom-bar {
    position: fixed !important; /* por si algo lo pisa */
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #111;          /* pon el color que quieras */
    border-top: 1px solid #333;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.6);
}

/* UL de la barra */
#qco-bottom-menu.qco-bottom-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
}

/* Cada item */
#qco-bottom-menu > li {
    flex: 1;
    text-align: center;
}

/* Enlaces: solo icono */
#qco-bottom-menu > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 8px 0 6px;
    text-decoration: none;
    color: #f5f5f5;

    font-size: 0;            /* escondemos el texto visualmente */
    line-height: 1;
}

/* Iconos con Font Awesome via ::before */
/* 1er item (Home) */
#qco-bottom-menu > li:nth-child(1) > a::before {
    content: "\f015";        /* fa-house */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    display: block;
}

/* 2º item (Geolocalizador / mapa) */
#qco-bottom-menu > li:nth-child(2) > a::before {
    content: "\f3c5";        /* fa-location-dot */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    display: block;
}

/* Hover / activo */
#qco-bottom-menu > li > a:hover,
#qco-bottom-menu > li.current-menu-item > a {
    color: #f8d96b;          /* color marca qconciertos */
}

/* Solo mostrar en móvil */
@media (min-width: 769px) {
    .qco-bottom-bar {
        display: none;
    }
}

/* Reservar espacio abajo en móvil para que no tape contenido */
@media (max-width: 768px) {
    body {
        padding-bottom: 60px;
    }
}

/* Wrapper general */
.qconciertos-wall-wrapper {
    width: 100%;
    margin: 20px auto;
}

/* Grid estilo Instagram */
.qconciertos-wall-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en desktop */
    gap: 6px;
}

@media (max-width: 768px) {
    .qconciertos-wall-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columnas en móvil */
    }
}

.qconciertos-wall-item {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.qconciertos-wall-item img {
    width: 100%;
    aspect-ratio: 1 / 1; /* cuadradas como Instagram */
    object-fit: cover;
    transition: transform .25s ease-out;
}

.qconciertos-wall-item:hover img {
    transform: scale(1.06);
}