.offcanvas{
    width:28rem !important;
    
}  

@media only screen and (max-width: 700px) {
  .offcanvas {
    width:88% !important;
  }
}
body {
       padding-right: 0px !important; 
}

/*transition-delay:4s;
.offcanvas .offcanvas-end {
  overflow: hidden;
}


.offcanvas {
    padding-right: 0px !important;
    overflow: hidden;
}

body {overflow:hidden}
*/
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

/* A11y fix: WooCommerce star rating outputs its label as real text
   (e.g. "Rated 4.50 out of 5") inherited in the light star color, which
   fails WCAG color-contrast audits. The text is visually clipped by the
   star widget and the accessible name is already provided by the parent's
   aria-label, so giving the hidden text a high-contrast color resolves the
   audit with no visual change (stars are drawn via ::before and unaffected). */
.star-rating span {
  color: #333 !important;
}

/* Reset TranslatePress shortcode switcher styling in header rows */
[data-row] .trp-shortcode-switcher__wrapper {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
    width: auto;
    background: none !important;
}

[data-row] .trp-shortcode-switcher {
    width: auto;
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

[data-row] .trp-shortcode-switcher.trp-shortcode-anchor {
    display: inline-flex !important;
}

/* Base language item styling in header row (closed state) - Desktop Only */
[data-device="desktop"] [data-row] .trp-language-item {
    padding: 5px 8px !important;
    color: #ffffff !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

[data-device="desktop"] [data-row] .trp-language-item-name {
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: 500 !important;
}

[data-device="desktop"] [data-row] .trp-shortcode-arrow path {
    stroke: #ffffff !important;
}

[data-row] .trp-current-language-item__wrapper {
    display: flex !important;
    align-items: center !important;
    padding-right: 0 !important;
}

/* Floating dropdown list styling */
[data-row] .trp-switcher-dropdown-list {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    min-width: 110px !important;
    z-index: 9999 !important;
    padding: 5px 0 !important;
    margin-top: 5px !important;
}

/* Dropdown list items styling */
[data-row] .trp-switcher-dropdown-list .trp-language-item {
    color: #333333 !important;
    padding: 8px 12px 8px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: none !important;
}

[data-row] .trp-switcher-dropdown-list .trp-language-item-name {
    color: #333333 !important;
}

[data-row] .trp-switcher-dropdown-list .trp-language-item:hover {
    background: #f5f5f5 !important;
    opacity: 1 !important;
}

/* Prevent empty paragraphs and margins in header text elements from stretching row height */
.ct-header .ct-header-text .entry-content > * {
    margin-block: 0 !important;
    display: flex;
}
.woocommerce-multi-currency.wmc-shortcode .wmc-current-currency .wmc-open-dropdown-currencies:after {
    margin-bottom: 6px;
    width: 8px;
    height: 8px;
    border-width: 0 2px 2px 0;
}
.langcu {
    display: flex;
    flex-direction: row;
    column-gap: 25px;
}
/*
.trp-shortcode-overlay {
    padding:0;
}
*/
.trp-shortcode-switcher {
    padding:0
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
    padding: 6px 20px 8px 5px;
    border: 0;
    border-radius: 5px;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency {
    padding: 10px;
}
.woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency {
    border: 0;
    border-radius: 5px;
}

.ct-social-box {
    flex-wrap: initial;
}
@media (max-width: 1000px) {
.woocommerce-multi-currency.wmc-shortcode .wmc-currency {
    background-color: #152420;
    color: #FFFFFF;
    }
    .langcu {
        margin-right:80px
    }
}
/* Force floating switcher layout based on browser width regardless of User-Agent */
/* Desktop layout: 1000px and up */
@media (min-width: 1000px) {
    .trp-language-switcher.trp-floating-switcher {
        position: fixed !important;
        flex-direction: column-reverse !important;
        top: unset !important;
        left: unset !important;
        bottom: 0px !important;
        right: 10vw !important;
        width: auto !important;
        padding: 10px 0 !important;
        margin: 0 !important;
    }
    .trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner {
        flex-direction: column-reverse !important;
    }
    .trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list {
        flex-direction: column-reverse !important;
    }
}

/* Mobile layout: under 1000px */
@media (max-width: 999.98px) {
    .trp-language-switcher.trp-floating-switcher {
        position: fixed !important;
        flex-direction: column !important;
        bottom: unset !important;
        right: unset !important;
        top: var(--wp-admin--admin-bar--height, 0) !important;
        left: 10vw !important;
        width: 80px !important;
        padding: 0px !important;
        margin-top: 20px !important;
        margin-left: 18vw !important;
    }
    .trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner {
        flex-direction: column !important;
    }
    .trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list {
        flex-direction: column !important;
    }
}
/*style hook:21146 language switcher*/
.wp-block-group[data-block="hook:21146"] .trp-shortcode-switcher__wrapper {
    --bg: clear !important;
    --text: #000000 !important;
}
.wp-block-group[data-block="hook:21146"] .woocommerce-multi-currency .wmc-current-currency {
    background-color: #ffffff !important;
    color: #143852 !important;
    border: 1px solid #1438521a !important;
    line-height: normal !important;
}
.wp-block-group[data-block="hook:21146"] .woocommerce-multi-currency .wmc-sub-currency .wmc-currency {
    color: #143852 !important;
    background-color: #ffffff;
}
/* Two-column TranslatePress shortcode dropdown */
.trp-language-switcher .trp-switcher-dropdown-list:not([hidden]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(80px, 1fr));
    width: 170px;
    left: auto;
    right: 0;
}

.trp-current-language-item__wrapper:not(.trp-hide-arrow) {
  justify-content: start;
}

.wp-container-core-group-is-layout-fa38c63a .trp-language-switcher .trp-language-item {
  background: #fff;
}
.trp-language-switcher .trp-language-item { 
    padding: 6px !important;
}
.wp-container-core-group-is-layout-fa38c63a .woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
    padding: 6px 20px 7px 5px;
}
.entry-content .trp-switcher-dropdown-list .trp-language-item {
    padding: 10px 20px 10px 8px !important;
}
.trp-language-switcher .trp-switcher-dropdown-list .trp-language-item { 
    padding: 16px !important;
}
.trp-ls-dropdown.is-open .trp-switcher-dropdown-list {
    max-height: min(550px, 70vh);
}

/* Desktop Menu 3: five items per row */
@media (min-width: 1000px) {
    #header-menu-3 {
        width: 100%;
        height: auto;
        overflow: visible;
    }

    #header-menu-3 > ul.menu {
        margin-top: 6px;
        display: grid !important;
        grid-template-columns: repeat(10, max-content);
        justify-content: center;
        align-items: center;
        column-gap: 28px;
        row-gap: 20px;
        width: 100%;
        height: auto;
    }

    #header-menu-3 > ul.menu > li.menu-item {
        display: block;
        margin: 0;
    }

    #header-menu-3 .ct-menu-link {
        justify-content: center;
        white-space: nowrap;
    }
}


/* add background to header menu in homepage */
/* Keep dimensions identical in both states */
body.home #header-menu-2 > .menu > li > a.ct-menu-link {
    align-self: center !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 4px 15px !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    transition: background-color 0.35s ease !important;
}

/* Before the header becomes sticky */
body.home:not([data-header*="shrink"])
#header-menu-2 > .menu > li > a.ct-menu-link {
    background-color: #0059b39c !important;
}

/* Sticky state */
body.home[data-header*="shrink"]
#header-menu-2 > .menu > li > a.ct-menu-link {
    background-color: transparent !important;
}
/* Keep sizing stable */
body.home .ct-header-text,
body.home .ct-header-search .ct-toggle {
    border-radius: 4px !important;
    transition: background-color 0.35s ease !important;
}


/* Search label only */
body.home .search-lable {
    border-radius: 4px !important;
    transition: background-color 0.35s ease !important;
}

/* Transparent state */
body.home:not([data-header*="shrink"]) .search-lable {
    background-color: #0059b39c !important;
    padding: 2px 15px !important;
}

/* Sticky state */
body.home[data-header*="shrink"] .search-lable {
    background-color: transparent !important;
}

/* Search SVG icon */
body.home .ct-header [data-id="search"] svg.ct-icon {
    padding: 6px !important;
    box-sizing: content-box !important;
    border-radius: 4px !important;
    transition: background-color 0.35s ease !important;
}

/* Transparent header state */
body.home:not([data-header*="shrink"])
.ct-header [data-id="search"] svg.ct-icon {
    background-color: #0059b39c !important;
}

/* Sticky header state */
body.home[data-header*="shrink"]
.ct-header [data-id="search"] svg.ct-icon {
    background-color: transparent !important;
}


/* Mobile menu trigger */
/* Keep the trigger dimensions unchanged */
body.home button.ct-header-trigger[data-id="trigger"] {
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    transition: background-color 0.35s ease !important;
}

/* Transparent state */
body.home:not([data-header*="shrink"])
button.ct-header-trigger[data-id="trigger"] {
    background-color: #0059b39c !important;
}

/* Sticky state */
body.home[data-header*="shrink"]
button.ct-header-trigger[data-id="trigger"] {
    background-color: transparent !important;
}

/* Smooth cart icon color change */
/* Header cart icon only */
body.home .ct-header .iconCart > img[src$="cart.svg"] {
    transition: filter 0.35s ease !important;
}

/* Transparent header */
body.home:not([data-header*="shrink"])
.ct-header .iconCart > img[src$="cart.svg"] {
    filter: brightness(0) invert(1) !important;
}

/* Sticky header */
body.home[data-header*="shrink"]
.ct-header .iconCart > img[src$="cart.svg"] {
    filter: none !important;
}

.headerlogo {
    padding: 8px;
    width: 80%;
}

@media (max-width: 999px) {
    /* Move the HTML logo onto the language-switcher row */
    .ct-panel-content[data-device="mobile"]
    .ct-header-text[data-id="T4bIv3"] {
        width: max-content !important;
        margin-top: -38px !important;
        margin-bottom: 0 !important;
    }

    .ct-panel-content[data-device="mobile"]
    .ct-header-text[data-id="T4bIv3"] .offcanvas-html-logo img {
        display: block !important;
        width: auto !important;
        height: 48px !important;
        max-height: 48px !important;
    }
}

.offcanvas-body {
    flex-grow: initial;
}

@media (1000px <= width <= 1369px) {
  [data-id="menu-secondary"] .menu {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0px 90px;
    justify-items: start;
    text-align: left;
    margin-block:10px;
  }
  [class*=header-menu] .menu > :nth-child(1) { grid-column: 1 / span 2; }
  [class*=header-menu] .menu > :nth-child(2) { grid-column: 3 / span 2; }
  [class*=header-menu] .menu > :nth-child(3) { grid-column: 1 / span 2; }
  [class*=header-menu] .menu > :nth-child(n+4) { grid-column: span 2; }
  
    .ct-header [data-row="middle"] [data-items="primary"]
    > .ct-header-search,
    
    .ct-header [data-row="middle"] [data-items="primary"]
    > .ct-header-text {
        margin-bottom: 25px !important;
    }
}