/*
Theme Name: H2 Archiv
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ===============================
   Envira Lightbox – Caption Styling
   =============================== */

/* Oberer Balken einfärben */
.envirabox-caption-wrap {
    background-color: #CCAC4E !important;
    text-align: center !important;
}

/* Caption größer & zentriert */
.envirabox-caption {
    font-size: 20px !important;   /* Größe anpassen */
    font-weight: 600;
    text-align: center !important;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #000000; /* ggf. weiß (#ffffff) falls besser lesbar */
}




.envira-justified-gallery > div > div > a > .caption, .envira-justified-gallery > div > div > .caption, .envira-justified-gallery > div > div .caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background-color: #CCAC4E !important;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    font-family: sans-serif;
    z-index: 10;
}

/* Envira Gallery volle Breite */
.envira-gallery-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}


/* Envira Album – Datum ausblenden */
.envira-album-item-meta .envira-meta-date {
    display: none !important;
}

/* Alternative Selektoren */
.envira-album-item .envira-meta,
.envira-album-item .envira-meta-date {
    display: none !important;
}

/* Fallback für Pro Album Layouts */
.envira-album-item-meta .envira-meta-date,
.envira-album-item-meta time {
    display: none !important;
}

.posted-on {
    display: none !important;
}




/* =====================================
   Envira Album – Hover Overlay Effekt
   Farbe: #CCAC4E mit 80% Transparenz
   ===================================== */

/* Basis: Container vorbereiten */
.envira-album-item {
    position: relative;
    overflow: hidden;
}

/* Overlay erzeugen */
.envira-gallery-item-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(204, 172, 78, 0.6); /* #CCAC4E mit 80% */
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Hover aktiviert Overlay */
.envira-gallery-item-inner:hover::after {
    opacity: 1;
}