/*
Theme Name:   Astra Child
Theme URI:    https://wpastra.com/
Description:  Astra Child Theme – bezpieczne miejsce na Twoje customizacje CSS i PHP.
Author:       Karolina Dylik-Ostrowska
Author URI:   https://roza.pl/
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
*/

/*
 * Tutaj wpisuj własne style CSS.
 * Style motywu rodzica (Astra) są ładowane automatycznie przez functions.php.
 */

/* Pełna szerokość dla single Projekt (bez sidebara) */
.single-project #primary.ast-full-width {
    width: 100%;
}
.single-project #secondary {
    display: none;
}

/* ── Style galerii ───────────────────────────────── */
.galeria-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 220px, 1fr ) );
    gap: 12px;
    margin-top: 1.5rem;
}
.galeria-item { 
	margin: 0; 
	position: relative; 
	
    border-radius: 4px;
}

.galeria-trigger {
    border: none; padding: 0; background: none;
    cursor: zoom-in; display: block; width: 100%;
}
.galeria-trigger img {
    width: 100%; height: 200px;
    object-fit: cover; display: block;
    border-radius: 4px;
    transition: opacity .2s;
    border: 1px solid #222;
    border-radius: 4px;
    transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;
}
.galeria-trigger:hover img { opacity: .85; }
figcaption {
    font-size: .8rem; color: #666;
    padding: 4px 2px; text-align: center;
}

.galeria-trigger:hover img {
    transform: scale(1.04);
    opacity: 1;           
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

/* Lightbox */
.galeria-lightbox {
    border: none; border-radius: 8px;
    padding: 0; background: #000;
    max-width: 90vw; max-height: 90vh;
}
.galeria-lightbox::backdrop { background: rgba(0,0,0,.85); }
.lightbox-img {
    display: block; max-width: 85vw;
    max-height: 80vh; object-fit: contain;
}
.lightbox-close {
    position: absolute; top: 8px; right: 12px;
    background: none; border: none;
    color: #fff; font-size: 2rem;
    cursor: pointer; line-height: 1;
}
.lightbox-caption {
    color: #ccc; text-align: center;
    font-size: .85rem; padding: 8px;
    margin: 0;
}