/*
Theme Name: Studio Beskidy PRO
Author: Ty
Version: 2.0
*/

*{box-sizing:border-box;}

body {
    margin:0;
    font-family:Arial,sans-serif;
    background:#fffaf5;
    color:#333;
}

nav {
    position:sticky;
    top:0;
    background:white;
    padding:12px;
    text-align:center;
    z-index:1000;
    border-bottom:1px solid #eee;
}

nav a {
    margin:0 15px;
    text-decoration:none;
    color:#e07a2f;
    font-weight:bold;
}

header {
    min-height:80vh;
    background:linear-gradient(rgba(255,140,0,0.3),rgba(255,140,0,0.3)),
    url('/wp-content/uploads/hero.jpg') center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

header h1 {color:white;font-size:42px;}

.btn {
    background:#f4a261;
    padding:12px 20px;
    color:white;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
    margin-top:10px;
    transition:0.3s;
}
.btn:hover {background:#e07a2f;transform:translateY(-2px);}

.section {
    padding:60px 20px;
    max-width:1100px;
    margin:auto;
}

.gallery {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:12px;
}

.gallery img {
    width:100%;
    border-radius:10px;
    cursor:pointer;
    transition:0.3s;
}
.gallery img:hover {transform:scale(1.05);}

/* lightbox */
#lightbox {
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background:rgba(0,0,0,0.9);
    justify-content:center;
    align-items:center;
}
#lightbox img {
    max-width:90%;
    max-height:80%;
}

/* animation */
.fade {opacity:0;transform:translateY(20px);transition:0.8s;}
.fade.show {opacity:1;transform:translateY(0);}