/* V2 day-card design copied from the approved Hochzeit layout; content remains day-specific. */

/* ============================================================
   LEUCHTSIEGEL – HOCHZEIT VARIANTE B / EXACT V1

   Ausschließlich:
   ?hochzeitDesign=2
   + releaseYear 0

   Keine Wirkung auf Variante A oder Jahr 1–25.
   ============================================================ */


/* ------------------------------------------------------------
   GESAMTFLÄCHE
   Referenz: 476 px breit / ca. 710 px hoch
   ------------------------------------------------------------ */

.guest-shell--light:has(.guest-anniversary--v2-day-master){
    position:relative!important;

    width:min(100%,476px)!important;
    max-width:476px!important;

    min-height:min(710px,100dvh)!important;

    margin:0 auto!important;

    overflow:hidden!important;
}


/* ------------------------------------------------------------
   HEADER – exakt wie Vorlage
   ------------------------------------------------------------ */

.guest-shell--light:has(.guest-anniversary--v2-day-master) > header{
    position:relative!important;

    width:100%!important;
    height:72px!important;

    margin:0!important;
    padding:25px 34px 0!important;

    display:block!important;

    box-sizing:border-box!important;

    z-index:30!important;
}


.guest-shell--light:has(.guest-anniversary--v2-day-master)
.guest-brand{
    position:static!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    line-height:1!important;
}


/* Zurück gehört optisch in dieselbe Headerlinie */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-back{
    position:absolute!important;

    top:25px!important;
    right:28px!important;
    left:auto!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    display:block!important;

    line-height:20px!important;

    transform:none!important;

    z-index:40!important;
}


/* ------------------------------------------------------------
   SEITE
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master{
    position:static!important;

    width:380px!important;
    max-width:calc(100% - 96px)!important;

    margin:16px auto 0!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;

    gap:0!important;

    min-height:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   HOCHZEITSKARTE

   Vorlage:
   Breite ca. 380
   Bild ca. 258
   Textbereich ca. 111
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card{
    position:relative!important;

    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    height:369px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:1px solid rgba(190,164,126,.52)!important;
    border-radius:14px!important;

    background:#fffaf5!important;

    box-shadow:
        0 10px 26px rgba(55,39,20,.10)!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   RINGBILD
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > img{
    position:absolute!important;

    top:0!important;
    left:0!important;

    display:block!important;

    width:100%!important;
    height:258px!important;

    max-width:none!important;
    max-height:none!important;

    margin:0!important;

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   GOLDENE ZEILE AUF DEM BILDÜBERGANG
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card__label{
    position:absolute!important;

    top:226px!important;
    left:40px!important;
    right:40px!important;

    width:auto!important;
    height:32px!important;

    margin:0!important;
    padding:0 14px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    visibility:visible!important;
    opacity:1!important;

    box-sizing:border-box!important;

    border-radius:8px 8px 0 0!important;

    background:#b77b24!important;
    color:#fff!important;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.09em!important;

    white-space:nowrap!important;

    text-align:center!important;

    z-index:10!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   UNTERER WEISSER BEREICH
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > div{
    position:absolute!important;

    top:258px!important;
    left:0!important;

    width:100%!important;
    height:111px!important;

    margin:0!important;
    padding:25px 16px 14px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;

    box-sizing:border-box!important;

    background:#fffaf5!important;

    text-align:center!important;

    transform:none!important;
}


/* Hochzeit */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > div > strong{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#292724!important;

    font-family:Georgia,"Times New Roman",serif!important;
    font-size:34px!important;
    font-weight:500!important;
    line-height:38px!important;

    text-align:center!important;
}


/* Hochzeitsdatum */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > div > span{
    display:block!important;

    min-height:22px!important;

    margin:4px 0 0!important;
    padding:0!important;

    color:#b47a22!important;

    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    font-weight:600!important;
    line-height:22px!important;

    text-align:center!important;

    visibility:visible!important;
    opacity:1!important;
}


/* ------------------------------------------------------------
   ORNAMENT
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-ornament{
    flex:0 0 auto!important;

    width:126px!important;
    height:22px!important;

    margin:12px auto 7px!important;
    padding:0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   EINWILLIGUNG
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-consent{
    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    min-height:84px!important;

    margin:0!important;
    padding:14px 13px!important;

    box-sizing:border-box!important;

    border-radius:11px!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   KAMERA BUTTON
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-button{
    flex:0 0 auto!important;

    width:380px!important;
    max-width:100%!important;
    height:52px!important;

    min-height:52px!important;

    margin:14px 0 0!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   RECHTLICHE LINKS
   ------------------------------------------------------------ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-legal{
    flex:0 0 auto!important;

    width:100%!important;

    margin:29px 0 0!important;
    padding:0!important;

    line-height:16px!important;

    transform:none!important;
}


/* ------------------------------------------------------------
   MOBILE-SICHERHEIT
   ------------------------------------------------------------ */

@media(max-width:475px){

    .guest-shell--light:has(.guest-anniversary--v2-day-master){
        width:100%!important;
        max-width:none!important;

        min-height:100dvh!important;
    }

    .guest-shell--light:has(.guest-anniversary--v2-day-master) > header{
        padding-left:7.1vw!important;
        padding-right:5.9vw!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master
    .guest-back{
        right:5.9vw!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master{
        width:80%!important;
        max-width:380px!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master
    .guest-anniversary-card{
        width:100%!important;
        height:auto!important;
        aspect-ratio:380 / 369!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master
    .guest-anniversary-card > img{
        height:69.92%!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master
    .guest-anniversary-card__label{
        top:61.25%!important;

        left:10.5%!important;
        right:10.5%!important;

        height:32px!important;
    }

    .guest-shell--light
    .guest-anniversary--v2-day-master
    .guest-anniversary-card > div{
        top:69.92%!important;
        height:30.08%!important;

        padding-top:5.8%!important;
    }

}


/* ============================================================
   HOCHZEIT V2 – FINETUNE
   ausschließlich Variante B / Jahr 0
   ============================================================ */


/* Goldlabel näher an Referenz:
   weniger orange, etwas ruhiger und hochwertiger */
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card__label{
    top:220px!important;
    height:38px!important;

    left:38px!important;
    right:38px!important;

    background:#B48243!important;

    border-radius:9px 9px 0 0!important;

    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.085em!important;
}


/* Hochzeit etwas feiner */
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > div > strong{
    font-weight:500!important;
    color:#332F2B!important;

    text-shadow:none!important;
}


/* Datum deutlich ruhiger und näher an Referenz */
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card > div > span{
    margin-top:9px!important;

    color:#B99A68!important;

    font-weight:500!important;

    text-shadow:none!important;
}


/* Schatten ruhiger */
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card{
    box-shadow:
        0 6px 18px rgba(55,39,20,.07)!important;
}


/* ============================================================
   Hochzeit V2 – ausschließlich Goldlabel
   Keine Änderung an Titel, Datum, Bild oder Kartenlayout.
   ============================================================ */

.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card__label{
    left:26px!important;
    right:26px!important;
    width:auto!important;

    background:#C09A61!important;

    box-shadow:none!important;
    filter:none!important;

    border:0!important;
    border-radius:9px 9px 0 0!important;
}

/* historische Dekor-/Hintergrundebenen des Labels abschalten */
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card__label::before,
.guest-shell--light
.guest-anniversary--v2-day-master
.guest-anniversary-card__label::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
}