/* =========================
GLOBAL
========================= */

body{
    margin:0;
    font-family:Poppins, sans-serif;
    background:#0f0f10;
    color:#eaeaea;
}

/* =========================
HEADER AREA
========================= */

.main-header-container{
    background:rgba(18,18,20,0.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,0.06);
}

/* LOGO */
#pageWrapper img{
    max-height:140px;
    transition:0.3s;
}

#pageWrapper img:hover{
    transform:scale(1.02);
}

/* =========================
NAVBAR (KEEP BOOTSTRAP EXACTLY)
========================= */

.navbar-custom{
    background:transparent !important;
    border:1px solid rgba(255,255,255,0.05);
}

/* MENU ITEMS */
.navbar-nav .nav-link{
    color:#d6d6d6 !important;
    font-weight:400;
    letter-spacing:1px;
    transition:0.25s ease;
    padding:10px 14px;
}

.navbar-nav .nav-link:hover{
    color:#d4af37 !important;
}

/* ACTIVE HOVER EFFECT */
.navbar-nav .nav-item:hover{
    transform:translateY(-1px);
    transition:0.2s;
}

/* =========================
DROPDOWNS (NO STRUCTURE CHANGE)
========================= */

.dropdown-menu{
    background:#1a1a1d;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:10px;
    padding:8px 0;
}

.dropdown-item{
    color:#ddd;
    padding:10px 18px;
    transition:0.2s;
}

.dropdown-item:hover{
    background:#d4af37;
    color:#111;
}

/* =========================
PAGE TITLE AREA
========================= */

h1{
    font-weight:500;
    letter-spacing:2px;
}

h2{
    font-weight:300;
    color:#aaa;
}

/* =========================
CONTENT BOX
========================= */

.container.mt-5{
    max-width:1200px;
}

.content{
    background:rgba(255,255,255,0.02);
    padding:25px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

/* =========================
FOOTER
========================= */

.style-basics-footer{
    opacity:0.7;
}

/* =========================
SMOOTH ANIMATIONS
========================= */

a, button{
    transition:0.25s ease;
}


/* ===== HERO ===== */

.gallery-hero-modern{
    text-align:center;
    padding:60px 20px 30px;
}

.gallery-title-modern{
    font-size:3rem;
    color:#d4af37;
    letter-spacing:2px;
}

.gallery-subtitle-modern{
    color:#aaa;
    margin-top:10px;
}

.gallery-divider{
    width:70px;
    height:2px;
    background:#d4af37;
    margin:20px auto;
}

/* ===== CATEGORY ===== */

.category-title-modern{
    font-size:1.8rem;
    color:#eee;
    letter-spacing:2px;
}

.category-line-modern{
    width:40px;
    height:2px;
    background:#d4af37;
    margin:10px auto;
}

/* ===== GRID ===== */

.gallery-grid-modern{
    padding:0 20px;
}

/* ===== ART CARDS ===== */

.art-card-modern{
    margin-bottom:30px;
}

.art-card-inner-modern{
    background:rgba(255,255,255,0.02);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:12px;
    padding:12px;
    transition:0.3s;
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.art-card-inner-modern:hover{
    transform:translateY(-6px);
    border-color:#d4af37;
}

/* IMAGE */
.art-image-frame{
    overflow:hidden;
    border-radius:8px;
}

.art-image-frame img{
    width:100%;
    transition:0.4s ease;
}

.art-card-inner-modern:hover img{
    transform:scale(1.05);
}

/* CAPTION */
.art-caption-modern{
    text-align:center;
    margin-top:12px;
    color:#aaa;
    font-size:0.9rem;
}

.art-card-inner-modern:hover .art-caption-modern{
    color:#d4af37;
}