/* ═══════════════════════════════════════════════════════════════════════════
   PRETTYPHOTO COMPLETE OVERRIDE - Maximum Specificity
   This file ensures clean lightbox display without any bottom elements
   ═══════════════════════════════════════════════════════════════════════════ */

/* FORCE HIDE ALL BOTTOM ELEMENTS */
div.pp_pic_holder div.pp_bottom,
div.pp_pic_holder .pp_bottom,
div.pp_pic_holder .pp_social,
div.pp_pic_holder .pp_loaderIcon,
div.pp_pic_holder .ppt,
div.pp_pic_holder .pp_nav,
div.pp_pic_holder a.pp_expand,
div.pp_pic_holder a.pp_contract,
div.pp_pic_holder .pp_hoverContainer,
div.pp_pic_holder .pp_gallery,
div.pp_pic_holder .pp_details,
div.pp_pic_holder div.pp_details,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom *,
.pp_social,
.pp_social *,
div.ppt,
.pp_nav,
.pp_nav *,
.pp_details,
.pp_details *,
a.pp_expand,
a.pp_contract,
.pp_gallery,
.pp_gallery * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Clean main container */
div.pp_pic_holder,
div.pp_pic_holder.pp_default {
    background: rgba(0, 0, 0, 0.95) !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Clean content area */
div.pp_content_container,
div.pp_default .pp_content_container {
    background: transparent !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

div.pp_content,
div.pp_default .pp_content {
    background: transparent !important;
}

/* Clean top area */
div.pp_top,
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle {
    background: transparent !important;
}

/* KEEP ONLY ESSENTIAL ELEMENTS VISIBLE */

/* Close button - styled and visible */
a.pp_close,
div.pp_pic_holder a.pp_close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    background: #bf9456 !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    font-weight: bold !important;
    z-index: 999999 !important;
    left: auto !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

a.pp_close:before,
div.pp_pic_holder a.pp_close:before {
    content: '\00d7' !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: 0 !important;
    font-size: 32px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

a.pp_close:hover,
div.pp_pic_holder a.pp_close:hover {
    background: #d4a866 !important;
    transform: scale(1.15) rotate(90deg) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7) !important;
}

/* Navigation arrows - styled and visible */
a.pp_arrow_previous,
a.pp_arrow_next,
div.pp_pic_holder a.pp_arrow_previous,
div.pp_pic_holder a.pp_arrow_next {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 50% !important;
    width: 50px !important;
    height: 50px !important;
    margin-top: -25px !important;
    background: rgba(191, 148, 86, 0.8) !important;
    border-radius: 50% !important;
    z-index: 99999 !important;
    cursor: pointer !important;
}

a.pp_arrow_previous,
div.pp_pic_holder a.pp_arrow_previous {
    left: 20px !important;
    right: auto !important;
}

a.pp_arrow_next,
div.pp_pic_holder a.pp_arrow_next {
    right: 20px !important;
    left: auto !important;
}

a.pp_arrow_previous:hover,
a.pp_arrow_next:hover,
div.pp_pic_holder a.pp_arrow_previous:hover,
div.pp_pic_holder a.pp_arrow_next:hover {
    background: #bf9456 !important;
}

/* Clean overlay */
div.pp_overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

/* Image display */
div.pp_pic_holder img {
    max-width: 100% !important;
    height: auto !important;
}

/* Responsive */
@media (max-width: 767px) {
    a.pp_close,
    div.pp_pic_holder a.pp_close {
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
        font-size: 22px !important;
        top: 15px !important;
        right: 15px !important;
    }
    
    a.pp_arrow_previous,
    a.pp_arrow_next,
    div.pp_pic_holder a.pp_arrow_previous,
    div.pp_pic_holder a.pp_arrow_next {
        width: 40px !important;
        height: 40px !important;
        margin-top: -20px !important;
    }
    
    a.pp_arrow_previous,
    div.pp_pic_holder a.pp_arrow_previous {
        left: 10px !important;
    }
    
    a.pp_arrow_next,
    div.pp_pic_holder a.pp_arrow_next {
        right: 10px !important;
    }
}

@media (max-width: 480px) {
    a.pp_close,
    div.pp_pic_holder a.pp_close {
        width: 40px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 20px !important;
        top: 10px !important;
        right: 10px !important;
    }
}
