/* Native Elementor/WordPress menus. Commerce supplies the category items only. */
.bgs-native-catalog{position:relative;font-family:inherit;font-size:12px;line-height:1.2;--widgets-spacing:0;--widgets-spacing-row:0;--widgets-spacing-column:0}
.bgs-native-catalog *,.bgs-native-catalog *::before,.bgs-native-catalog *::after{box-sizing:border-box}
.bgs-native-catalog .bgs-category-main{width:100%;margin:0;min-width:0}
.bgs-native-catalog .bgs-native-nav-main{flex:1 1 auto;min-width:0;width:auto}
.bgs-native-catalog .elementor-nav-menu--main .elementor-nav-menu{gap:7px;flex-wrap:wrap}
.bgs-native-catalog .elementor-nav-menu--main a.elementor-item{display:flex;align-items:center;justify-content:center;gap:6px;min-height:27px;padding:6px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:#34372f;font:400 14px/1.2 helvetica-neue-lt-pro,sans-serif;text-decoration:none;white-space:nowrap}
.bgs-native-catalog .elementor-nav-menu--main a.elementor-item:hover{background:#e7e1d5}
.bgs-native-catalog .elementor-nav-menu--main a.elementor-item-active{border-color:#34372f}
.elementor-100 .bgs-native-catalog .bgs-native-nav-main .elementor-nav-menu--main a.elementor-item-active{font-weight:600}
.bgs-native-catalog .elementor-nav-menu--main .bgs-category-christmas>a{background:#FFB9AB;border-color:#34372f}
.elementor-100 .bgs-native-catalog .elementor-nav-menu--main .bgs-category-christmas>a.elementor-item::before{content:'';position:static;display:block;flex:none;width:.68em;height:1em;opacity:1;background:currentColor;mask:url('/wp-content/plugins/bergstrands-storefront/assets/icons/christmas-tree.svg?v=0361febb4a03') center/contain no-repeat}
.bgs-native-catalog .sub-arrow{display:flex;padding:0;margin:0;align-items:center;justify-content:center;line-height:1}
.bgs-native-catalog .sub-arrow svg,.bgs-native-catalog .e-n-menu-dropdown-icon svg{display:none}
.bgs-native-catalog .sub-arrow::before,.bgs-native-catalog .e-n-menu-dropdown-icon::before,.bgs-native-catalog .bgs-nav-chevron::before{content:'';display:block;width:10px;height:10px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bgs-native-catalog a[aria-expanded=true]>.sub-arrow::before{transform:rotate(180deg)}
.bgs-native-catalog :is(a,button):focus-visible{outline:2px solid #273527;outline-offset:3px}
.bgs-native-catalog .elementor-nav-menu--main .sub-menu{z-index:40;width:min(220px,calc(100vw - 28px))!important;min-width:0!important;max-width:none!important;margin-top:9px!important;padding:10px;border:1px solid #bcb6a8;border-radius:14px;background:var(--e-global-color-primary, #f3efe3);box-shadow:0 12px 30px rgba(40,32,23,.16)}
.bgs-native-catalog .elementor-nav-menu--dropdown a.elementor-sub-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#30362d;font:400 14px/1.3 helvetica-neue-lt-pro,sans-serif;white-space:normal}
.bgs-native-catalog .elementor-nav-menu--dropdown a.elementor-sub-item:is(:hover,:focus,.elementor-item-active){color:#233126;background:#e8e4d9}
.bgs-native-catalog .bgs-native-mobile-menu{display:none}
.bgs-native-catalog .bgs-native-ordering-slot{flex:none;width:auto;--width:auto;--flex-grow:0}
.bgs-native-catalog .bgs-nav-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:27px;padding:6px 19px;border:1px solid #9a9d91;border-radius:999px;background:transparent;color:#34372f;font:inherit;line-height:1.2;white-space:nowrap}
.bgs-native-catalog .bgs-ordering-label{width:auto;--width:auto;--flex-grow:0;gap:12px}
.bgs-native-catalog .bgs-native-filter-text{width:auto;--container-widget-width:auto;--container-widget-flex-grow:0}
.bgs-native-catalog .bgs-native-filter-text .elementor-heading-title{font:inherit;color:inherit;line-height:inherit;margin:0;padding:0}
.bgs-native-catalog .bgs-ordering-label>.bgs-nav-chevron{display:none}
@media(min-width:768px){.bgs-native-catalog .bgs-category-main{align-items:center}}
@media(min-width:768px) and (max-width:1024px){.bgs-native-catalog .bgs-native-nav-main .elementor-nav-menu{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}
@media(max-width:767px){
 .bgs-native-catalog{--gap:0;--row-gap:0;--column-gap:0}
 .bgs-native-catalog .bgs-category-main{align-items:stretch;gap:10px}
 .bgs-native-catalog :is(.bgs-native-nav-main,.bgs-native-nav-sub){display:none}
 .bgs-native-catalog .bgs-native-mobile-menu{display:block;flex:1 1 0;min-width:0;width:0;--width:0}
 .bgs-native-catalog .bgs-native-ordering-slot{flex:1 1 0;width:0;--width:0;--flex-grow:1}
 .bgs-native-catalog .bgs-ordering-label{width:100%;--width:100%;height:44px;justify-content:space-between;font-size:14px;font-weight:500}
 .bgs-native-catalog .bgs-ordering-label>.bgs-nav-chevron{display:block;flex:none;width:18px;height:18px}
 .bgs-native-catalog .bgs-nav-chevron>.elementor-icon-wrapper{display:none}
 .bgs-native-catalog .bgs-nav-chevron::before{width:18px;height:18px}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu{--n-menu-heading-wrap:nowrap;--n-menu-heading-justify-content:stretch;--n-menu-title-distance-from-content:9px;--n-menu-title-transition:0s;--n-menu-dropdown-content-max-width:none;--n-menu-dropdown-content-width:auto}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-heading{width:100%;margin:0;padding:0;gap:0}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-item{width:100%}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-title{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;min-height:44px;padding:7px 16px;border:1px solid #9a9d91;border-radius:999px;background:transparent;color:#34372f;gap:12px}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-title:is(:hover,:has([aria-expanded=true])){background:#e7e1d5}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-title-container{padding:0;flex:1;min-width:0;font:500 14px/1.2 helvetica-neue-lt-pro,sans-serif}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-dropdown-icon{position:static;display:flex;width:18px;height:18px;padding:0;margin:0;flex:none;background:transparent;border:0;color:inherit}
 .bgs-native-catalog .e-n-menu-dropdown-icon::before{width:18px;height:18px}
 .bgs-native-catalog .e-n-menu-dropdown-icon>span{display:none}
 .bgs-native-catalog .e-n-menu-dropdown-icon[aria-expanded=true]::before{transform:rotate(180deg)}
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-content{position:absolute;top:44px!important;left:0!important;right:auto!important;width:min(343px,calc(100vw - 28px))!important;max-width:none!important;z-index:40}
 .bgs-native-catalog .bgs-native-category-panel{width:100%;padding:10px;max-height:min(60dvh,500px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #bcb6a8;border-radius:14px;background:var(--e-global-color-primary, #f3efe3);box-shadow:0 12px 30px rgba(40,32,23,.16);scrollbar-width:thin;scrollbar-color:#9d978a transparent;gap:0}
 /* Keep the existing panel width while its Menu button fills half the row. */
 .bgs-native-catalog .bgs-native-mobile-menu.e-fit_to_content .e-n-menu-content>.bgs-native-category-panel.e-con{--width:100%}
 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu{gap:0}
 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main a.elementor-item{justify-content:space-between;gap:14px;width:100%;min-height:48px;padding:12px;border:0;border-radius:10px;background:transparent;color:#30362d;font:400 15px/1.3 helvetica-neue-lt-pro,sans-serif;white-space:normal}
 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main a.elementor-item:is(:hover,:focus,.elementor-item-active,.highlighted){color:#233126;background:#e8e4d9}
 .elementor-100 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main a.elementor-item-active{font-weight:650}
 .bgs-native-catalog .bgs-native-nav-mobile li.bgs-mobile-category-parent{border-top:1px solid #d2cbbc;padding-top:5px;margin-top:5px}
 .elementor-100 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main li.bgs-mobile-category-parent>a.elementor-item{font-weight:700}
 /* Seasonal items use the same two-column row as other mobile categories. */
 .elementor-100 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main .bgs-category-christmas>a.elementor-item::before{content:none;display:none}
 .bgs-native-catalog .bgs-native-nav-mobile li.bgs-mobile-category-child>a{padding-left:20px}
 .elementor-100 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main li.bgs-native-brew>a.elementor-item{padding-left:12px;font-weight:600}
 .bgs-native-catalog .bgs-native-nav-mobile .sub-arrow::before{width:18px;height:18px}
 .bgs-native-catalog .bgs-native-nav-mobile .elementor-nav-menu--main .sub-menu{position:static!important;width:100%!important;margin:0!important;padding:5px;box-shadow:none;border-radius:10px}
 .bgs-native-catalog .bgs-native-nav-mobile .sub-menu a.elementor-sub-item{font-size:15px;min-height:44px;padding:10px 12px}
 .bgs-native-catalog .bgs-category-count{min-width:2ch;color:#62675b;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
}
@media(prefers-reduced-motion:reduce){.bgs-native-catalog *{transition:none!important;animation:none!important}}

/* Keep the original Filter face over the unmodified Woo ordering control. */

.bgs-catalog-navigation .bgs-native-ordering-slot {display:none;position:relative;margin-left:auto;flex:0 0 auto;min-width:0;}

.bgs-catalog-navigation .bgs-native-ordering-slot:has(form.woocommerce-ordering) {display:block;}

.bgs-catalog-navigation .bgs-ordering-label {position:relative;z-index:2;pointer-events:none;}

.bgs-catalog-navigation .woocommerce-ordering {position:absolute;inset:0;float:none;width:100%;height:100%;margin:0;}

.bgs-catalog-navigation select.orderby {

 display:block;width:100%;height:100%;max-width:100%;min-width:0;min-height:0;

 margin:0;padding:0;border:0;border-radius:var(--bgs-nav-button-radius,999px);

 appearance:none;background:transparent;color:transparent;font:inherit;line-height:1;cursor:pointer;

}

.bgs-catalog-navigation select.orderby option {color:var(--bgs-nav-option-color,#30362d);background:var(--bgs-nav-panel-background,#f3efe3);font-size:14px;}

.bgs-catalog-navigation .bgs-native-ordering-slot:has(select:hover) > .bgs-ordering-label,

.bgs-catalog-navigation .bgs-native-ordering-slot:has(select:open) > .bgs-ordering-label {background:var(--bgs-nav-button-open-background,#e7e1d5);}

.bgs-catalog-navigation .bgs-native-ordering-slot:has(select:open) .bgs-nav-chevron {transform:rotate(180deg);}

.bgs-catalog-navigation select.orderby:focus-visible {outline:2px solid var(--bgs-nav-focus,#273527);outline-offset:3px;}

.bgs-native-archive-grid form.woocommerce-ordering {grid-column:1 / -1;justify-self:end;}

/* Native select remains the no-script fallback; the enhanced menu below owns dismissal. */

@supports (appearance:base-select) {

 .bgs-catalog-navigation select.orderby,

 .bgs-catalog-navigation select.orderby::picker(select) {appearance:base-select;}

 .bgs-catalog-navigation select.orderby::picker-icon {display:none;}

 .bgs-catalog-navigation select.orderby::picker(select) {

  inset:auto;top:calc(anchor(bottom) + var(--bgs-nav-menu-offset,9px));right:anchor(right);

  width:min(var(--bgs-nav-menu-width,343px),calc(100vw - 28px));

  max-height:min(60dvh,var(--bgs-nav-menu-max-height,500px));margin:0;padding:var(--bgs-nav-panel-padding,10px);

  overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--bgs-nav-panel-border,#bcb6a8);

  border-radius:var(--bgs-nav-panel-radius,14px);background:var(--bgs-nav-panel-background,#f3efe3);

  color:var(--bgs-nav-option-color,#30362d);box-shadow:0 12px 30px rgba(40,32,23,.16);

  scrollbar-width:thin;scrollbar-color:#9d978a transparent;

 }

 .bgs-catalog-navigation select.orderby option {

  display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;

  min-height:var(--bgs-nav-option-height,44px);margin:0 0 2px;padding:var(--bgs-nav-option-padding,10px 12px);

  border:0;border-radius:var(--bgs-nav-option-radius,10px);background:transparent;

  font-family:inherit;font-size:14px;line-height:1.3;white-space:normal;

 }

 .bgs-catalog-navigation select.orderby option:hover,

 .bgs-catalog-navigation select.orderby option:focus,

 .bgs-catalog-navigation select.orderby option:checked {color:var(--bgs-nav-option-active-color,#233126);background:var(--bgs-nav-option-active-background,#e8e4d9);}

 .bgs-catalog-navigation select.orderby option:checked {font-weight:650;}

 .bgs-catalog-navigation select.orderby option::checkmark {

  content:'';order:2;flex:none;width:18px;height:18px;margin-left:auto;background:currentColor;

  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;

 }

}

@media(max-width:1024px) and (min-width:768px){.bgs-catalog-navigation .bgs-native-ordering-slot {margin-left:16px;}}

@media(max-width:767px){

 .bgs-catalog-navigation .bgs-native-ordering-slot {flex:1 1 0;margin-left:0;}

 .bgs-catalog-navigation select.orderby option {font-size:15px;}

}


/* Match the seasonal category chip on desktop/tablet; keep mobile controls equal. */
@media(min-width:768px) {
 .bgs-catalog-navigation .bgs-ordering-label {
  min-width:116.55px;min-height:var(--bgs-nav-chip-height,27px);
  padding:var(--bgs-nav-chip-padding,6px 11px);font-size:14px;line-height:1.2;
 }
}

/* A regular details toggle keeps repeat-tap dismissal independent of native select pickers. */
.bgs-catalog-navigation .bgs-native-ordering-slot[data-bgs-sort-ready] > form.woocommerce-ordering{display:none}
.bgs-catalog-navigation .bgs-sort-control{position:absolute;inset:0;z-index:3;margin:0;padding:0;border:0}
.bgs-catalog-navigation .bgs-sort-control[open]{z-index:50}
.bgs-catalog-navigation .bgs-sort-toggle{display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:var(--bgs-nav-button-radius,999px);list-style:none;cursor:pointer}
.bgs-catalog-navigation .bgs-sort-toggle::marker{content:''}
.bgs-catalog-navigation .bgs-sort-toggle::-webkit-details-marker{display:none}
.bgs-catalog-navigation .bgs-native-ordering-slot[data-bgs-sort-open=true] > .bgs-ordering-label,
.bgs-catalog-navigation .bgs-native-ordering-slot:has(.bgs-sort-toggle:hover) > .bgs-ordering-label{background:var(--bgs-nav-button-open-background,#e7e1d5)}
.bgs-catalog-navigation .bgs-native-ordering-slot[data-bgs-sort-open=true] .bgs-nav-chevron{transform:rotate(180deg)}
.bgs-catalog-navigation .bgs-sort-panel{position:absolute;top:calc(100% + 9px);right:0;display:flex;flex-direction:column;width:min(var(--bgs-nav-menu-width,343px),calc(100vw - 28px));box-sizing:border-box;max-height:min(60dvh,500px);padding:var(--bgs-nav-panel-padding,10px);overflow:hidden;border:1px solid var(--bgs-nav-panel-border,#bcb6a8);border-radius:var(--bgs-nav-panel-radius,14px);background:var(--bgs-nav-panel-background,#f3efe3);color:var(--bgs-nav-option-color,#30362d);box-shadow:0 12px 30px rgba(40,32,23,.16);font:400 14px/1.3 "helvetica-neue-lt-pro",sans-serif}
.bgs-catalog-navigation .bgs-sort-control:not([open]) > .bgs-sort-panel{display:none}
.bgs-catalog-navigation .bgs-sort-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 6px 12px}
.bgs-catalog-navigation .bgs-sort-header h3{margin:0;padding:0;color:inherit;font:500 15px/1.4 "helvetica-neue-lt-pro",sans-serif;letter-spacing:normal}
.bgs-catalog-navigation :is(.bgs-sort-close,.bgs-sort-option){appearance:none;box-sizing:border-box;box-shadow:none;margin:0;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;letter-spacing:normal;text-transform:none;cursor:pointer}
.bgs-catalog-navigation .bgs-sort-close{min-height:44px;padding:8px 12px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.bgs-catalog-navigation .bgs-sort-options{display:grid;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9d978a transparent}
.bgs-catalog-navigation .bgs-sort-option{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;width:100%;min-height:44px;padding:var(--bgs-nav-option-padding,10px 12px);text-align:start}
.bgs-catalog-navigation .bgs-sort-option svg{width:18px;height:18px;flex:none}
.bgs-catalog-navigation .bgs-sort-option[aria-selected=false] svg{visibility:hidden}
.bgs-catalog-navigation .bgs-sort-option[aria-selected=true]{font-weight:650}
.bgs-catalog-navigation .bgs-sort-option:disabled{opacity:.5;cursor:default}
.bgs-catalog-navigation .bgs-sort-option:is(:hover,:focus-visible,[aria-selected=true]),
.bgs-catalog-navigation .bgs-sort-close:hover{background:var(--bgs-nav-option-active-background,#e8e4d9);color:var(--bgs-nav-option-active-color,#233126)}
.bgs-catalog-navigation :is(.bgs-sort-toggle,.bgs-sort-close,.bgs-sort-option):focus-visible{outline:2px solid var(--bgs-nav-focus,#273527);outline-offset:2px}
@media(max-width:767px){.bgs-catalog-navigation .bgs-sort-panel{font-size:15px}}

/* Mobile catalogue toggles share the same chevron motion. */
@media(max-width:767px){
 .bgs-native-catalog .bgs-ordering-label>.bgs-nav-chevron,
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-dropdown-icon::before{
  transform-origin:center;transition:transform 200ms ease-out;
 }
}
@media(prefers-reduced-motion:reduce){
 .bgs-native-catalog .bgs-native-mobile-menu .e-n-menu-dropdown-icon::before{transition:none!important}
}