/* =========================================================
   CCRS BRICK CAVITY DESKTOP HERO — v1.0.21
   Desktop-only. Mobile V8 remains untouched.

   FIXES:
   - Restores the natural v1.0.10 darkness (no rectangular patch)
   - Removes the duplicated lower-right reflection by removing the
     second full-photo fallback layer
   - Uses a soft atmospheric bottom fill instead of a duplicated photo
   - Restores normal breadcrumb breathing room + green underline
   - Keeps zero white gap between breadcrumb and hero
   - Keeps zoom, cards and bottom spacing from the working version
   ========================================================= */

#ccrs-bcf-desktop-v108-wrap{
    display:none;
}

@media (min-width:801px){

    /* -----------------------------------------------------
       BREADCRUMB BAR — RESTORE NORMAL HEIGHT / GREEN LINE
       JS adds this class only to the breadcrumb immediately
       above this hero, so other site bars are not affected.
       ----------------------------------------------------- */
    .ccrs-bcf-breadcrumb-fixed{
        min-height:68px!important;
        height:auto!important;
        margin-bottom:0!important;
        padding-top:0!important;
        padding-bottom:0!important;
        display:flex!important;
        align-items:center!important;
        overflow:visible!important;
        background:#02121b!important;
        border-bottom:0!important;
        box-shadow:none!important;
        position:relative!important;
        z-index:20!important;
    }

    .ccrs-bcf-breadcrumb-fixed::after{
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        height:2px!important;
        background:#09EA9F!important;
        pointer-events:none!important;
    }

    .ccrs-bcf-breadcrumb-fixed,
    .ccrs-bcf-breadcrumb-fixed *,
    .ccrs-bcf-breadcrumb-fixed > *{
        box-shadow:none!important;
    }

    .ccrs-bcf-breadcrumb-fixed > *,
    .ccrs-bcf-breadcrumb-fixed *{
        border-bottom:0!important;
    }

    .ccrs-bcf-breadcrumb-fixed > *{
        margin-top:0!important;
        margin-bottom:0!important;
    }

    /* -----------------------------------------------------
       KEEP OLD HERO VARIANTS OFF ON DESKTOP
       ----------------------------------------------------- */
    #ccrs-bcf-dp-wrap,
    #ccrs-bcf-desktop-v1-wrap,
    #ccrs-bcf-desktop-v11-wrap,
    #ccrs-bcf-desktop-v12-wrap,
    #ccrs-bcf-desktop-v13-wrap,
    #ccrs-bcf-v8-wrap{
        display:none!important;
        height:0!important;
        min-height:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    /* -----------------------------------------------------
       REMOVE AVADA CONTENT SPACING AROUND THE PLUGIN HERO
       ----------------------------------------------------- */
    .post-content:has(#ccrs-bcf-desktop-v108-wrap),
    .entry-content:has(#ccrs-bcf-desktop-v108-wrap),
    .fusion-text:has(#ccrs-bcf-desktop-v108-wrap),
    .fusion-builder-row:has(#ccrs-bcf-desktop-v108-wrap),
    .fusion-layout-column:has(#ccrs-bcf-desktop-v108-wrap),
    .fusion-column-wrapper:has(#ccrs-bcf-desktop-v108-wrap){
        margin:0!important;
        padding:0!important;
        max-width:none!important;
        width:100%!important;
        background:transparent!important;
        overflow:visible!important;
    }

    /* -----------------------------------------------------
       OUTER HERO
       Keep the small overlap that removed the previous
       white strips above and below the plugin output.
       ----------------------------------------------------- */
    #ccrs-bcf-desktop-v108-wrap{
        display:block!important;
        position:relative!important;
        width:100vw!important;
        max-width:none!important;
        margin:-22px 0 -20px calc(50% - 50vw)!important;
        padding:0!important;
        border:0!important;
        outline:0!important;
        overflow:hidden!important;
        background:#020b12!important;
    }

    #ccrs-bcf-desktop-v108,
    #ccrs-bcf-desktop-v108 *{
        box-sizing:border-box!important;
    }

    #ccrs-bcf-desktop-v108{
        position:relative!important;
        width:100%!important;
        height:870px!important;
        min-height:870px!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        color:#fff!important;
        background:#020b12!important;
    }

    /* -----------------------------------------------------
       NO SECOND PHOTO LAYER — REFLECTION FIX

       IMPORTANT: this is NOT a second copy of the photograph.
       The old second-photo fallback was what created the false
       lower-right "reflection". This layer only supplies a soft
       dark navy/green continuation beneath the photo so there is
       no hard missing-background block and no duplicated ledge.
       ----------------------------------------------------- */
    #ccrs-bcf-desktop-v108::after{
        content:none!important;
        display:none!important;
    }

    /* -----------------------------------------------------
       SINGLE FULL-HEIGHT PHOTO — BOTTOM COVERAGE FIX

       Same reduced scale as v1.0.4. The bottom is softly
       faded so the full-height layer underneath takes over
       instead of producing the large black missing area.
       ----------------------------------------------------- */
    #ccrs-bcf-desktop-v108::before{
        content:""!important;
        position:absolute!important;
        inset:0!important;
        z-index:1!important;
        pointer-events:none!important;
        background-color:transparent!important;
        background-image:var(--ccrs-bcf-v108-bg)!important;
        background-repeat:no-repeat!important;
        background-position:right top!important;
        background-size:auto 100%!important;
        transform:scaleX(.828)!important;
        transform-origin:right top!important;
        -webkit-mask-image:none!important;
        mask-image:none!important;
    }

    /* -----------------------------------------------------
       DARK TEXT-SIDE PANEL — NO BOTTOM FADE
       ----------------------------------------------------- */
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-shade{
        position:absolute!important;
        z-index:2!important;
        inset:0!important;
        pointer-events:none!important;
        background:linear-gradient(
            90deg,
            rgba(2,11,18,1) 0%,
            rgba(2,11,18,.998) 14%,
            rgba(2,11,18,.988) 26%,
            rgba(2,11,18,.955) 37%,
            rgba(2,11,18,.88) 47%,
            rgba(2,11,18,.72) 57%,
            rgba(2,11,18,.48) 67%,
            rgba(2,11,18,.22) 77%,
            rgba(2,11,18,.05) 86%,
            rgba(2,11,18,0) 92%
        )!important;
    }

    /* -----------------------------------------------------
       CONTENT
       Reduced top padding so the heading sits close to the
       breadcrumb / top of the hero like the template.
       ----------------------------------------------------- */
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-inner{
        position:relative!important;
        z-index:3!important;
        width:100%!important;
        max-width:1672px!important;
        height:870px!important;
        min-height:870px!important;
        margin:0 auto!important;
        padding:38px 62px 84px!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-title,
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line,
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-copy,
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-title,
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-text{
        margin:0!important;
        padding:0!important;
        border:0!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-title{
        display:block!important;
        width:max-content!important;
        max-width:900px!important;
        line-height:1!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line{
        display:block!important;
        width:max-content!important;
        font-family:proximaextrabold,"Proxima Nova","Roboto Condensed","Arial Narrow",Arial,sans-serif!important;
        font-style:normal!important;
        font-weight:900!important;
        font-size:82px!important;
        line-height:88px!important;
        letter-spacing:-1px!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
        text-shadow:0 3px 11px rgba(0,0,0,.58)!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line-1{
        color:#fff!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line-2{
        color:#09EA9F!important;
        margin-top:5px!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-rule{
        display:block!important;
        width:84px!important;
        height:3px!important;
        margin:25px 0 25px!important;
        padding:0!important;
        border:0!important;
        background:#09EA9F!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-copy{
        display:block!important;
        width:810px!important;
        max-width:810px!important;
        color:#fff!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:21px!important;
        font-style:normal!important;
        font-weight:400!important;
        line-height:34px!important;
        letter-spacing:0!important;
        text-align:left!important;
        text-transform:none!important;
        text-shadow:0 2px 6px rgba(0,0,0,.96)!important;
        -webkit-font-smoothing:antialiased!important;
        -moz-osx-font-smoothing:grayscale!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-copy-2{
        margin-top:24px!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-cards{
        display:grid!important;
        grid-template-columns:repeat(3,328px)!important;
        column-gap:16px!important;
        row-gap:12px!important;
        width:1016px!important;
        max-width:1016px!important;
        margin:27px 0 0!important;
        padding:0!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card{
        display:grid!important;
        grid-template-columns:70px minmax(0,1fr)!important;
        column-gap:13px!important;
        align-items:center!important;
        width:328px!important;
        height:129px!important;
        min-height:129px!important;
        max-height:129px!important;
        margin:0!important;
        padding:16px 17px!important;
        border:1px solid rgba(9,234,159,.74)!important;
        border-radius:13px!important;
        background:rgba(1,12,20,.88)!important;
        box-shadow:inset 0 0 25px rgba(9,234,159,.025)!important;
        overflow:hidden!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:62px!important;
        height:62px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-icon svg{
        display:block!important;
        width:54px!important;
        height:54px!important;
        fill:none!important;
        stroke:#09EA9F!important;
        stroke-width:3.4!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
        overflow:visible!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-copy{
        display:block!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        text-align:left!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-title{
        display:block!important;
        margin:0 0 7px!important;
        color:#fff!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:17px!important;
        font-style:normal!important;
        font-weight:700!important;
        line-height:20px!important;
        letter-spacing:0!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
        text-align:left!important;
        text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-text{
        display:block!important;
        color:#fff!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:16.5px!important;
        font-style:normal!important;
        font-weight:400!important;
        line-height:23px!important;
        letter-spacing:0!important;
        text-transform:none!important;
        text-align:left!important;
        text-shadow:0 1px 3px rgba(0,0,0,.96)!important;
    }

    /* -----------------------------------------------------
       RESPONSIVE DESKTOP IMAGE SCALE
       ----------------------------------------------------- */
    @media (max-width:1700px){
        #ccrs-bcf-desktop-v108::before{
            background-size:auto 100%!important;
            background-position:right top!important;
            transform:scaleX(.782)!important;
            transform-origin:right top!important;
            -webkit-mask-image:none!important;
            mask-image:none!important;
        }
    }

    @media (max-width:1500px){
        #ccrs-bcf-desktop-v108::before{
            background-size:auto 100%!important;
            background-position:right top!important;
            transform:scaleX(.743)!important;
            transform-origin:right top!important;
            -webkit-mask-image:none!important;
            mask-image:none!important;
        }
    }

    @media (max-width:1350px){
        #ccrs-bcf-desktop-v108{
            height:805px!important;
            min-height:805px!important;
        }

        #ccrs-bcf-desktop-v108::before{
            background-size:auto 100%!important;
            background-position:right top!important;
            transform:scaleX(.762)!important;
            transform-origin:right top!important;
            -webkit-mask-image:none!important;
            mask-image:none!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-shade{
            background:linear-gradient(
                90deg,
                rgba(2,11,18,1) 0%,
                rgba(2,11,18,.992) 20%,
                rgba(2,11,18,.95) 34%,
                rgba(2,11,18,.82) 48%,
                rgba(2,11,18,.56) 64%,
                rgba(2,11,18,.22) 79%,
                rgba(2,11,18,0) 92%
            )!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-inner{
            height:805px!important;
            min-height:805px!important;
            padding:30px 42px 75px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line{
            font-size:68px!important;
            line-height:73px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-copy{
            width:700px!important;
            max-width:700px!important;
            font-size:18px!important;
            line-height:29px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-copy-2{
            margin-top:20px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-cards{
            grid-template-columns:repeat(3,290px)!important;
            width:902px!important;
            column-gap:16px!important;
            row-gap:12px!important;
            margin-top:22px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card{
            width:290px!important;
            height:116px!important;
            min-height:116px!important;
            max-height:116px!important;
            grid-template-columns:58px minmax(0,1fr)!important;
            column-gap:10px!important;
            padding:13px 14px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-icon{
            width:52px!important;
            height:52px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-icon svg{
            width:46px!important;
            height:46px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-title{
            font-size:14px!important;
            line-height:17px!important;
            margin-bottom:6px!important;
        }

        #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-card-text{
            font-size:14px!important;
            line-height:20px!important;
        }
    }
}


/* =========================================================
   V1.0.19 — HEADLINE SPACING ONLY
   HARD LOCK AFTER ALL RESPONSIVE RULES SO THE 1350PX
   BREAKPOINT CANNOT OVERRIDE THE DESKTOP TITLE SPACING.
   Keeps the title block's overall height unchanged so every
   other part of the working hero stays in the same position.
   ========================================================= */
@media (min-width:801px){
    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-title{
        padding-bottom:0!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line-1{
        margin-bottom:-25px!important;
    }

    #ccrs-bcf-desktop-v108 .ccrs-bcf-dp-line-2{
        margin-top:0!important;
    }
}
