/* ==========================================================
   CHANT M - FINAL VISUAL LAYER
   FULL RESOLUTION IMAGE SOURCES
   ========================================================== */


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

.cm6-hero {
    min-height:790px;
}

.cm6-hero-art {
    min-height:610px !important;
    border-radius:38px !important;

    background-image:
        linear-gradient(
            180deg,
            rgba(20,12,18,.01),
            rgba(20,12,18,.07)
        ),
        url("../images/final/hero-home-final.webp")
        !important;

    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;

    box-shadow:
        0 35px 90px
        rgba(78,40,66,.15)
        !important;
}


/* ==========================================================
   SHOP
   ========================================================== */

.cm8-shop-hero-image {
    min-height:520px;

    background-image:
        url("../images/final/hero-shop-final.webp")
        !important;

    background-size:cover !important;
    background-position:center !important;
}


/* ==========================================================
   ABOUT
   ========================================================== */

.cm6-about-art {
    background-image:
        url("../images/final/hero-about-final.webp")
        !important;

    background-size:cover !important;
    background-position:center !important;
}

.cm6-story-visual {
    background-image:
        url("../images/final/hero-about-final.webp")
        !important;

    background-size:cover !important;
    background-position:center !important;
}


/* ==========================================================
   EVENT BANNERS
   ========================================================== */

.cm6-event-card {
    background-image:
        linear-gradient(
            90deg,
            rgba(23,19,23,.96) 0%,
            rgba(23,19,23,.88) 46%,
            rgba(23,19,23,.15) 100%
        ),
        url("../images/final/banner-events-final.webp")
        !important;

    background-size:cover !important;
    background-position:center !important;
}


/* ==========================================================
   CONTACT
   ========================================================== */

.cm6-contact-hero {
    position:relative;
}

.cm6-contact-hero:after {
    content:"";

    position:absolute;
    right:0;
    top:0;
    bottom:0;

    width:46%;

    background-image:
        linear-gradient(
            90deg,
            rgba(255,250,247,1),
            rgba(255,250,247,.05)
        ),
        url("../images/final/hero-about-final.webp");

    background-size:cover;
    background-position:center;

    pointer-events:none;
}

.cm6-contact-hero .container {
    position:relative;
    z-index:2;
}

.cm6-contact-hero
.cm6-inner-symbol {
    visibility:hidden;
}


/* ==========================================================
   OCCASION CARDS
   ========================================================== */

.cm6-occasion-card,
.cm8-big-occasion-image {
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}


/* Larger individual occasion hero */

.cm8-single-image {
    min-height:560px !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-color:#f4e4ed !important;
}


/* ==========================================================
   GALLERY
   ========================================================== */

.cm9-gallery-card {
    min-height:280px;
}

.cm9-about-photo {
    min-height:470px;
}


/* ==========================================================
   BRAND POLISH
   ========================================================== */

.cm6-hero-copy h1,
.cm8-shop-hero-copy h1,
.cm8-single-copy h1,
.cm8-occasion-hero-copy h1 {
    text-wrap:balance;
}

.cm6-hero-copy > p,
.cm8-shop-hero-copy > p,
.cm8-single-copy > p {
    line-height:1.75;
}

.site-header {
    background:
        rgba(255,255,255,.97);
    backdrop-filter:blur(15px);
}

.main-navigation a {
    transition:
        color .2s ease,
        opacity .2s ease;
}

.main-navigation a:hover {
    color:#a46e96;
}


/* ==========================================================
   WOOCOMMERCE POLISH
   ========================================================== */

.woocommerce ul.products li.product {
    box-shadow:
        0 12px 40px
        rgba(57,31,48,.045);
}

.woocommerce ul.products li.product:hover {
    box-shadow:
        0 25px 65px
        rgba(57,31,48,.10);
}

.woocommerce ul.products li.product img {
    image-rendering:auto;
}

.single-product
.woocommerce-product-gallery img {
    image-rendering:auto;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:760px) {

    .cm6-hero {
        min-height:auto;
    }

    .cm6-hero-art {
        min-height:430px !important;
        border-radius:27px !important;
        background-position:62% center !important;
    }

    .cm8-shop-hero-image {
        min-height:360px;
    }

    .cm8-single-image {
        min-height:380px !important;
    }

    .cm6-contact-hero:after {
        display:none;
    }

    .cm6-contact-hero
    .cm6-inner-symbol {
        visibility:visible;

        width:100%;
        min-height:280px;

        display:block;

        background-image:
            url("../images/final/hero-about-final.webp");

        background-size:cover;
        background-position:center;

        border-radius:28px;
    }

    .cm6-contact-hero
    .cm6-inner-symbol > div {
        display:none;
    }
}