/*
Theme Name: Joshua Fallik Art
Theme URI: https://www.joshuafallik.com
Author: Antigravity Team
Description: Custom WordPress theme for Joshua Fallik Art.
Version: 1.0.0
Text Domain: joshuafallik
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

body {
    background-image: url('images/fabric_background.jpg');
    background-attachment: fixed;
    color: #ffffff;
    font-family: 'EB Garamond', serif;
}

/* Offset fixed top navbar when WordPress Admin Bar is visible for logged-in users */
body.admin-bar .fixed-top {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .fixed-top {
        top: 46px !important;
    }
}

.garmond {
    font-family: 'EB Garamond', serif;
}

.garmond_ital {
    font-family: 'EB Garamond', serif;
    font-style: italic;
}

.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}

.img_shadow {
    box-shadow: 0px 0px 20px 5px #575656;
}

/* For WordPress block images, ensure shadow is on the actual image, not the wrapper container */
.wp-block-image.img_shadow,
.wp-block-image.img_shadow figure,
figure.wp-block-image.img_shadow {
    box-shadow: none !important;
}

.wp-block-image.img_shadow img,
figure.wp-block-image.img_shadow img {
    box-shadow: 0px 0px 20px 5px #575656;
}

.wp-block-image.w-100 img {
    width: 100%;
    height: auto;
}


.opacity-85 {
    opacity: 0.85;
}

.opacity-75 {
    opacity: 0.75;
}

/* Top Navigation Bar Styling (Matching Online Site joshuafallik.com) */
.navbar-dark {
    background-image: url('images/fabric_background.jpg');
    border-bottom: none !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
}

.navbar-dark .navbar-brand {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.navbar-dark .navbar-brand h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.65rem !important;
    font-weight: 600 !important;
    margin-bottom: 0;
    color: #ffffff !important;
    letter-spacing: 0.2px;
    white-space: nowrap !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
    white-space: nowrap !important;
}

.navbar-dark .navbar-nav .nav-link h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.85) !important;
    letter-spacing: 0.2px;
    white-space: nowrap !important;
}

.navbar-dark .navbar-nav .nav-link:hover h5,
.navbar-dark .navbar-nav .nav-item.active .nav-link h5,
.navbar-dark .navbar-nav .nav-item.current-menu-item .nav-link h5,
.navbar-dark .navbar-nav .nav-item.current-menu-ancestor .nav-link h5 {
    color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1;
}

/* Remove text-shadow from picture labels on the page grid */
.garmond p {
    text-shadow: none !important;
}

/* GLightbox Custom Fine Art Overlay Styling with Continuous Fabric Background */
.goverlay {
    background-image: url('images/fabric_background.jpg') !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
    opacity: 0.98 !important;
}

/* Remove dark container background and ghost box behind/above enlarged images */
.gslide,
.gslide-media,
.gslide-image,
.gslide-element,
.ginner-container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Add top/bottom margins so enlarged images do not touch the top edge */
.gslide-media {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    max-height: calc(100vh - 140px) !important;
}

.gslide-image {
    padding-top: 20px !important;
}

body.admin-bar .gslide-media {
    margin-top: 60px !important;
}

.gslide-image img {
    cursor: pointer !important;
    max-height: calc(100vh - 160px) !important;
    object-fit: contain !important;
    box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.6) !important;
    background: transparent !important;
}

.gslide-description {
    background: transparent !important;
    border-top: none !important;
    padding-top: 0.5rem !important;
    box-shadow: none !important;
}

.gdesc-inner {
    padding: 0.5rem 1rem !important;
}

.gdesc-inner .gslide-title {
    font-family: 'EB Garamond', serif !important;
    font-size: 1.75rem !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    margin-bottom: 0.2rem !important;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.gdesc-inner .gslide-desc {
    font-family: 'EB Garamond', serif !important;
    font-size: 1.35rem !important;
    color: #ffffff !important;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.gnext, .gprev, .gclose {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 50% !important;
}

.gnext:hover, .gprev:hover, .gclose:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* Footer Widget Area Styling */
.widget {
    width: 100% !important;
}

.widget .wp-block-columns {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.widget .wp-block-column {
    flex: 1 !important;
    text-align: center !important;
}

.widget h5, .widget p, .widget a {
    font-family: 'EB Garamond', serif !important;
    font-size: 1.25rem !important;
    color: #ffffff !important;
    margin-bottom: 0 !important;
}

/* Links */
a.text-white {
    color: #ffffff !important;
}

a.text-white:hover {
    text-decoration: underline;
}