/**
* Theme Name:        avanam-techshop
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-techshop
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

/* Galeria 'Tkanina' */
        .gallery-section-title {
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 400;
            font-size: 1rem;
            margin-bottom: 40px;
            color: #555;
        }

        /* Siatka Grid - 3 kolumny,  */
        .mirek-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3 równe kolumny */
            gap: 25px; /* Eleganckie odstępy */
        }

        /* Element galerii z efektem najechania */
        .photo-card {
            position: relative;
            overflow: hidden;
            background-color: #fff;
            aspect-ratio: 16 / 9; /* Portretowy format - luksusowy i instagramowy */
            box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Subtelny cień */
            cursor: pointer;
        }

        .photo-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); /* Płynne powiększenie */
        }

        /* Czarny bar z nazwą */
        .overlay {
            position: absolute;
            bottom: -60px; /* Ukryty na początku */
            left: 0;
            width: 100%;
            height: 50px;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: bottom 0.4s ease;
            color: #fff;
            text-transform: uppercase;
            font-size: 0.8rem;
            letter-spacing: 2px;
            font-weight: 300;
        }

        /* Efekt Hover */
        .photo-card:hover img {
            transform: scale(1.08); /* Subtelne powiększenie */
        }

        .photo-card:hover .overlay {
            bottom: 0; /* Wysuwa się */
        }

        /* Responsywność */
        @media (max-width: 900px) {
            .mirek-grid {
                grid-template-columns: repeat(2, 1fr); /* 2 kolumny na tablety */
            }
        }

        @media (max-width: 600px) {
            .mirek-grid {
                grid-template-columns: 1fr; /* 1 kolumna na mobile */
            }
        }