.elementor-27 .elementor-element.elementor-element-a238bf5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;--z-index:20;}.elementor-27 .elementor-element.elementor-element-a238bf5:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-a238bf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-efb8754 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-efb8754 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-27 .elementor-element.elementor-element-efb8754{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-27 .elementor-element.elementor-element-efb8754 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-d007f28 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-d007f28 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-27 .elementor-element.elementor-element-d007f28{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-27 .elementor-element.elementor-element-d007f28 .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-2bef256{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:25px;--padding-right:25px;--z-index:20;}.elementor-27 .elementor-element.elementor-element-2bef256:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-2bef256 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-27 .elementor-element.elementor-element-37dfd13{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-796b781{background-color:#FFFFFF54;padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-796b781:hover{background-color:#FFFFFF61;}.elementor-27 .elementor-element.elementor-element-796b781.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-796b781 .elementor-icon-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-796b781.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-796b781.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-796b781.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-796b781.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-796b781.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-796b781 .elementor-icon{font-size:25px;}.elementor-27 .elementor-element.elementor-element-796b781 .elementor-icon svg{height:25px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-7634207 .e-search-submit{background-color:#02010100;}.elementor-27 .elementor-element.elementor-element-7634207{width:initial;max-width:initial;--e-search-input-color:#FFFFFF;--e-search-icon-label-color:#FFFFFF;--e-search-submit-icon-gap:0px;--e-search-submit-padding:5px 5px 5px 5px;}.elementor-27 .elementor-element.elementor-element-7634207 .e-search-input{border-style:none;}.elementor-27 .elementor-element.elementor-element-86abe10{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-69acf51{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-27 .elementor-element.elementor-element-69acf51 img{width:100%;}.elementor-27 .elementor-element.elementor-element-13ae353{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-13ae353.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-27 .elementor-element.elementor-element-e413c7f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-ace6348{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-722fc91{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0em;--margin-bottom:0em;--margin-left:1.2em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-eab64a5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;--z-index:20;}.elementor-27 .elementor-element.elementor-element-eab64a5:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-eab64a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-27 .elementor-element.elementor-element-6d3fe8c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-d1acf41{--display:flex;}.elementor-27 .elementor-element.elementor-element-5483b5e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-6c03027{background-color:#FFFFFF54;padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6c03027:hover{background-color:#FFFFFF61;}.elementor-27 .elementor-element.elementor-element-6c03027.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-6c03027 .elementor-icon-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-6c03027.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6c03027.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-6c03027.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6c03027.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-6c03027.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6c03027 .elementor-icon{font-size:25px;}.elementor-27 .elementor-element.elementor-element-6c03027 .elementor-icon svg{height:25px;}.elementor-27 .elementor-element.elementor-element-9e407d7{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-27 .elementor-element.elementor-element-9e407d7 img{width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-5483b5e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-37dfd13{--width:35%;}.elementor-27 .elementor-element.elementor-element-86abe10{--width:30%;}.elementor-27 .elementor-element.elementor-element-13ae353{--width:35%;}.elementor-27 .elementor-element.elementor-element-6d3fe8c{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-e413c7f{--width:1px;}.elementor-27 .elementor-element.elementor-element-ace6348{--width:1px;}.elementor-27 .elementor-element.elementor-element-722fc91{--width:100%;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-a238bf5{--justify-content:center;}.elementor-27 .elementor-element.elementor-element-2bef256{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-86abe10{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-722fc91{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-eab64a5{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-6d3fe8c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-5483b5e{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-9e407d7{text-align:center;}.elementor-27 .elementor-element.elementor-element-9e407d7 img{width:55%;}}/* Start custom CSS for icon, class: .elementor-element-796b781 */.elementor-27 .elementor-element.elementor-element-796b781{
    cursor:pointer;
}

.elementor-27 .elementor-element.elementor-element-796b781 .elementor-icon-wrapper{
    display:flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bef256 *//* DEFAULT LOGO - White, full size, centred */
.elementor-27 .elementor-element.elementor-element-2bef256 .logoimage{
    display: inline-block;
    width: 200px;
    opacity: 1;
    transition: width 0.4s, opacity 0.4s;
}

/* SHRINK LOGO ON SCROLL */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .logoimage{
    width: 130px;
}

/* CHANGES THE BACKGROUND ON SCROLL */
/* .elementor-sticky--effects:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: #614F6A !important; 
}*/

/* CHANGES THE TEXT COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a {
    color: #062A30 !important; /* edit hex here to change sticky header text colour */
    transition: .5s all ease-in-out;
}

/* TRANSITION SPEED */
.elementor-sticky--effects {
    transition: .5s all ease-in-out;
}

/* MOBILE HAMBURGER ICON COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items a.elementor-icon svg {
    fill: #062A30 !important;
}
.sticky-menu-items a.elementor-icon svg {
    transition: .3s all ease-in-out;
}

/* ACTIVE MENU ITEM COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
    color: #062A30 !important;
}

/* TEXT HOVER COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a:hover {
    color: #062A30 !important;
}

/* Change color of the menu icon */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-796b781 .elementor-icon svg {
    fill: #614F6A;
}

.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-796b781, .elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-796b781 .elementor-icon svg{
    transition: 0.5s all ease-in-out;
}

.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-796b781{
    border-color:#614F6A;
}

/* Change color of the search icon and search text */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-90344d7 .elementor-button {
    color: #614F6A;
}
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-90344d7 .elementor-button svg {
    fill: #614F6A;
}

/* Change color of the logo */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .logoimage img {
   filter: brightness(0) saturate(100%) invert(34%) sepia(9%) saturate(1478%) hue-rotate(237deg) brightness(93%) contrast(85%);
    /* Note: If your SVG logo has inline fills, you may need to use: */
    /* fill: #614F6A; */
}

/* Change color of the shop button text */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-e413c7f button,.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-e413c7f a,.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-ace6348 button,.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-ace6348 a {
    color: #614F6A;
}

.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-e413c7f a:hover,.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-ace6348 a:hover{
    opacity:0.7;
}

/* Change color of the contact button text */
.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-722fc91 button:hover, .elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-722fc91 a:hover{
   background-color: var(--e-global-color-accent);
   color: var(--e-global-color-abc33e5);
   border-color: var(--e-global-color-accent);
}

.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-722fc91 button, .elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-722fc91 a{
    color: #614F6A;
    border-color:#614F6A;
}

.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-722fc91 button:hover, .elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-722fc91 a:hover{
     background-color: var(--e-global-color-a459865);
    color: var(--e-global-color-accent);
    border-color: var(--e-global-color-a459865);
}

/* Header Shadow*/
.elementor-27 .elementor-element.elementor-element-2bef256{
    box-shadow:0px 10px 15px rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects{
    background-color:white;
    box-shadow:0px 10px 15px rgba(0, 0, 0, 0.2);
}

/* Search Box */
/* 1. Default Colors (Before Scroll) */
.elementor-element-7634207 .e-search-input {
    color: #ffffff;
    max-width:250px;
}
.elementor-element-7634207 .e-search-input::placeholder {
    color: #ffffff;
    opacity: 1;
    font-family: inherit;
}
.elementor-element-7634207 .e-search-label svg {
    fill: #ffffff;
}

/* 2. Colors on Scroll (Turns Purple) */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-7634207 .e-search-input {
    color: #614F6A;
}
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-7634207 .e-search-input::placeholder {
    color: #614F6A;
}
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-7634207 .e-search-label svg {
    fill: #614F6A;
}

/* 3. Search Button Visibility */
/* Hide the search button by default */
.elementor-element-7634207 .e-search-submit {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
/* Show the search button only when the search input is focused */
.elementor-element-7634207 .e-search-form:focus-within .e-search-submit {
    opacity: 1;
    visibility: visible;
    cursor:pointer;
}
/* Ensure the button icon also matches your purple color on scroll */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-7634207 .e-search-submit svg {
    fill: #614F6A;
}


.elementor-element-7634207 .e-search-input-wrapper {
    position: relative;
    z-index: 1;
}

.elementor-element-7634207 .e-search-input-wrapper:has(input:focus-within)::before {
    content: "";
    position: absolute;
    /* Adjust these 4 values if you need to tweak the box size */
    top: 4px;
    bottom: 4px;
    left: 0px;
    right: 0px;
    /* Sets the slight background colour (black with 5% opacity) */
    background-color: rgba(255, 255, 255, 0.1); 
    border-radius: 4px;
    /* Keeps the background behind the text and icons */
    z-index: -1; 
    pointer-events: none;
}

/* Optional: Change the background colour on scroll */
.elementor-27 .elementor-element.elementor-element-2bef256.elementor-sticky--effects .elementor-element-7634207 .e-search-input-wrapper:has(input:focus-within)::before {
    background-color: rgba(97, 79, 106, 0.1);
}

.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-7634207 .e-search-label svg{
    transition: 0.5s all ease-in-out;
}

.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-7634207:has(input:focus-within) .e-search-label svg{
    opacity:0;
    width:0;
}

.elementor-27 .elementor-element.elementor-element-2bef256 .elementor-element-7634207 input:focus-within {
    padding-inline-start: calc(var(--e-search-input-padding-inline-end) + var(--e-search-icon-clear-absolute-width) + var(--e-search-input-gap));
    padding-inline-end: calc(var(--e-search-input-padding-inline-start) + var(--e-search-icon-label-absolute-width) + var(--e-search-input-gap));
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6c03027 */.elementor-27 .elementor-element.elementor-element-6c03027{
    cursor:pointer;
}

.elementor-27 .elementor-element.elementor-element-6c03027 .elementor-icon-wrapper{
    display:flex;
    justify-content: center;
}

.elementor-27 .elementor-element.elementor-element-6c03027 {
    width: calc(25px + 20px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab64a5 *//* ==========================================
   1. LOGO STYLES (NEW ID)
   ========================================== */
/* DEFAULT LOGO - White, full size, centred */
.elementor-27 .elementor-element.elementor-element-eab64a5 .elementor-element-9e407d7 {
    display: inline-block;
    width: 100%;
    opacity: 1;
    transition: width 0.4s, opacity 0.4s;
}

/* SHRINK LOGO ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-9e407d7 {
    width: 110px;
}

/* CHANGE LOGO TO PURPLE ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-9e407d7 img {
    filter: brightness(0) saturate(100%) invert(34%) sepia(9%) saturate(1478%) hue-rotate(237deg) brightness(93%) contrast(85%);
}


/* ==========================================
   2. HEADER CONTAINER & TEXT STYLES
   ========================================== */
/* TRANSITION SPEED & DEFAULT SHADOW */
.elementor-27 .elementor-element.elementor-element-eab64a5 {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}

/* SCROLL TRIGGER - WHITE BG & SHADOW */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects {
    background-color: white;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.2);
    transition: .5s all ease-in-out;
}

/* STICKY MENU TEXT COLOURS */
.elementor-sticky--effects .sticky-menu-items ul li a {
    color: #062A30 !important;
    transition: .5s all ease-in-out;
}

/* TEXT HOVER COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a:hover {
    color: #062A30 !important;
}

/* ACTIVE MENU ITEM COLOUR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
    color: #062A30 !important;
}


/* ==========================================
   3. MENU HAMBURGER ICON STYLES (NEW ID)
   ========================================== */
/* TRANSITION FOR HAMBURGER */
.elementor-27 .elementor-element.elementor-element-eab64a5 .elementor-element-6c03027, 
.elementor-27 .elementor-element.elementor-element-eab64a5 .elementor-element-6c03027 .elementor-icon svg {
    transition: 0.5s all ease-in-out;
}

/* CHANGE HAMBURGER COLOR ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-6c03027 .elementor-icon svg {
    fill: #614F6A;
}

/* CHANGE HAMBURGER BORDER COLOR ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-6c03027 {
    border-color: #614F6A;
}

/* MOBILE HAMBURGER BACKUP CLASS */
.elementor-sticky--effects .sticky-menu-items a.elementor-icon svg {
    fill: #062A30 !important;
}
.sticky-menu-items a.elementor-icon svg {
    transition: .3s all ease-in-out;
}


/* ==========================================
   4. SEARCH BOX STYLES
   ========================================== */
/* BEFORE SCROLL COLORS */
.elementor-element-7634207 .e-search-input {
    color: #ffffff;
    max-width: 180px;
}
.elementor-element-7634207 .e-search-input::placeholder {
    color: #ffffff;
    opacity: 1;
    font-family: inherit;
}
.elementor-element-7634207 .e-search-label svg {
    fill: #ffffff;
}

/* AFTER SCROLL COLORS (PURPLE) */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-7634207 .e-search-input {
    color: #614F6A;
}
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-7634207 .e-search-input::placeholder {
    color: #614F6A;
}
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-7634207 .e-search-label svg {
    fill: #614F6A;
}

/* SEARCH BUTTON VISIBILITY ON FOCUS */
.elementor-element-7634207 .e-search-submit {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.elementor-element-7634207 .e-search-form:focus-within .e-search-submit {
    opacity: 1;
    visibility: visible;
}
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-7634207 .e-search-submit svg {
    fill: #614F6A;
}

/* INNER INPUT BACKGROUND FOCUS BOX */
.elementor-element-7634207 .e-search-input-wrapper {
    position: relative;
    z-index: 1;
}
.elementor-element-7634207 .e-search-input-wrapper:has(input:focus-within)::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.1); 
    border-radius: 4px;
    z-index: -1; 
    pointer-events: none;
}
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-7634207 .e-search-input-wrapper:has(input:focus-within)::before {
    background-color: rgba(97, 79, 106, 0.1);
}


/* ==========================================
   5. BUTTON STYLES (SHOP & CONTACT)
   ========================================== */
/* CHANGE SHOP BUTTON ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-e413c7f button {
    color: #614F6A;
}

/* CHANGE CONTACT BUTTON ON SCROLL */
.elementor-27 .elementor-element.elementor-element-eab64a5.elementor-sticky--effects .elementor-element-722fc91 button {
    color: #614F6A;
    border-color: #614F6A;
}/* End custom CSS */