/**** Base Classes *****/

/** Backgrounds **/
.bg-primary { background: #000000 }
.bg-secondary { background: #d7d7d7 }
.bg-accent { background: red }

/** Font Colours **/
.text-primary { color: #000000 }
.text-secondary { color: #d7d7d7 }
.text-accent { color: red }

/** Buttons **/
.btn-primary { background: #000000 }
.btn-secondary { background: #000000 }

/* Popovers */
#dbg-popovers { position: relative; z-index: 9999; }
.dbg-popover {
  position: relative;
  background: #fff;
  padding: 1rem;
  border-bottom: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
}
.dbg-popover-close {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}
.dbg-popover .btn {
  margin-left: auto;
  align-self: center;
}

/* Content visibility overlay */
.dbg-lock-wrap { position: relative; }
.dbg-blur { filter: blur(12px); }
.dbg-lock-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(4px);
  font-weight: bold;
}

/* Ensure checkboxes display a black fill with a white check */
input[type="checkbox"],
.form-check-input {
  accent-color: #000;
}

input[type="checkbox"]:checked,
.form-check-input:checked {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

/* Restore the dropdown arrow for selects using a theme-matched SVG */
select:not([multiple]):not([size]),
.form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px 8px;
  padding-right: 2.5rem;
}

select:not([multiple]):not([size])::-ms-expand,
.form-select::-ms-expand {
  display: none;
}

/* Ensure scrollbars reserve space to prevent layout jumps when overlays toggle */
html {
  scrollbar-gutter: stable;
}

/* Ensure the footer sticks to the bottom when content is short */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#content {
  flex: 1 0 auto;
}

/* Lenis smooth scroll helper classes */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

#site-footer .container, #desktop-header .container {
	max-width: 1280px;
}

footer.newsletter-enabled {
  position: relative;
  padding-top: 0;
}
footer.newsletter-enabled .container {
  padding-top: 4rem;
}
footer.newsletter-enabled .newsletter-wrapper {
/*   position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%); */
  width: 100%;
  display: flex;
  justify-content: var(--nl-align, center);
  z-index: 1;
	margin-top: -97px;
}
footer.newsletter-enabled .newsletter-card {
/*   	position: static; */
	max-width: initial !important;
	width: 100%;
}

footer.newsletter-enabled .newsletter-card .newsletter-fields {
  width: 100%;
}

footer#site-footer .border-bottom { 
	border-bottom: 1px solid #074685 !important;
}

footer#site-footer ul { 
	display: flex;
	flex-direction: column;
	gap: 12px;
}

footer#site-footer a {
	color: #FFFFFF;
	transition: all 0.5s ease-in-out;
	text-decoration: none;
}

footer#site-footer a:hover {
	color: #3FA9F5;
}

footer.newsletter-enabled .newsletter-card .form-control {
  flex: 1 1 auto;
  width: auto;
  min-width: var(--nl-field-size-desktop, 150px);
}
footer.newsletter-enabled .newsletter-card button {
  flex: 0 0 auto;
}

#newsletter-card h3 {
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.3;
	letter-spacing: 0px;
}

#newsletter-card p {
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.5;
	letter-spacing: 0px;

}



.wpc-filters-widget-content .wpc-filters-section .wpc-filter-search-form .wpc-search-field {
    border: 1px solid #EFEFEF;
    padding: 12px 16px 12px 40px;
    border-radius: 24px;
    color: #BDBDBD;
    font-size: 14px;
}
body .wpc-filter-title {
    color: #292929;
    font-size: 14px;
    font-weight: 600;
}
body .wpc-filters-main-wrap li.wpc-term-item a {
    color: #666666;
    font-size: 14px;
}
body .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
    width: 20px;
    height: 20px;
    border-color: #B4D8FB;
}
@media (min-width: 768px) {
  footer.newsletter-enabled .newsletter-card .newsletter-fields {
    flex-wrap: nowrap !important;
    align-items: stretch;
  }
}

@media (max-width: 768px) {
	#newsletter-card { 
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 0px !important;
	}
}

@media (max-width: 575.98px) {
  footer.newsletter-enabled .newsletter-card .form-control {
    min-width: var(--nl-field-size-mobile, 150px);
  }
}



/* iPad Pro / tablet breakpoint: use the offcanvas mobile header up to 1024px */
@media (max-width: 1024px) {
  #desktop-header,
  #site-navigation {
    display: none !important;
  }

  #mobile-header {
    display: block !important;
  }
	.site-branding.flex-grow-1.text-lg-center {
    text-align: left !important;
    margin-left: 10px;
}
	#mobile-header #header-login-link {
		gap: 12px;
		font-weight: 700;
		font-size: 0.875rem;
		line-height: 1.5;
		letter-spacing: 0px;
		border-radius: 200px !important;
		padding: 8px 20px;
	}
}

/* Mobile overlay menu */
@media (max-width: 991.98px) {
	
	.site-branding.flex-grow-1.text-lg-center {
    margin-left: 0px;
}
  #site-navigation .navbar-collapse {
    position: fixed;
    inset: 0;
    background: inherit;
    height: 100vh;
    overflow-y: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1050;
  }
  #site-navigation .navbar-collapse.show {
    display: flex;
  }
  #primary-menu-items {
    flex-direction: column;
    width: 100%;
  }
  #primary-menu-items > li {
    width: 100%;
    text-align: center;
    border-bottom: 0.5px solid rgba(0,0,0,0.2);
  }
  #primary-menu-items > li > a {
    display: block;
    padding: 1rem;
  }
  #primary-menu .btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1061;
  }
}

/* PWA bottom bar */
.pwa-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  display: flex;
  justify-content: space-around;
  z-index: 1030;
}
.pwa-bottom-bar a,
.pwa-bottom-bar div {
  flex: 1 1 0;
  text-align: center;
  padding: 0.5rem 0;
  color: inherit;
  text-decoration: none;
}
.pwa-bottom-bar img,
.pwa-bottom-bar i {
  display: block;
  margin: 0 auto 2px auto;
  width: 1.5rem;
  height: 1.5rem;
}

/* Header search */
.header-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  width: min(100%, 760px);
  padding: .25rem;
  background-color: #ffffff;
  border: 1px solid #dce3f0;
  border-radius: 999px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.header-search:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
}

.header-search__select,
.header-search__input {
  font-family: inherit;
  height: 44px;
}

.header-search__select {
  border: 0;
  outline: none;
  border-radius: 999px;
  background-color: #edf3ff;
  color: #1e3a8a;
  padding: 0 2.5rem 0 1.25rem;
  font-size: .95rem;
  font-weight: 600;
  min-width: 165px;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%231e3a8a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 12px 8px;
  transition: background-color .2s ease, color .2s ease;
}

.header-search__select:focus {
  background-color: #e0e7ff;
  color: #1e3a8a;
}

.header-search__select::-ms-expand {
  display: none;
}

.header-search__select option {
  color: #0f172a;
}

.header-search__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: #0f172a;
  font-size: 1rem;
  padding: 0 1.25rem 0 1rem;
  border-radius: 999px;
}

.header-search__input::placeholder {
  color: #9ca3af;
}

@media (max-width: 1199.98px) {
  .header-search__select {
    min-width: 150px;
  }
}

@media (max-width: 991.98px) {
  .header-search {
    width: 100%;
    margin-top: .5rem;
  }
  .header-search__select,
  .header-search__input {
    height: 42px;
  }
  .header-search__select {
    min-width: 135px;
    font-size: .9rem;
    padding: 0 2.25rem 0 1rem;
    background-position: right 1rem center;
  }
}

@media (max-width: 767.98px) {
  .header-search__select {
    min-width: 125px;
  }
}

@media (max-width: 575.98px) {
  .header-search__select {
    min-width: 110px;
    font-size: .875rem;
  }
  .header-search__input {
    font-size: .95rem;
  }
}

/* Sticky navigation */
.scroll-up-sticky{position:sticky;top:0;z-index:1020;transition:transform .3s ease-in-out;}
.scroll-up-sticky.hide-up{transform:translateY(-100%);}

.vertical-brand-tabs .nav-link{cursor:pointer;}
.vertical-brand-tabs .category-card img{border-radius:21px;border:0.5px solid rgba(0,0,0,0.2);}
.vertical-brand-tabs{display:flex;gap:1rem;}
.dbg-search-dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background:#fff;
  border:1px solid #e2e8f0;
  z-index:1050;
  max-height:300px;
  overflow-y:auto;
}
.header-search .dbg-search-dropdown {
  left: -1px;
  right: -1px;
  top: calc(100% + .35rem);
  border-radius: 24px;
  border: 1px solid rgba(220, 227, 240, 0);
  background-color: #ffffff;
  box-shadow: 0 24px 44px rgba(15, 23, 42, 0.14);
  overflow: hidden;
  max-height: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.header-search .dbg-search-dropdown .dbg-search-tray__list {
  max-height: 400px;
  overflow-y: auto;
  flex: 1 1 auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.header-search .dbg-search-dropdown .dbg-search-tray__footer {
  flex-shrink: 0;
}

/* Desktop search tray (preview dropdown) */
.dbg-search-tray__list{
  display:block;
}
.dbg-search-tray__no-results{
  padding:40px 24px;
  text-align:center;
  color:#6b7280;
  font-size:15px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.dbg-search-tray__item{
  display:flex;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  text-decoration:none;
  color:#0f172a;
  border-bottom:1px solid #eef2f7;
}
.dbg-search-tray__item:hover,
.dbg-search-tray__item:focus{
  background:#f8fafc;
  color:#0f172a;
}
.dbg-search-tray__thumb{
  width:32px;
  height:32px;
  object-fit:contain;
  display:block;
}
.dbg-search-tray__thumb--empty{
  background:#f1f5f9;
  border-radius:6px;
}
.dbg-search-tray__title{
  font-weight:700;
  line-height:1.2;
}
.dbg-search-tray__meta{
  margin-top:2px;
  color:#6b7280;
  font-weight:600;
}
.dbg-search-tray__meta-label{
  color:#6b7280;
}
.dbg-search-tray__meta-value{
  color:#6b7280;
}
.dbg-search-tray__footer{
  border-top:1px solid #eef2f7;
  padding:12px 16px;
  background:#ffffff;
}
.dbg-search-tray__view-all-btn{
  display:block;
  width:100%;
  padding:12px 24px;
  background-image:linear-gradient(90deg, rgb(63, 169, 245) 0%, rgb(0, 101, 188) 100%);
  color:#ffffff;
  text-align:center;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  border-radius:24px;
  transition:opacity 0.2s ease;
}
.dbg-search-tray__view-all-btn:hover,
.dbg-search-tray__view-all-btn:focus{
  opacity:0.9;
  color:#ffffff;
  text-decoration:none;
}

/* Keep legacy mobile dropdown styles (if any) harmless */

#login-link {  
	line-height: 1;
}

@media (max-width: 991.98px) {
  .header-search .dbg-search-dropdown {
    left: -.3rem;
    right: -.3rem;
  }
}

@media (max-width: 575.98px) {
  .header-search .dbg-search-dropdown {
    left: -.25rem;
    right: -.25rem;
  }
}
.dbg-search-item img{
  width:50px;
  height:50px;
  object-fit:cover;
  border-radius:.25rem;
}

/* Mobile header tweaks */
@media (max-width: 991.98px) {
  .header-search {
    order: 3;
  }
  #mobile-header-icons {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .5rem;
  }
  /* Ensure the hamburger button is visible and styled as a circular chip */
/*   #mobile-header .navbar-toggler{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 9999px;
    border: 1px solid rgba(17,24,39,.12);
    background: #fff;
  } */
  #mobile-header .navbar-toggler .navbar-toggler-icon {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .mobile-header-icon span.d-inline-block {
    width: 1.5rem;
    height: 1.5rem;
  }
  .mobile-header-icon .dashicons {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

	#site-header .custom-logo { 
		max-height: 42px !important;
	}
  /* Hide wishlist icon on mobile to match 3-icon design (search, account, cart) */
  #mobile-header-icons #dbg-wishlist-toggle { display: none; }
  /* Cart badge positioning */
  #mobile-header-icons #mini-cart-toggle .badge{
    font-size: .65rem;
    min-width: 1.2rem;
    height: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #login-link .login-text {
    display: none;
  }
}

/* Offcanvas mobile menu */
#dbg-mobile-menu.offcanvas {
  width: 75vw;
  max-width: 75vw;
  z-index: 999999999;
}

#dbg-mobile-menu.offcanvas + .offcanvas-backdrop {
  z-index: 999999998;
}

/* YITH Compare button styled like theme chip on product card */
.dbg-product-card__media .dbg-product-card__compare{
  position:absolute;
  top:12px;
  right:12px;
}
.dbg-product-card__media .dbg-product-card__compare .compare {
  	display:inline-flex;
  	align-items:center;
	gap: 6px;
  	justify-content:center;
	/*   width:44px;
  	height:44px; */
/*  	 border-radius:9999px; */
	/*   border:1px solid rgba(17,24,39,.12); */
	/*   background:#fff; */
	/*   text-indent:-9999px; */
	 /* hide label text inside chip */
  	overflow:hidden;
  	position:relative;
}

.dbg-product-card__media .dbg-product-card__compare .compare span, .yith-add-to-wishlist-button-block span {
	font-family: "Figtree", Sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0px;
	color: #525252;
}

.dbg-product-card__media .dbg-product-card__compare .woocommerce.product.compare-button input {
    height: 16px;
    width: 16px;
    border: 2px solid #525252;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 2px;
	background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dbg-product-card__media .dbg-product-card__compare a.compare input[type="checkbox"]:checked {	
	 --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.yith-add-to-wishlist-button-block { 
	position: absolute;
    bottom: 12px;
    right: 12px;
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor svg.yith-wcwl-icon-svg { 
	width: 20px;
	max-width: 20px;
}

#yith-woocompare table.dataTable.compare-list tbody th { 
	color: #292929;
}

#yith-woocompare table.compare-list tr h2 {  
	font-weight: 700;
    font-size: 1.25rem !important;
    line-height: 1.3;
    letter-spacing: 0px;
    color: #053666;
    margin-bottom: 0px;
}

#yith-woocompare .button {  
	border-radius: 200px !important;
    background: linear-gradient(90deg, #3FA9F5 0%, #0065BC 100%) !important;
    color: #fff;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    letter-spacing: 0px !important;
    padding: 0.594rem 1.25rem;
}

#yith-woocompare .button:hover {
	background: linear-gradient(90deg, #0065BC 0%, #3FA9F5 100%) !important;
}

#yith-woocompare table.compare-list .image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 220px;
	overflow: hidden;
}
#yith-woocompare table.compare-list .image-wrap img {
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.yith-woocompare-popup-container {
	background: #fff !important;
}
.yith-woocompare-popup-close {
	z-index: 99999 !important;
}

/* .dbg-product-card__media .dbg-product-card__compare .compare:before {
  content:'';
  width:18px;height:18px;
  background: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 20 20\"><path fill=\"%23000\" d=\"M3 4h6v2H5v10H3V4zm14 0v12h-2V6h-4V4h6z\"/></svg>') no-repeat center / contain;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox=\"0 0 20 20\"><path fill=\"%23000\" d=\"M3 4h6v2H5v10H3V4zm14 0v12h-2V6h-4V4h6z\"/></svg>') no-repeat center / contain;
} */

#dbg-mobile-menu .navbar-nav > li {
  border-bottom: 0.5px solid rgba(0,0,0,0.2);
}
#dbg-mobile-menu .navbar-nav > li:last-child {
  border-bottom: none;
}

/* Filter shortcode */
.dbg-filters-shortcode .row-cols-2 > .col{display:flex;}
.dbg-filters-shortcode label.card{width:100%;}
.dbg-filters-shortcode label.card img{height:80px;object-fit:contain;}

/* Login modal */
#dbg-login-modal .modal-dialog {
  margin: 1.5rem auto;
}
#dbg-login-modal .modal-content {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  width: 100%;
  max-width: 420px;
  padding: 2rem 1.5rem;
  font-family: "Inter", system-ui, sans-serif;
}
#dbg-login-modal .modal-body {
  position: relative;
  padding: 0;
  text-align: center;
}
#dbg-login-modal .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #EAF6FF;
  border: 1px solid #3FA9F5;
  color: #3FA9F5;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transition: transform .2s;
}
#dbg-login-modal .btn-close::before {
  content: "\00d7";
  font-size: 1.25rem;
}
#dbg-login-modal .btn-close:hover {
  transform: rotate(90deg);
}
#dbg-login-modal h5 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 1.5rem;
  text-align: center;
}
#dbg-login-modal form {
  text-align: left;
}
#dbg-login-modal label {
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.5rem;
  display: block;
}
#dbg-login-modal input[type="text"],
#dbg-login-modal input[type="password"] {
  width: 100%;
  border: 1px solid #DDE8F0;
  border-radius: 999px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
}
#dbg-login-modal .forgetmenot {
  text-align: left;
  margin-bottom: 1rem;
}
#dbg-login-modal .login-submit input {
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 0.6rem 1rem;
  font-weight: 700;
  background-image: linear-gradient(to right, #3FA9F5, #0065BC);
  color: #ffffff;
}
#dbg-login-modal .login-submit input:hover {
  opacity: 0.9;
}
#dbg-login-modal p.text-center.my-3 {
  position: relative;
  margin: 1.5rem 0;
  color: #666;
}
#dbg-login-modal p.text-center.my-3::before,
#dbg-login-modal p.text-center.my-3::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40%;
  height: 1px;
  background: #e0e0e0;
}
#dbg-login-modal p.text-center.my-3::before { left: 0; }
#dbg-login-modal p.text-center.my-3::after { right: 0; }
#dbg-login-modal .dbg-login-modal__social {
  margin: 0 0 0.5rem;
}
#dbg-login-modal .dbg-btn--google {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 0 20px;
  border: 1px solid #F2F4F7;
  border-radius: 999px;
  background: #F2F4F7;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
#dbg-login-modal .dbg-btn--google:hover,
#dbg-login-modal .dbg-btn--google:focus {
  background: #ffffff;
  border-color: #E5E7EB;
  color: #111827;
  text-decoration: none;
  transform: translateY(-1px);
}
#dbg-login-modal .dbg-btn--google:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.3);
  outline-offset: 2px;
}
#dbg-login-modal .dbg-glogo,
#dbg-login-modal .dbg-glogo svg {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

/* Toast container positions */
#dbg-toast-container {
  z-index: 99999999;
}
#dbg-toast-container.top-right {
  position: fixed;
  top: 5rem;
  right: 1rem;
}
@media (max-width: 575.98px) {
  #dbg-toast-container.top-right {
    top: 5rem;
    right: 1rem;
    left: 1rem;
    bottom: auto;
    transform: none;
    width: auto;
  }
}
#dbg-toast-container.top-left {
  position: fixed;
  top: 5rem;
  left: 1rem;
}
@media (max-width: 575.98px) {
  #dbg-toast-container.top-left {
    top: 5rem;
    left: 1rem;
    right: 1rem;
    bottom: auto;
    transform: none;
    width: auto;
  }
}

/* Toast colour tweaks for subtle backgrounds */
.toast.bg-success-subtle { color: var(--bs-success-text-emphasis); }
.toast.bg-danger-subtle  { color: var(--bs-danger-text-emphasis); }
.toast.bg-warning-subtle { color: var(--bs-warning-text-emphasis); }
.toast.bg-info-subtle    { color: var(--bs-info-text-emphasis); }
#dbg-toast-container .toast .toast-body { flex: 1; }
#dbg-toast-container .toast .btn-close { margin-right: .5rem; }

/* Mini cart offcanvas */
#dbg-mini-cart.offcanvas {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fff;
  border-radius: 20px 0 0 20px;
  --bs-offcanvas-width: min(400px, 100%);
  z-index: 999999999;
}

#dbg-mini-cart.offcanvas + .offcanvas-backdrop {
  z-index: 999999998;
}

/* Filter offcanvas background fix */
#codex-offcanvas-filters.offcanvas,
#codex-offcanvas-filters .offcanvas-body,
#codex-offcanvas-filters .cx-screens,
#codex-offcanvas-filters .cx-screen {
  background-color: #fff !important;
}

@media (max-width: 575.98px) {
  #dbg-mini-cart.offcanvas {
    border-radius: 0;
  }
}

#dbg-mini-cart .offcanvas-header {
  border-bottom: 1px solid #DDE8F0;
}

#dbg-mini-cart .offcanvas-header h5 {
  font-weight: 700;
  font-size: 1.5rem;
}


/* Shared offcanvas close button */
.dbg-offcanvas-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #CFE2FF;
  background: none;
  position: relative;
  opacity: 1;
}
.dbg-offcanvas-close::before,
.dbg-offcanvas-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #0d6efd;
  transform-origin: center;
  transition: transform .2s ease-in-out;
}
.dbg-offcanvas-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.dbg-offcanvas-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.dbg-offcanvas-close:hover::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
.dbg-offcanvas-close:hover::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

#dbg-mini-cart .offcanvas-body { 
  padding-top: 0.5rem;
}

/* Remove the mt-auto spacing that creates the white gap */
#dbg-mini-cart .offcanvas-body > .mt-auto {
  margin-top: 0 !important;
}

#dbg-mini-cart li {
  border-bottom: 1px solid #DDE8F0;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  gap: 16px;
}
#dbg-mini-cart li:last-child { border-bottom: none; margin-bottom: 0; }

.product-featured-icon { cursor: pointer; }
.woocommerce ul.products li.product { position: relative; }
.woocommerce ul.products li.product .product-featured-icon { position: absolute; top: 0; right: 0; margin: 0.5rem; }

/* Wishlist offcanvas */
#dbg-wishlist-menu.offcanvas {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #fff;
  border-radius: 20px 0 0 20px;
}

#dbg-wishlist-menu .offcanvas-header {
  border-bottom: 1px solid #DDE8F0;
}

#dbg-wishlist-menu .offcanvas-header h5 {
  font-weight: 700;
  font-size: 1.5rem;
}

#dbg-wishlist-menu .btn-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #CFE2FF;
  background: none;
  position: relative;
  opacity: 1;
}
#dbg-wishlist-menu .btn-close::before,
#dbg-wishlist-menu .btn-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #0d6efd;
  transform-origin: center;
  transition: transform .2s ease-in-out;
}
#dbg-wishlist-menu .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#dbg-wishlist-menu .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#dbg-wishlist-menu .btn-close:hover::before {
  transform: translate(-50%, -50%) rotate(135deg);
}
#dbg-wishlist-menu .btn-close:hover::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

#dbg-wishlist-menu .offcanvas-body { padding-top: 0.5rem; }

#dbg-wishlist-menu li {
  border-bottom: 1px solid #DDE8F0;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
#dbg-wishlist-menu li:last-child { border-bottom: none; margin-bottom: 0; }

#dbg-mini-cart li a img {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #DDE8F0;
}

#dbg-mini-cart li > div > a {
  font-weight: 600;
  font-size: 1.05rem;
}

#dbg-mini-cart li span.d-block {
  font-weight: 700;
}
#dbg-mini-cart del {
  display: block;
  color: #6c757d;
  text-decoration: line-through;
  font-size: 0.875rem;
  margin-top: 2px;
}

#dbg-mini-cart .input-group {
  background: #fff;
  border: 1px solid #DDE8F0;
  border-radius: 999px;
  overflow: hidden;
  width: 110px;
}
#dbg-mini-cart .input-group .form-control {
  border: none;
  box-shadow: none;
  width: 40px;
  padding: 0;
}
#dbg-mini-cart .quantity-minus,
#dbg-mini-cart .quantity-plus {
  border: none;
  background: none;
  color: #0d6efd;
  width: 32px;
  padding: 0;
  font-size: 1rem;
}

#dbg-mini-cart a.text-danger.ms-2 {
  color: #0d6efd !important;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  text-decoration: none;
}
#dbg-mini-cart a.text-danger.ms-2 span {
  margin-right: 2px;
}
#dbg-mini-cart a.text-danger.ms-2::after {
  content: "Delete";
  margin-left: 2px;
}
/* WooCommerce Cart Custom Styles */
.woocommerce-cart-form button[name="apply_coupon"],
.woocommerce-cart-form a.checkout-button {
  background:#0065BC;
  border-radius:24px;
  color:#fff;
  padding:8px 24px;
  text-align:center;
  white-space:nowrap;
  transition:background 0.3s ease;
}
.woocommerce-cart-form button[name="apply_coupon"]:hover,
.woocommerce-cart-form a.checkout-button:hover {
  background:linear-gradient(90deg,#3FA9F5 0%,#0065BC 100%);
}
.woocommerce-cart-form .quantity {
  display: inline-block;
  background: transparent;
  border: none;
}
.woocommerce-cart-form .quantity input[type="number"] {
  width: 80px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 1rem;
  box-shadow: none;
}
/* Hide +/- buttons added by plugin - use plain number input */
.woocommerce-cart-form .quantity button.minus,
.woocommerce-cart-form .quantity button.plus,
.woocommerce-cart-form .quantity input.minus,
.woocommerce-cart-form .quantity input.plus,
.woocommerce-cart-form .quantity .minus,
.woocommerce-cart-form .quantity .plus {
  display: none !important;
}
.woocommerce-cart-form a.remove {
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  transition:background-position 0.3s ease;
  background-size:200% 100%;
  color:#6F6F6F;
}
.woocommerce-cart-form a.remove:hover {
  background-image:linear-gradient(90deg,#3FA9F5 0%,#0065BC 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:cart-x-reflect 1s linear infinite;
}
@keyframes cart-x-reflect {
  from {background-position:0 0;}
  to {background-position:100% 0;}
}
.woocommerce-cart-form .actions {
  display:flex;
  flex-direction:column;
  gap:8px;
}
@media (min-width:768px){
  .woocommerce-cart-form .actions { flex-direction:row; }
}
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-subtotal,
.woocommerce-cart-form .cart_totals .order-total td,
.woocommerce-cart-form .cart_totals .order-total th,
.woocommerce-cart-form .cart_totals .cart-subtotal td,
.woocommerce-cart-form .cart_totals .cart-subtotal th {
  font-weight:600;
}
.woocommerce-cart-form .product-name small,
.woocommerce-cart-form .product-name .wc-item-meta { color:#6F6F6F; }
.woocommerce-cart-form table.shop_table tr {
  background:#F6F6F6;
  border-bottom:1px solid #e0e0e0;
}
.woocommerce-cart-form table.shop_table tr:nth-child(odd) { background:#fff; }
.woocommerce-cart-form .product-thumbnail img { border-radius:8px; }

/* === Product Card Styles Scoped to .dbg-product-grid === */
.dbg-product-grid .product {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
}

.dbg-product-grid .product.compare-button {
	background: transparent;
  	border: none;
	border-radius: 0px;
	box-shadow: none;
	padding: 0px;
}

.dbg-product-grid .product:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.dbg-product-grid .product img {
  max-width: 100%;
  height: auto;
  margin-bottom: 12px;
  object-fit: contain;
  border-radius: 10px;
}
.dbg-product-grid .product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #222;
  line-height: 1.4;
  min-height: 42px;
}
.dbg-product-grid .product .price {
  font-weight: 600;
  font-size: 16px;
  color: #111;
  margin-bottom: 12px;
  display: block;
}
.dbg-product-grid .product .add_to_cart_button {
  border: none;
  background: linear-gradient(90deg, #3FA9F5 0%, #0065BC 100%);
  color: #fff;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  transition: filter 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.dbg-product-grid .product .add_to_cart_button:hover {
  filter: brightness(1.1);
}
.dbg-product-grid .product .button.add_to_cart_button::after {
  display: none !important;
}

/* Warehouse badge spacing */
.dbg-warehouse-pill {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

/* Off-canvas filters */
.dbg-filter-toggle {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0.25rem;
  color:#0D80F2;
  background-color:#E7F2FE;
  border:1px solid #E7F2FE;
  border-radius:24px;
  margin-left:0;
  text-align:left;
}

@media (min-width: 992px) {
  .dbg-filter-toggle {
    display:none;
  }
}

@media (max-width: 991.98px) {
  #dbg-filter {
    display:none;
  }
}

#dbgFilterOffcanvas .offcanvas-body {
  padding:1rem;
}
@media (max-width: 1024px) {
  #dbg-mobile-menu {
    --bs-offcanvas-width: 75vw;
    max-width: 75vw;
  }
  .offcanvas-nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
  }
  .offcanvas-nav__top {
    display: flex;
    align-items: center;
	justify-content: center;
    padding: 8px 16px;
    border-bottom: 1px solid #E9ECEF;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
  }
  .offcanvas-nav__close,
  .offcanvas-nav__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    color: #000;
  }
.offcanvas-nav__close { position: absolute; left: 8px; } 
.offcanvas-nav__logo { display: flex; justify-content: center; flex: 1; } 
.offcanvas-nav__logo img { max-width: 80px; height: auto; }
	
  .offcanvas-nav__icons {
    display: flex;
    gap: 8px;
  }
  .offcanvas-nav__cart-count {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--bs-primary, #000);
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
  }
  .offcanvas-nav__menu {
    flex: 1 1 auto;
    overflow-y: auto;
  }

.offcanvas-nav__screen[hidden] { display: none; } 
.offcanvas-nav__screen-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid #E9ECEF; font-weight: 600; } 
.offcanvas-nav__back { background: none; border: 0; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; margin-right: 4px; color: #000; } 
.offcanvas-nav__screen-title { font-size: 16px; }
	
  .offcanvas-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .offcanvas-nav__item {
    border-bottom: 1px solid #E9ECEF;
  }
  .offcanvas-nav__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    background: none;
    border: 0;
  }
  .offcanvas-nav__link:hover,
  .offcanvas-nav__link:focus {
    background: #F8F9FA;
  }
  .offcanvas-nav__chevron {
    display: flex;
    transition: transform .2s;
  }
  .offcanvas-nav__link[aria-expanded="true"] .offcanvas-nav__chevron {
    transform: rotate(90deg);
  }
  .offcanvas-nav__submenu {
    overflow: hidden;
    transition: max-height .2s ease;
  }
  .offcanvas-nav__submenu[hidden] {
    display: none;
  }
  .offcanvas-nav__account-group {
    margin: 8px 0;
    border: 1px solid #E9ECEF;
    border-radius: 4px;
    overflow: hidden;
  }
  .offcanvas-nav__user-bar {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid #E9ECEF;
    background: #fff;
  }
  .offcanvas-nav__user {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }
  .offcanvas-nav__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .offcanvas-nav__logout {
    color: #000;
    text-decoration: none;
  }
.offcanvas-nav__login-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 9999px; background: var(--bs-primary, #0d6efd); color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; gap: 8px; border: none; } 
.offcanvas-nav__login-btn .offcanvas-nav__icon { width: 20px; height: 20px; } 
.offcanvas-nav__login-btn:hover, .offcanvas-nav__login-btn:focus { color: #fff; text-decoration: none; background: #0b5ed7; } .offcanvas-nav__register-link { font-weight: 600; font-size: 14px; color: #000; text-decoration: none; } .offcanvas-nav__register-link:hover, .offcanvas-nav__register-link:focus { text-decoration: underline; }
}

/* Sticky Header on Scroll */
.sticky-header {
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  z-index: 99999998;
  background: linear-gradient(90deg, #003366 0%, #0066CC 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: top 0.3s ease-in-out;
}

.sticky-header.show {
  top: 0;
}

.sticky-header__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.sticky-header__logo {
  flex-shrink: 0;
}

.sticky-header__logo-img {
  height: 36px;
  width: auto;
}

.sticky-header__nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.sticky-header__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
}

.sticky-header__menu li {
  margin: 0;
  padding: 0;
}

.sticky-header__menu a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  transition: color 0.2s ease;
}

.sticky-header__menu a:hover {
  color: #B4D8FB !important;
}

.sticky-header__menu .current-menu-item > a,
.sticky-header__menu .current_page_item > a {
  color: #B4D8FB !important;
}

.sticky-header__actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-shrink: 0;
}

.sticky-header__login {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 9999px;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
}

.sticky-header__login:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.sticky-header__login svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sticky-header__cart {
  position: relative;
  text-decoration: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.sticky-header__cart:hover {
  opacity: 0.85;
}

.sticky-header__cart svg {
  width: 40px;
  height: 40px;
}

.sticky-header__cart-count {
  position: absolute;
  top: 2px;
  right: 2px;
  background: #dc3545;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border: 2px solid #003366;
  line-height: 1;
  box-sizing: border-box;
}

/* Mobile Sticky Header */
#mobile-header.sticky-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  /* Fix Safari rendering glitches */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Ensure offcanvas cart count stays inside offcanvas, not visible in header */
.offcanvas-nav__cart-count {
  /* Only show when offcanvas is open */
  z-index: 1;
}

/* Safari mobile fix: Hide the offcanvas cart badge when offcanvas is closed */
/* The badge has position:absolute and Safari sometimes renders it outside the offcanvas */
.offcanvas:not(.show) .offcanvas-nav__cart-count,
.offcanvas:not(.showing) .offcanvas-nav__cart-count {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Ensure offcanvas content doesn't render outside its container - Safari fix */
/* offcanvas-start slides from LEFT, so use translateX(-100%) not 100% */
.offcanvas.offcanvas-start:not(.show):not(.showing) {
  visibility: hidden !important;
  -webkit-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
  pointer-events: none !important;
}

/* offcanvas-end slides from RIGHT */
.offcanvas.offcanvas-end:not(.show):not(.showing) {
  visibility: hidden !important;
  -webkit-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  pointer-events: none !important;
}

/* Additional Safari fixes for offcanvas rendering */
#dbg-mobile-menu {
  /* Ensure proper containment in Safari */
  -webkit-overflow-scrolling: touch;
  contain: layout style paint;
}

#dbg-mobile-menu:not(.show):not(.showing) {
  /* Extra safety: clip any content that might leak outside */
  clip-path: inset(0);
  -webkit-clip-path: inset(0);
}

/* Ensure the offcanvas-nav container clips its children */
.offcanvas-nav {
  overflow: hidden;
  position: relative;
}

/* Ensure cart count badge is clipped when offcanvas is not visible */
.offcanvas:not(.show) .offcanvas-nav__icon {
  overflow: hidden;
}

#mobile-header.sticky-mobile .container {
  background-color: #ffffff !important;
}

#mobile-header.sticky-mobile .custom-logo {
  max-width: 120px !important;
  max-height: 40px !important;
  transition: all 0.3s ease;
}

#mobile-header.sticky-mobile ~ #site-navigation {
  margin-top: 0;
}

body.mobile-header-sticky {
  padding-top: 70px;
}

@media (max-width: 991.98px) {
  .sticky-header {
    display: none !important;
  }
}

@media (max-width: 1399.98px) {
  .sticky-header__inner {
    padding: 0.75rem 1rem;
  }
  
  .sticky-header__menu {
    gap: 1.5rem;
  }
  
  .sticky-header__menu a {
    font-size: 14px;
  }
}

/* Order status badge styles */
.badge {
	height: 18px;
   	width: 18px;
/*  display: inline-block; */
	display: flex;
    align-items: center;
    justify-content: center;
/*  padding: 0.25rem 0.5rem; */
  	font-size: 0.625rem;
  	border-radius: 9999px;
  	color: #fff;
	border-radius: 100%;
/*  line-height: 1; */
	
    
}
.badge--pending,
.badge--processing,
.badge--on-hold {
  background-color: #6c757d;
}
.badge--completed {
  background-color: #198754;
}
.badge--shipped {
  background-color: #0d6efd;
}
.badge--cancelled,
.badge--refunded {
  background-color: #dc3545;
}

#site-footer .footer-logo {
  height: 50px;
  width: auto;
}

.footer-location-toggle {
  background: none;
  border: 0;
  color: inherit;
  padding: 0;
  width: 100%;
  text-align: left;
  position: relative;
}

.footer-location-toggle::after {
  content: "+";
  position: absolute;
  right: 0;
}

.footer-location-toggle[aria-expanded="true"]::after {
  content: "-";
}

/* Product card styles */
.dbg-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dbg-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12);
}

.dbg-product-card__media {
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}

.dbg-product-card__image {
  width: 100%;
  height: auto;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.15);
  border: 1px solid rgba(148, 163, 184, 0.25);
  object-fit: cover;
}

.dbg-product-card__badge {
	max-width: 60%;
 	position: absolute;
  	top: 1rem;
  	left: 1rem;
  	display: inline-flex;
  	align-items: center;
  	padding: 0.35rem 0.9rem;
  	border-radius: 999px;
	font-family: "Figtree", Sans-serif;
  	font-size: 0.75rem;
	line-height: 1.2;
  	font-weight: 600;
  	color: #0f172a;
  	background: rgba(59, 130, 246, 0.1);
}

.dbg-product-card__badge--sale {
  color: #b91c1c;
  background: rgba(248, 113, 113, 0.18);
}

.dbg-product-card__rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #f59e0b;
  font-weight: 600;
}

.dbg-product-card__rating .star-rating {
  margin: 0;
  color: inherit;
}


.dbg-product-card__rating .star-rating span::before {
  color: inherit;
}

.dbg-product-card__rating-count {
  color: #475569;
  font-size: 0.875rem;
}

.dbg-product-card__title {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
}

.dbg-product-card__title-link {
  color: inherit;
  text-decoration: none;
}

.dbg-product-card__title-link:hover {
  text-decoration: underline;
}

.dbg-product-card__price .price {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: #0f172a;
}

.dbg-product-card__price del {
  color: #94a3b8;
  font-weight: 500;
}

.dbg-product-card__price ins {
  text-decoration: none;
}

.dbg-product-card__cta .btn {
  font-weight: 600;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(13, 110, 253, 0.25);
}

.dbg-product-card__login {
  margin-bottom: 0;
  margin-top: 1.25rem;
  text-align: center;
  color: #0d6efd;
}

.dbg-product-card__login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
}
/* 
.dbg-product-card__login-link:hover {
  text-decoration: underline;
} */

.dbg-product-card__login-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.dbg-product-card__login-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.dbg-product-card__media .dbg-compare,
.dbg-product-card__media .dbg-wishlist {
  position: absolute;
  z-index: 15;
}

.dbg-product-card__media .dbg-compare {
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  background: #fff;
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
  font-size: 0.75rem;
  font-weight: 600;
  color: #0f172a;
}

.dbg-product-card__media .dbg-compare .form-check-input {
  margin: 0;
  width: 14px;
  height: 14px;
}

.dbg-product-card__media .dbg-wishlist {
  bottom: 1rem;
  right: 1rem;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
  color: #0d6efd;
}

.dbg-product-card__media .dbg-wishlist svg {
  width: 22px;
  height: 22px;
}

.dbg-product-card__media .product-featured-icon {
  bottom: 1rem;
  top: auto !important;
  right: auto !important;
  left: 1rem;
  background: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
  margin: 0 !important;
}

.dbg-product-carousel__item {
  display: flex;
}

.dbg-product-carousel__item .dbg-product-card {
  width: 100%;
}

@keyframes dbg-heart-up {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(-50px); opacity: 0; }
}

.dbg-heart-float {
  position: absolute;
  color: red;
  pointer-events: none;
  animation: dbg-heart-up 1s ease-out forwards;
}

/* Mega menu caret arrows */
#site-navigation .dropdown-toggle::after {
  display: none;
}

/* Navigation menu item padding - restored after removing MegaMenuWalker */
@media(min-width:992px){
  #site-navigation .navbar-nav > li > a {
    padding: 0.5rem 1rem;
    color: #FFF;
    font-family: Figtree, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-decoration: none !important;
  }
  
  #site-navigation .navbar-nav > li > a:hover,
  #site-navigation .navbar-nav > li > a:focus {
    text-decoration: none !important;
  }
  
  /* 48px spacing between menu items */
  #site-navigation .navbar-nav > li:not(:last-child) {
    margin-right: 3rem; /* 48px */
  }
}

#site-navigation .navbar-nav > li > a .menu-item-label {
  display: inline-block;
}

#site-navigation .navbar-nav > li > a .menu-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: .375rem;
  vertical-align: middle;
  transition: transform .2s ease;
  pointer-events: none;
}

#site-navigation .navbar-nav > li > a .menu-caret__icon {
  width: .75em;
  height: .75em;
}

#site-navigation .navbar-nav > li:hover > a .menu-caret,
#site-navigation .navbar-nav > li:focus-within > a .menu-caret,
#site-navigation .navbar-nav > li > a[aria-expanded="true"] .menu-caret {
  transform: rotate(180deg);
}

/* JetMenu mega menu - fix hover hitbox issues without breaking internal tabs */
@media(min-width:992px) {
  /* Hide mega menu content when not active - use clip-path to hide without breaking layout */
  .jet-mega-menu-item > .jet-mega-menu-mega-container,
  .jet-mega-menu-item > .jet-mega-menu-sub-menu {
    clip-path: inset(100%) !important;
    pointer-events: none !important;
  }
  /* Show mega menu content when item is hovered or has active class */
  .jet-mega-menu-item:hover > .jet-mega-menu-mega-container,
  .jet-mega-menu-item:hover > .jet-mega-menu-sub-menu,
  .jet-mega-menu-item.jet-mega-menu-item-hover > .jet-mega-menu-mega-container,
  .jet-mega-menu-item.jet-mega-menu-item-hover > .jet-mega-menu-sub-menu,
  .jet-mega-menu-item.jet-mega-menu-item--hover > .jet-mega-menu-mega-container,
  .jet-mega-menu-item.jet-mega-menu-item--hover > .jet-mega-menu-sub-menu,
  .jet-mega-menu-item[aria-expanded="true"] > .jet-mega-menu-mega-container,
  .jet-mega-menu-item[aria-expanded="true"] > .jet-mega-menu-sub-menu {
    clip-path: none !important;
    pointer-events: auto !important;
  }
}

/* Fix Elementor tabs inside JetMenu mega menu - only show active tab content */
/* Elementor Nested Tabs - hide inactive panels */
.jet-mega-menu-mega-container .e-n-tabs .e-n-tabs-content > .e-con {
  display: none !important;
}
.jet-mega-menu-mega-container .e-n-tabs .e-n-tabs-content > .e-con.e-active {
  display: flex !important;
}
/* Also target by aria-hidden attribute */
.jet-mega-menu-mega-container .e-n-tabs-content > [aria-hidden="true"] {
  display: none !important;
}
.jet-mega-menu-mega-container .e-n-tabs-content > [aria-hidden="false"] {
  display: flex !important;
}
/* Elementor classic toggle/accordion tabs */
.jet-mega-menu-mega-container .elementor-tab-content {
  display: none !important;
}
.jet-mega-menu-mega-container .elementor-tab-content.elementor-active {
  display: block !important;
}

/* Hide WooCommerce notices that will be converted to toasts - prevents flash of content */
/* These notices are converted to toast popups by JS, so hide them immediately */
.woocommerce-message:not(.dbg-inline-alert):not([data-dbg-inline]),
.woocommerce-error:not(.dbg-inline-alert):not([data-dbg-inline]),
.woocommerce-info:not(.dbg-inline-alert):not([data-dbg-inline]),
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
  display: none !important;
}
/* Also hide .alert notices that get converted (except stock alerts and inline alerts) */
.alert:not(.dbg-stock-alert):not(.dbg-inline-alert):not([data-dbg-inline]):not(.toast *) {
  display: none !important;
}
/* Ensure toast notifications themselves are visible */
.toast-container .toast,
#dbg-toast-container .toast {
  display: block !important;
}

/* Sub-menu dropdown positioning - prevents hover hitbox issues */
@media(min-width:992px) {
  /* Ensure menu items don't extend beyond their visible content */
  #primary-menu-items {
    display: flex;
    align-items: center;
  }
  #primary-menu-items > li {
    position: relative;
    display: inline-flex;
    align-items: center;
    /* Prevent li from extending to contain absolutely positioned children */
    height: auto;
  }
  #primary-menu-items > li > a {
    display: inline-flex;
    align-items: center;
  }
  /* Base sub-menu styles - hidden by default with d-none class */
  #primary-menu-items > li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    padding: 0.75rem 0;
    list-style: none;
    margin: 0;
    z-index: 1000;
  }
  /* Hidden state - d-none applied by JS */
  #primary-menu-items > li > .sub-menu.d-none {
    display: none !important;
    pointer-events: none !important;
  }
  /* Visible state - when d-none is removed */
  #primary-menu-items > li > .sub-menu:not(.d-none) {
    display: block;
    pointer-events: auto;
  }
  #primary-menu-items > li > .sub-menu > li {
    margin: 0;
    padding: 0;
  }
  #primary-menu-items > li > .sub-menu > li > a {
    display: block;
    padding: 0.5rem 1.25rem;
    color: #1f2937;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.15s ease, color 0.15s ease;
  }
  #primary-menu-items > li > .sub-menu > li > a:hover,
  #primary-menu-items > li > .sub-menu > li > a:focus {
    background: #f3f4f6;
    color: #0066CC;
  }
  /* Nested sub-menus (level 3+) */
  #primary-menu-items .sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    padding: 0.75rem 0;
    list-style: none;
    margin: 0;
    z-index: 1001;
  }
  #primary-menu-items .sub-menu .sub-menu.d-none {
    display: none !important;
  }
}

/* Cart page overrides */
.woocommerce-cart .dbg-cart-page,
.dbg-cart-page,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page {
  background: #efefef61;
  padding-block: clamp(3rem, 6vw, 4.5rem);
}

.woocommerce-cart .dbg-cart-page .dbg-cart-main,
.dbg-cart-page .dbg-cart-main,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-main {
  padding: 0;
  background: transparent;
}

.woocommerce-cart .dbg-cart-page .dbg-cart,
.dbg-cart-page .dbg-cart,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart {
/*   width: min(100%, 1180px); */
  width: min(100%, 1320px);
  margin: 0 auto;
  padding-inline: clamp(1rem, 3vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.woocommerce-cart .dbg-cart-page .dbg-cart__header,
.dbg-cart-page .dbg-cart__header,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__header {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__heading,
.dbg-cart-page .dbg-cart__heading,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__heading {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  max-width: 640px;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__title,
.dbg-cart-page .dbg-cart__title,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__title {
  margin: 0;
  font-size: clamp(2.15rem, 5vw, 2.75rem);
  font-weight: 700;
  color: #101936;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__subtitle,
.dbg-cart-page .dbg-cart__subtitle,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__subtitle {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #5f6d9a;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__layout,
.dbg-cart-page .dbg-cart__layout,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__layout {
  	display: grid;
/*  gap: clamp(2rem, 4vw, 3rem); */
 	gap: clamp(2rem, 4vw, 1.5rem);
  	align-items: flex-start;
}

@media (min-width: 1024px) {
  .woocommerce-cart .dbg-cart-page .dbg-cart__layout,
  .dbg-cart-page .dbg-cart__layout,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__layout {
/*     grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); */
	grid-template-columns: minmax(0, 1.9fr) minmax(434px, 1fr);
  }
}

.woocommerce-cart .dbg-cart-page .dbg-cart__items,
.dbg-cart-page .dbg-cart__items,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__items {
  	display: flex;
  	flex-direction: column;
  	gap: clamp(1.5rem, 3vw, 2.1rem);
	padding: 0 24px 24px;
}

article.dbg-cart-item.woocommerce-cart-form__cart-item.cart_item {
	padding: 24px 0 !important;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item,
.dbg-cart-page .dbg-cart-item,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, auto);
  gap: clamp(1.5rem, 3vw, 2.4rem);
  padding: clamp(1.75rem, 3vw, 2.35rem);
  background: #ffffff;
  border-radius: 26px;
  border: 1px solid #e2e7f4;
}

@media (max-width: 991.98px) {
  .woocommerce-cart .dbg-cart-page .dbg-cart-item,
  .dbg-cart-page .dbg-cart-item,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .woocommerce-cart .dbg-cart-page .dbg-cart-item,
  .dbg-cart-page .dbg-cart-item,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item {
    padding: 1.5rem;
  }

  .woocommerce-cart .dbg-cart-page .dbg-cart-item__media,
  .dbg-cart-page .dbg-cart-item__media,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__media {
    width: 88px;
    height: 88px;
  }
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__remove,
.dbg-cart-page .dbg-cart-item__remove,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__remove {
  	position: absolute;
/*   	top: clamp(1.1rem, 2vw, 1.6rem); */
  	right: clamp(1.1rem, 2vw, 1.6rem);
  	z-index: 1;
	top: initial !important;
    bottom: 20px;
	margin-top: 0;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove,
.dbg-cart-page .dbg-cart-item__remove .remove,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eef2ff;
  color: #101936;
  font-size: 1.2rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove:hover,
.dbg-cart-page .dbg-cart-item__remove .remove:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove:hover,
.woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove:focus,
.dbg-cart-page .dbg-cart-item__remove .remove:focus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__remove .remove:focus {
  background: #d9e2ff;
  color: #0f66ff;
  transform: translateY(-1px);
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__media,
.dbg-cart-page .dbg-cart-item__media,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__media {
  width: clamp(96px, 12vw, 132px);
  height: clamp(96px, 12vw, 132px);
  border-radius: 20px;
  background: #f5f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__media img,
.dbg-cart-page .dbg-cart-item__media img,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__content,
.dbg-cart-page .dbg-cart-item__content,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__title,
.dbg-cart-page .dbg-cart-item__title,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #292929;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__title,
.dbg-cart-page .dbg-cart-item__title a {
	font-size: 1.125rem;
	font-weight: 600;
	color: #292929 !important;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__title a,
.dbg-cart-page .dbg-cart-item__title a,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__title a {
  color: inherit;
  text-decoration: none;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__title a:hover,
.dbg-cart-page .dbg-cart-item__title a:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__title a:hover,
.woocommerce-cart .dbg-cart-page .dbg-cart-item__title a:focus,
.dbg-cart-page .dbg-cart-item__title a:focus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__title a:focus {
  color: #000;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__meta,
.dbg-cart-page .dbg-cart-item__meta,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__meta {
  font-size: 0.9rem;
  line-height: 1.55;
  color: #5d6b8c;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation,
.dbg-cart-page .dbg-cart-item__meta .variation,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation {
  margin: 0;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation dt,
.dbg-cart-page .dbg-cart-item__meta .variation dt,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation dt {
  font-weight: 600;
  color: #101936;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation dd,
.dbg-cart-page .dbg-cart-item__meta .variation dd,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__meta .variation dd {
  margin: 0 0 0.25rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__availability,
.dbg-cart-page .dbg-cart-item__availability,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__availability {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: #edf1ff;
  color: #42537c;
  font-size: 0.85rem;
  font-weight: 600;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__availability-dot,
.dbg-cart-page .dbg-cart-item__availability-dot,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__availability-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-in-stock,
.dbg-cart-page .dbg-cart-item__availability.status-in-stock,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-in-stock {
  background: rgba(31, 138, 80, 0.12);
  color: #1f8a50;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-backorder,
.dbg-cart-page .dbg-cart-item__availability.status-backorder,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-backorder {
  background: rgba(191, 126, 19, 0.12);
  color: #bf7e13;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-out-of-stock,
.dbg-cart-page .dbg-cart-item__availability.status-out-of-stock,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__availability.status-out-of-stock {
  background: rgba(191, 44, 51, 0.12);
  color: #bf2c33;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__pricing,
.dbg-cart-page .dbg-cart-item__pricing,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.35rem;
  min-width: 0;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__price,
.dbg-cart-page .dbg-cart-item__price,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__price-current,
.dbg-cart-page .dbg-cart-item__price-current,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__price-current {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101936;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__price-tax-note,
.dbg-cart-page .dbg-cart-item__price-tax-note,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__price-tax-note {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7a99;
  margin-top: 0.125rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__price-previous,
.dbg-cart-page .dbg-cart-item__price-previous,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__price-previous {
  font-size: 0.9rem;
  color: #9aa5c4;
  text-decoration: line-through;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__totals,
.dbg-cart-page .dbg-cart-item__totals,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__totals {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity,
.dbg-cart-page .dbg-cart-item__quantity,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity,
.woocommerce-cart .dbg-cart-page .dbg-cart-item__subtotal,
.dbg-cart-page .dbg-cart-item__subtotal,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__subtotal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__field-label,
.dbg-cart-page .dbg-cart-item__field-label,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__field-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6a789b;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity,
.dbg-cart-page .dbg-cart-item__quantity .quantity,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity {
  	display: inline-flex;
  	align-items: center;
  	border-radius: 999px;
  	border: 1px solid #d6def3;
  	overflow: hidden;
  	background: #ffffff;
	padding: 2px 6px;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.qty,
.dbg-cart-page .dbg-cart-item__quantity .quantity input.qty,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.qty {
  width: 64px;
  padding: 0.4rem 0.5rem;
  text-align: center;
  border: none;
  background: transparent;
  font-weight: 600;
  color: #101936;
}

/* Hide +/- buttons on dbg-cart-page */
.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity button,
.dbg-cart-page .dbg-cart-item__quantity .quantity button,
.dbg-cart-page .dbg-cart-item__quantity .quantity .minus,
.dbg-cart-page .dbg-cart-item__quantity .quantity .plus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity button,
.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.minus,
.dbg-cart-page .dbg-cart-item__quantity .quantity input.minus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.minus,
.woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.plus,
.dbg-cart-page .dbg-cart-item__quantity .quantity input.plus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__quantity .quantity input.plus {
  display: none !important;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-item__subtotal-amount,
.dbg-cart-page .dbg-cart-item__subtotal-amount,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-item__subtotal-amount {
  font-weight: 700;
  color: #0f66ff;
  font-size: 1.05rem;
}

/* Empty cart styling */
.dbg-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem !important;
  text-align: center !important;
  min-height: 400px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

/* Center the cart items section when empty */
.dbg-cart__items:has(.dbg-cart-empty) {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
}

.dbg-cart-empty::before {
  content: '🛒';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 2rem;
  background: linear-gradient(135deg, #e8f4fd 0%, #d5ebfa 100%);
  border-radius: 50%;
  font-size: 60px;
  line-height: 1;
}

.dbg-cart-empty .lead {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 1rem !important;
  text-align: center;
}

.dbg-cart-empty p {
  color: #64748b;
  font-size: 1rem;
  margin-bottom: 2rem;
  text-align: center;
}

.dbg-cart-empty .btn {
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 9999px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.dbg-cart-empty .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(13, 128, 242, 0.3);
}

@media (max-width: 768px) {
  .dbg-cart-empty {
    padding: 3rem 1.5rem !important;
    min-height: 350px;
  }
  
  .dbg-cart-empty::before {
    width: 100px;
    height: 100px;
    font-size: 50px;
    margin-bottom: 1.5rem;
  }
  
  .dbg-cart-empty .lead {
    font-size: 1.125rem;
  }
}

.woocommerce-cart .dbg-cart-page .dbg-cart__footer,
.dbg-cart-page .dbg-cart__footer,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__footer {
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__actions,
.dbg-cart-page .dbg-cart__actions,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__update,
.dbg-cart-page .dbg-cart__update,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__update {
  border: none;
  border-radius: 999px;
  background: #e6ecff;
  color: #0f3d8a;
  font-weight: 600;
  padding: 0.75rem 1.65rem;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__update:hover,
.dbg-cart-page .dbg-cart__update:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__update:hover,
.woocommerce-cart .dbg-cart-page .dbg-cart__update:focus,
.dbg-cart-page .dbg-cart__update:focus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__update:focus {
  background: #d4e1ff;
  color: #0f66ff;
  box-shadow: 0 10px 20px rgba(15, 102, 255, 0.18);
}

.woocommerce-cart .dbg-cart-page .dbg-cart__continue,
.dbg-cart-page .dbg-cart__continue,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__continue {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 600;
  color: #0f66ff;
  text-decoration: none;
  position: relative;
/*   padding-right: 1.1rem; */
	    padding-left: 1.5rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__continue::after,
.dbg-cart-page .dbg-cart__continue::after,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__continue::after {
  content: '\2192';
  position: absolute;
  right: 0;
  font-size: 1.05rem;
  transition: transform 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__continue::after {
	right: initial;
	left: 0px;
	transform: rotate(180deg);
	transition: all 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__continue:hover::after {
	transform: rotate(180deg) !important;
	padding-right: 5px;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__continue:hover::after,
.dbg-cart-page .dbg-cart__continue:hover::after,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__continue:hover::after {
  transform: translateX(4px);
}

.woocommerce-cart .dbg-cart-page .dbg-cart__summary,
.dbg-cart-page .dbg-cart__summary,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__summary {
  position: sticky;
  top: clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary-card,
.dbg-cart-page .dbg-cart-summary-card,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary-card {
  	background: #ffffff;
  	border-radius: 16px;
  	border: 1px solid #e1e6f4;
  	padding: clamp(1.5rem, 3vw, 1.5rem) !important;
  	display: flex;
  	flex-direction: column;
  	gap: clamp(1.5rem, 3vw, 1.5rem);
	box-shadow: 0px 20px 60px 10px #EDEDF633;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__header,
.dbg-cart-page .dbg-cart-summary-card__header,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__title,
.dbg-cart-page .dbg-cart-summary-card__title,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__title {
  	margin: 0;
  	font-size: 0.875rem;
	line-height: 26px;
	/*   letter-spacing: 0.1em; */
  	text-transform: capitalize;
  	font-weight: 400;
	/*   color: #292929 !important; */
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__count,
.dbg-cart-page .dbg-cart-summary-card__count,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary-card__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
/*   min-width: 2.75rem;
  height: 2.75rem; */
  border-radius: 999px;
  background: #f0f3ff;
  color: #0f66ff;
  font-size: 1.15rem;
  font-weight: 700;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__totals,
.dbg-cart-page .dbg-cart-summary__totals,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__totals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__row,
.dbg-cart-page .dbg-cart-summary__row,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__label,
.dbg-cart-page .dbg-cart-summary__label,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__label {
  	font-size: 0.875rem;
  	font-weight: 400;
 	color: #5b6787;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__amount,
.dbg-cart-page .dbg-cart-summary__amount,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__amount {
  font-weight: 700;
  color: #101936;
  font-size: 1rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__amount--muted,
.dbg-cart-page .dbg-cart-summary__amount--muted,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__amount--muted {
  color: #7a86a8;
  font-weight: 500;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__row--total,
.dbg-cart-page .dbg-cart-summary__row--total,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__row--total {
  margin-top: 0.85rem;
  padding-top: 1.05rem;
  border-top: 1px solid #edf0f8;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__row--total .dbg-cart-summary__amount,
.dbg-cart-page .dbg-cart-summary__row--total .dbg-cart-summary__amount,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__row--total .dbg-cart-summary__amount {
  font-size: 1.35rem;
  color: #0f66ff;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon,
.dbg-cart-page .dbg-cart-summary__coupon,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 1.5rem;
  border-radius: 20px;
  background: #f7f9ff;
  border: 1px dashed #c8d4f3;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-title,
.dbg-cart-page .dbg-cart-summary__coupon-title,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #101f46;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields,
.dbg-cart-page .dbg-cart-summary__coupon-fields,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

  .woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields .input-text,
  .dbg-cart-page .dbg-cart-summary__coupon-fields .input-text,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields .input-text {
    flex: 1 1 160px;
    border: 1px solid #EFEFEF;
    border-radius: 100px;
    padding: 0.53rem 1rem;
    background: #ffffff;
    font-size: 0.875rem;
	color: #BDBDBD;
  }

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply,
.dbg-cart-page .dbg-cart-summary__apply,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply {
  flex: 0 0 auto;
  border-radius: 14px;
  border: none;
  background: linear-gradient(90deg, #3FA9F5 0%, #0065BC 100%) !important;
  border-radius: 24px !important;
  color: #ffffff;
  font-weight: 600;
  padding: 0.7rem 1.35rem;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply:hover,
.dbg-cart-page .dbg-cart-summary__apply:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply:hover,
.woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply:focus,
.dbg-cart-page .dbg-cart-summary__apply:focus,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply:focus {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(15, 102, 255, 0.25);
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__buttons,
.dbg-cart-page .dbg-cart-summary__buttons,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__button,
.dbg-cart-page .dbg-cart-summary__button,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 999px;
  padding: 0.95rem 1.8rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--primary,
.dbg-cart-page .dbg-cart-summary__button--primary,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--primary {
  background: linear-gradient(90deg, #3FA9F5 0%, #0065BC 100%) !important;
  border-radius: 100px !important;
  color: #fff !important;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--primary:hover,
.dbg-cart-page .dbg-cart-summary__button--primary:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--primary:hover {
  color: #ffffff;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--link,
.dbg-cart-page .dbg-cart-summary__button--link,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--link {
  background: transparent;
  border: none;
  color: #0f66ff;
  text-decoration: underline;
  padding: 0.25rem 0.5rem;
}

.woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--link:hover,
.dbg-cart-page .dbg-cart-summary__button--link:hover,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__button--link:hover {
  color: #0b4dbd;
}

.woocommerce-cart .dbg-cart-page .dbg-cart__addons,
.dbg-cart-page .dbg-cart__addons,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__addons {
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.woocommerce-cart .dbg-cart-page .dbg-cart__cross-sells,
.dbg-cart-page .dbg-cart__cross-sells,
.elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__cross-sells {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

@media (max-width: 767.98px) {
  .woocommerce-cart .dbg-cart-page .dbg-cart__layout,
  .dbg-cart-page .dbg-cart__layout,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .woocommerce-cart .dbg-cart-page .dbg-cart__summary,
  .dbg-cart-page .dbg-cart__summary,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart__summary {
    position: static;
  }

  .woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields,
  .dbg-cart-page .dbg-cart-summary__coupon-fields,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__coupon-fields {
    flex-direction: column;
    align-items: stretch;
  }

  .woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply,
  .dbg-cart-page .dbg-cart-summary__apply,
  .elementor .elementor-widget-woocommerce-cart .dbg-cart-page .dbg-cart-summary__apply {
    width: 100%;
  }
}

/* Single product template */
.dbg-single-product__category {
  background: rgba(13, 110, 253, 0.12);
  color: #0d6efd;
  font-weight: 600;
  font-size: 0.875rem;
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  text-transform: capitalize;
}

.dbg-single-product__summary .product_title {
  font-weight: 700;
  color: #0f2d50;
}

.dbg-single-product__price-card {
  border-radius: 20px;
  border: 1px solid rgba(15, 45, 80, 0.08);
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(15, 45, 80, 0.06);
  padding: 1.5rem 1.75rem;
}

.dbg-single-product__price-card--accent {
  background: linear-gradient(135deg, rgba(13, 110, 253, 0.08), rgba(111, 66, 193, 0.1));
}

.dbg-single-product__price-label {
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  color: #6c757d;
}

.dbg-single-product__price-current {
  font-size: 2rem;
  font-weight: 700;
  color: #0f2d50;
  line-height: 1.1;
}

.dbg-single-product__price-compare {
  font-size: 1rem;
  color: #6c757d;
  text-decoration: line-through;
}

.dbg-single-product__price-note {
  font-size: 0.85rem;
  color: #6c757d;
  margin-top: 0.5rem;
}

.dbg-single-product__availability .dbg-warehouse-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dbg-single-product__wishlist {
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.dbg-single-product__wishlist .dbg-heart-icon svg {
  width: 20px;
  height: 20px;
}

.dbg-single-product__specs {
  display: grid;
  row-gap: 0.5rem;
}

.dbg-single-product__specs li {
  display: flex;
  gap: 0.75rem;
  color: #0f2d50;
  font-size: 0.95rem;
}

.dbg-single-product__specs-label {
  min-width: 140px;
  font-weight: 600;
  color: #6c757d;
}

@media (max-width: 991.98px) {
  .dbg-single-product__price-card {
    padding: 1.25rem 1.5rem;
  }
}

/* Product categories */
.dbg-product-categories {
  --pc-gap: clamp(1rem, 3vw, 1.5rem);
  --pc-nav-width: min(280px, 100%);
  --pc-nav-bg: #f8fafc;
  --pc-nav-border: #e2e8f0;
  --pc-nav-color: #1f2937;
  --pc-nav-muted: #64748b;
  --pc-nav-hover-bg: rgba(15, 98, 254, 0.1);
  --pc-nav-active-bg: #0f62fe;
  --pc-nav-active-color: #ffffff;
  --pc-card-bg: #ffffff;
  --pc-card-border: #e2e8f0;
  --pc-card-radius: 1rem;
  --pc-card-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  --pc-card-hover-shadow: 0 22px 45px rgba(15, 23, 42, 0.14);
  --pc-card-padding: 1.25rem;
  --pc-heading-color: #0f2d50;
  --pc-heading-size: 1rem;
  --pc-meta-color: #6c7686;
  --pc-meta-size: 0.875rem;
  --pc-list-color: #1f2937;
  --pc-list-hover-color: #0f62fe;
  --pc-list-gap: 0.5rem;
  --pc-cta-bg: #0f62fe;
  --pc-cta-color: #ffffff;
  --pc-cta-hover-bg: #0043ce;
  --pc-cta-hover-color: #ffffff;
  --pc-cta-border: transparent;
  --pc-cta-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  --pc-transition: 0.2s ease-in-out;
  --pc-radius-pill: 999px;
  display: flex;
  flex-direction: column;
  gap: var(--pc-gap);
}
.dbg-product-categories__nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: var(--pc-nav-bg);
  border: 1px solid var(--pc-nav-border);
  border-radius: var(--pc-card-radius);
  padding: 0.75rem;
  margin: 0;
  list-style: none;
}
.dbg-product-categories__nav-button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: var(--pc-radius-pill);
  border: 1px solid transparent;
  background: transparent;
  color: var(--pc-nav-color);
  font-weight: 600;
  transition: background-color var(--pc-transition), color var(--pc-transition), box-shadow var(--pc-transition);
  text-decoration: none;
}
.dbg-product-categories__nav-button:hover, .dbg-product-categories__nav-button:focus {
  background: var(--pc-nav-hover-bg);
  color: var(--pc-nav-active-bg);
}
.dbg-product-categories__nav-button:focus-visible {
  outline: 2px solid var(--pc-nav-active-bg);
  outline-offset: 2px;
}
.dbg-product-categories__nav-button.active {
  background: var(--pc-nav-active-bg);
  color: var(--pc-nav-active-color);
  box-shadow: 0 12px 24px rgba(15, 98, 254, 0.25);
}
.dbg-product-categories__card {
  display: flex;
  flex-direction: column;
  background: var(--pc-card-bg);
  border: 1px solid var(--pc-card-border);
  border-radius: var(--pc-card-radius);
  box-shadow: var(--pc-card-shadow);
  color: inherit;
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--pc-transition), box-shadow var(--pc-transition);
  height: 100%;
}
.dbg-product-categories__card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.dbg-product-categories__card:hover, .dbg-product-categories__card:focus-visible {
  transform: translateY(-4px);
  box-shadow: var(--pc-card-hover-shadow);
}
.dbg-product-categories__card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: var(--pc-card-padding);
}
.dbg-product-categories__heading {
  margin: 0;
  font-size: var(--pc-heading-size);
  font-weight: 600;
  color: var(--pc-heading-color);
}
.dbg-product-categories__meta {
  margin: 0;
  font-size: var(--pc-meta-size);
  color: var(--pc-meta-color);
  text-decoration: none;
}
.dbg-product-categories__content {
  display: flex;
  flex-direction: column;
  gap: var(--pc-gap);
}
.dbg-product-categories__column, .dbg-product-categories__card-col {
  display: flex;
  flex-direction: column;
}
.dbg-product-categories__column {
  gap: 0.75rem;
}
.dbg-product-categories__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--pc-list-gap);
}
.dbg-product-categories__list-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
  color: var(--pc-list-color);
  text-decoration: none;
  transition: color var(--pc-transition), transform var(--pc-transition);
}
.dbg-product-categories__list-link:hover, .dbg-product-categories__list-link:focus-visible {
  color: var(--pc-list-hover-color);
  transform: translateX(3px);
  text-decoration: none;
}
.dbg-product-categories__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: var(--pc-radius-pill);
  background: var(--pc-cta-bg);
  color: var(--pc-cta-color);
  border: 1px solid var(--pc-cta-border);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--pc-transition), color var(--pc-transition), box-shadow var(--pc-transition);
}
.dbg-product-categories__cta:hover, .dbg-product-categories__cta:focus-visible {
  background: var(--pc-cta-hover-bg);
  color: var(--pc-cta-hover-color);
  box-shadow: var(--pc-cta-shadow);
  text-decoration: none;
}
.dbg-product-categories--grid {
  flex-direction: column;
}
@media (min-width: 768px) {
  .dbg-product-categories--grid {
    flex-direction: row;
    align-items: stretch;
  }
}
.dbg-product-categories--grid > .dbg-product-categories__nav {
  flex: 0 0 var(--pc-nav-width);
  max-width: var(--pc-nav-width);
}
.dbg-product-categories--grid .dbg-product-categories__content {
  display: flex;
  flex-direction: column;
  gap: var(--pc-gap);
  flex: 1 1 auto;
  min-width: 0;
}
.dbg-product-categories--mega > .dbg-product-categories__nav {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem;
}
.dbg-product-categories--mega .dbg-product-categories__nav-button {
  flex: 1 1 160px;
  justify-content: center;
  text-align: center;
}
@media (min-width: 576px) {
  .dbg-product-categories--mega .dbg-product-categories__nav-button {
    justify-content: flex-start;
    text-align: left;
  }
}
.dbg-product-categories--mega .dbg-product-categories__grid {
  display: grid;
  gap: var(--pc-gap);
}
.dbg-product-categories--mega .dbg-product-categories__list {
  gap: 0.35rem;
}

/* -------------------------------------------------------------------------- */
/*   Testimonial Carousel                                                     */
/* -------------------------------------------------------------------------- */

.dbg-testimonial-carousel {
  --dbg-testimonial-card-radius: 18px;
  position: relative;
}

.dbg-testimonial-carousel__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.5rem;
}

.dbg-testimonial-carousel__nav {
  display: flex;
  gap: 0.5rem;
}

.dbg-testimonial-carousel__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #374151;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.dbg-testimonial-carousel__nav-btn:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #111827;
}

.dbg-testimonial-carousel__nav-btn:active {
  background: #f3f4f6;
  transform: scale(0.95);
}

.dbg-testimonial-carousel__nav-btn:focus-visible {
  outline: 2px solid #3FA9F5;
  outline-offset: 2px;
}

.dbg-testimonial-carousel__nav-btn svg {
  display: block;
  width: 20px;
  height: 20px;
}

.dbg-testimonial-carousel__nav-btn--prev:disabled,
.dbg-testimonial-carousel__nav-btn--next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.dbg-testimonial-carousel__control {
  cursor: pointer;
}

.dbg-testimonial-carousel__control > * {
  pointer-events: none;
}

.dbg-testimonial-carousel .carousel-inner {
  padding: 0.75rem 0;
  background: transparent;
  box-shadow: none;
}

.dbg-testimonial-card {
  position: relative;
  background: #F9F9F9;
  border-radius: var(--dbg-testimonial-card-radius);
  padding: 2.25rem 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dbg-testimonial-card__icon {
  line-height: 0;
  display: inline-flex;
}

.dbg-testimonial-card__icon svg {
  display: block;
}

.dbg-testimonial-card__content {
  color: #1f2937;
  font-size: 1rem;
  line-height: 1.7;
}

.dbg-testimonial-card__excerpt {
  margin-bottom: 0;
}

.dbg-testimonial-card__toggle {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 0.25rem;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
}

.dbg-testimonial-card__toggle:hover,
.dbg-testimonial-card__toggle:focus {
  color: #0d6efd;
  text-decoration: underline;
}

.dbg-testimonial-card__toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dbg-testimonial-card__full {
  margin-top: 0.5rem;
}

.dbg-testimonial-card__content.is-expanded .dbg-testimonial-card__full {
  margin-top: 0.75rem;
}

.dbg-testimonial-card__content p {
  margin-bottom: 0.75rem;
}

.dbg-testimonial-card__content p:last-child {
  margin-bottom: 0;
}

.dbg-testimonial-card__rating {
  display: inline-flex;
  gap: 0.35rem;
  color: #f7b500;
  font-size: 1.125rem;
}

.dbg-testimonial-card__star {
  opacity: 0.35;
}

.dbg-testimonial-card__star.is-active {
  opacity: 1;
}

.dbg-testimonial-card__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.dbg-testimonial-card__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e8eef5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.dbg-testimonial-carousel__avatar-img,
.dbg-testimonial-card__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dbg-testimonial-carousel__avatar-fallback {
  font-weight: 600;
  color: #1f2937;
}

.dbg-testimonial-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.dbg-testimonial-card__name {
  font-weight: 600;
  color: #111827;
}

.dbg-testimonial-card__role {
  color: #6b7280;
  font-size: 0.875rem;
}

@media (max-width: 575.98px) {
  .dbg-testimonial-card {
    padding: 1.75rem 1.5rem 1.5rem;
  }

  .dbg-testimonial-card__icon {
    line-height: 0;
  }
}

body.woocommerce-order-received {
	background-color: #f9f9f9;
}

.doc-downloads .doc-list li {
	max-width: 400px;
	display: flex;
	justify-content: space-between;
}

.doc-downloads .doc-list li a br, .doc-downloads .doc-list li br {
	display: none;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
	height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
    bottom: 8px;
    right: 8px;
    border-radius: 100%;
    border: 1px solid #E7F2FE;
	margin: 0;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single  .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}

.dbg-scroller .dbg-scroller__viewport { 
	max-width: calc(100% - 128px) !important;
	border-radius: 16px !important;
	border: 1px solid #B4D8FB !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__track {
	background: transparent;
	padding: 0px !important;
	border-radius: 16px;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card {
	border-left: 1px solid #B4D8FB !important;
	min-height: initial !important;
	padding: 24px 20px !important;

}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:first-child {
	border-radius: 16px 0 0 16px;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:last-child {
	border-radius: 0px 16px 16px 0px;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:hover {
	background: #E7F2FE !important;
	transform: initial !important;
    box-shadow: none !important;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:hover .dbg-scroller__overlay { 
	background: transparent !important;
	padding: 20px !important;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__media {
	transition: all 0.5s ease-in-out;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:hover .dbg-scroller__media { 
	transform: translatey(-15px) !important;
	min-height: 50px !important;
}

.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__overlay-inner, .dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__overlay {
	justify-content: center !important;
	background: transparent !important;
	box-shadow: none !important;
	gap: 8px!important;
	border-radius: 0px !important;
    padding: 0 !important;
	backdrop-filter: initial !important;
}

.dbg-scroller .dbg-scroller__arrow { 
	height: 40px !important; 
	width: 40px !important; 
	border-radius: 100%;
	background: #E7F2FE !important; 
	padding: 0px;
}

.dbg-scroller .dbg-scroller__arrow.dbg-scroller__arrow--prev {
	left: 0px !important;
}

.dbg-scroller .dbg-scroller__arrow.dbg-scroller__arrow--next {
	right: 0px !important;
}

#home-boxed-tabs .tabs-scroll-wrap {
	margin: 0 auto;
}

#home-boxed-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title:after {
	display: none;
}

#home-boxed-tabs .e-n-tabs-heading {
	background-color: #EFEFEF;
	border-radius: 8px !important;
	gap: 8px !important;
	padding: 6px !important;
	border: none;
	
}

#home-boxed-tabs .e-n-tab-title[aria-selected="true"] {
	background-color: #FFFFFF;
	border: 1px solid transparent;
	border-radius: 8px !important;
	box-shadow: none !important;
	font-size: 0.875rem !important;
}


@media (max-width: 991px) {
	#mobile-header #header-login-link {
		gap: 12px;
		font-weight: 700;
		font-size: 0.875rem;
		line-height: 1.5;
		letter-spacing: 0px;
		border-radius: 200px !important;
		padding: 8px 20px;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card {
		flex: 0 0 calc(100% / 4) !important;
		padding: 16px !important;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__media { 
		 min-height: 50px !important;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__overlay-label { 
		font-size: 0.875rem !important;
	}

}

@media (max-width: 767px) {
	#header-login-link {
		display: none !important;
	}
	
	#home-boxed-tabs .e-n-tab-title[aria-selected="true"] { 
		margin-bottom: 0px;
		padding: 6px !important;
	}
	#home-boxed-tabs .e-n-tab-title[aria-selected="false"] { 
		margin-top: 0px;
	}
	
	#home-boxed-tabs .e-n-tabs-heading {  
		margin-bottom: 24px !important;
	}

	/* Mobile fix: allow tab titles to horizontally scroll without breaking taps */
	#home-boxed-tabs .tabs-scroll-wrap {
		max-width: 100%;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scrollbar-width: none; /* Firefox */
	}
	#home-boxed-tabs .tabs-scroll-wrap::-webkit-scrollbar {
		display: none; /* Chrome/Safari */
	}
	/* Ensure the heading row can be wider than the viewport */
	#home-boxed-tabs .tabs-scroll-wrap .e-n-tabs-heading {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		width: max-content !important;
		max-width: none !important;
	}
	#home-boxed-tabs .e-n-tab-title,
	#home-boxed-tabs .e-n-tab-title-text {
		white-space: nowrap;
	}
	/* Defensive: keep tab buttons tappable above any overlapping content */
	#home-boxed-tabs .e-n-tab-title {
		pointer-events: auto !important;
		position: relative;
		z-index: 2;
		flex: 0 0 auto !important;
		width: auto !important;
	}
	
	#home-boxed-tabs .e-n-tab-title-text {
		font-size: 0.875rem;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card { 
		flex: 0 0 calc(100% / 3) !important;
		padding: 7px 16px !important;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:hover .dbg-scroller__media {
		transform: translatey(-10px) !important;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card:hover .dbg-scroller__overlay {
		padding: 16px !important;
		    transform: translateY(5px) !important;
	}

	
	.dbg-scroller .dbg-scroller__viewport {
		max-width: 100% !important;
	}
	
	.dbg-scroller .dbg-scroller__viewport .dbg-scroller__card .dbg-scroller__overlay-label {
		font-size: 0.75rem;
	}
}

.dbg-testimonial-carousel__nav {
	position: absolute; 
	top: -70px;
	right:0px;
}

.dbg-testimonial-carousel__nav .dbg-testimonial-carousel__nav-btn { 
	height: 40px;
    width: 40px;
	border: none;
    border-radius: 100%;
	background-color: #E7F2FE;
}
.dbg-testimonial-carousel__nav .dbg-testimonial-carousel__nav-btn svg path {
	stroke: #0D80F2;
}

@media (max-width:767px) {
	/* Mobile: center the nav group even if header has flex-end on desktop */
	.dbg-testimonial-carousel__header {
		display: flex;
		justify-content: center;
	}
	.dbg-testimonial-carousel__nav {
		/* Mobile: show arrows BELOW the carousel */
		display: flex;
		position: static;
		transform: none;
		justify-content: center;
		gap: 0;
		margin-top: 16px;
		margin-left: auto;
		margin-right: auto;
	}
	.dbg-testimonial-carousel__nav .dbg-testimonial-carousel__nav-btn {
		height: 32px;
		width: 32px;
		border-radius: 999px;
	}
	/* Mobile: equal-height slides (use JS-set CSS variable) so there's no blank gap below shorter cards */
	.dbg-testimonial-carousel {
		--dbg-testimonial-min-height: 0px;
	}
	.dbg-testimonial-carousel .carousel-inner,
	.dbg-testimonial-carousel .carousel-item {
		min-height: var(--dbg-testimonial-min-height, auto);
	}
	.dbg-testimonial-carousel .carousel-item > .row {
		min-height: var(--dbg-testimonial-min-height, auto);
	}
	.dbg-testimonial-carousel .carousel-item > .row > .col {
		display: flex;
	}
	.dbg-testimonial-carousel .dbg-testimonial-card {
		width: 100%;
	}
	.dbg-testimonial-carousel .carousel-inner {
		padding: 0rem 0;
	}
	
	.dbg-product-card__media .dbg-product-card__compare .compare { 
		display: none;
	}
	.dbg-product-card__badge {
		max-width: calc(100% - 36px);

	}
	.yith-add-to-wishlist-button-block {
		margin: 0px;
	}
	.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--anchor .yith-wcwl-add-to-wishlist-button__label {  
		font-size: 0px;
	}
}

/* 10-12-2025 */
/* 2fa style */
/* .authentication-style .elementor-shortcode form.wp-2fa-configuration-form h2 { text-align: center; font-size: 32px; font-weight: 700; line-height: 1.5em; color: #292929; margin: 0; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form h3 { text-align: center !important; color: #053666; font-size: 25px; font-weight: 700; line-height: 26px; } 
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form .description { text-align: center; margin-bottom: 30px; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.wp-2fa-user-profile-form  { width: 100%; margin-bottom: 30px; margin-top: 5px; text-align: center; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.remove-tr-padding summary.qr-btn::marker { content: ""; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.remove-tr-padding summary.qr-btn { font-weight: 600; width: 15%; margin: 0 auto; border: 1px solid #3e6bff; border-radius: 100px; padding: 5px 0px; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.remove-tr-padding summary.qr-btn:hover { background-color: #3e6bff; color: #fff; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.remove-tr-padding p { margin: 0px!important; }
.authentication-style .elementor-shortcode form.wp-2fa-configuration-form table.remove-tr-padding .app-key-wrapper input { min-width: 250px; margin-right: 15px; padding: 5px 10px; border: 1px solid #3e6bff; border-radius: 5px; } */

.wp-2fa-configuration-form { background: #ffffff; padding: 25px; border-radius: 12px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06); border: 1px solid #e7e7e7; }
.wp-2fa-configuration-form h2 { font-size: 26px !important; margin-bottom: 10px; font-weight: 600 !important; }
.wp-2fa-configuration-form h3 { font-size: 20px !important; margin: 20px 0px 5px 0px !important; font-weight: 600 !important; } 
.wp-2fa-configuration-form .description { color: #555; margin-bottom: 18px; font-size: 15px; line-height: 1.5; } 
.wp-2fa-configuration-form table.form-table { width: 100%; margin: 0; border-collapse: collapse; }
.wp-2fa-configuration-form table.form-table th, .wp-2fa-configuration-form table.form-table td { padding: 10px 0 !important; border-bottom: 1px solid #f0f0f0 !important; } 
.wp-2fa-configuration-form table.form-table th label { font-weight: 600; font-size: 15px; } 
.wp-2fa-configuration-form .qr-btn, .wp-2fa-configuration-form summary { cursor: pointer; color: #0d6efd; font-weight: 500; margin-top: 8px; } 
.wp-2fa-configuration-form .qr-btn:hover, .wp-2fa-configuration-form summary:hover { color: #084eb9; text-decoration: underline; } 
.wp-2fa-configuration-form .qr-code { margin-top: 14px; padding: 15px; background: #f8f9ff; border: 1px solid #d8e4ff; border-radius: 6px; max-width: 300px; display: block; }  
.wp-2fa-configuration-form .app-key-wrapper { margin-top: 18px; padding: 5px; background: #f8f9ff; border: 1px solid #d8e4ff; border-radius: 6px; } 
.wp-2fa-configuration-form .app-key { width: 80%; margin-right: 15px; padding: 10px; font-size: 15px; background: #eef3ff; border: 1px solid #c6d7ff; border-radius: 5px; font-weight: 500; } 
.wp-2fa-configuration-form button, .wp-2fa-configuration-form input[type="submit"], .wp-2fa-configuration-form .button-primary, .wp-2fa-configuration-form .wp2fa-button { background: #0d6efd !important; color: #ffffff !important; padding: 10px 22px; border-radius: 6px; border: none; font-weight: 600; cursor: pointer; transition: all .2s ease; } 
/* .wp-2fa-configuration-form .button-primary { margin: 20px 10px 20px 0px !important; } */
.wp-2fa-configuration-form button:hover, .wp-2fa-configuration-form input[type="submit"]:hover, .wp-2fa-configuration-form .button-primary:hover, .wp-2fa-configuration-form .wp2fa-button:hover { background: #084eb9 !important; } 
.wp-2fa-configuration-form a { color: #0d6efd; } 
.wp-2fa-configuration-form a:hover { color: #084eb9; }
.wp2fa-modal .modal__close { top: 10px !important; padding: 5px 10px !important; }
/* 2fa style */
/* 10-12-2025 */

/* Filter Everything - Chips Styling */
.dbg-filter-chips-wrapper {
  margin-bottom: 1.5rem;
}

.wpc-filter-chips-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.wpc-filter-chips-list.wpc-empty-chips-container {
  display: none;
}

.wpc-filter-chip {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.wpc-filter-chip a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border: 1px solid #2952CC;
  border-radius: 50px;
  color: #2952CC;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.wpc-filter-chip a:hover {
  background: #2952CC;
  color: #ffffff;
  border-color: #2952CC;
}

.wpc-filter-chip-name {
  display: inline-block;
}

.wpc-chip-remove-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  margin-left: 0.25rem;
}

/* Reset all chip */
.wpc-filter-chip.wpc-chip-reset a {
  background: transparent;
  border: 1px solid #6c757d;
  color: #6c757d;
  padding: 0.5rem 1rem;
}

.wpc-filter-chip.wpc-chip-reset a:hover {
  background: #6c757d;
  color: #ffffff;
  border-color: #6c757d;
}

/* Search chip */
.wpc-filter-chip.wpc-chip-search a {
  border-color: #0d6efd;
  color: #0d6efd;
}

.wpc-filter-chip.wpc-chip-search a:hover {
  background: #0d6efd;
  color: #ffffff;
}

/* Rating stars in chips */
.wpc-chip-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.wpc-chip-stars span {
  display: inline-flex;
  color: #ffc107;
}

/* Tablet responsiveness */
@media (max-width: 991.98px) {
  .dbg-filter-chips-wrapper {
    display: block !important;
    visibility: visible !important;
    margin-bottom: 1rem;
  }
  
  .wpc-filter-chips-list {
    display: flex !important;
    visibility: visible !important;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  
  .wpc-filter-chip {
    display: inline-flex !important;
    visibility: visible !important;
  }
  
  .wpc-filter-chip a {
    padding: 0.5rem 0.875rem;
    font-size: 13px;
  }
}

/* Mobile responsiveness */
@media (max-width: 767.98px) {
  .dbg-filter-chips-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 1rem;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
  }
  
  .wpc-filter-chips-list {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap;
    gap: 0.5rem;
    overflow: visible !important;
  }
  
  .wpc-filter-chip {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .wpc-filter-chip a {
    padding: 0.4rem 0.75rem;
    font-size: 12px;
  }
}

/* Extra small mobile - ensure chips visible */
@media (max-width: 480px) {
  .dbg-filter-chips-wrapper,
  .wpc-filter-chips-list,
  .wpc-filter-chip {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .dbg-filter-chips-wrapper {
    display: block !important;
    padding: 0 0.5rem;
  }
  
  .wpc-filter-chip a {
    padding: 0.35rem 0.6rem;
    font-size: 11px;
  }
}

/* Force filter chips visibility on ALL screen sizes including mobile */
.dbg-filter-chips-wrapper--toolbar,
.dbg-filter-chips-wrapper--toolbar .wpc-filter-chips-list,
.dbg-filter-chips-wrapper--toolbar .wpc-filter-chip,
.dbg-filter-chips-wrapper--toolbar .wpc-filter-chip a,
.dbg-product-grid__toolbar + .dbg-filter-chips-wrapper,
.dbg-product-grid__toolbar ~ .dbg-filter-chips-wrapper {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.dbg-filter-chips-wrapper--toolbar,
.dbg-filter-chips-wrapper--archive,
.dbg-filter-chips-wrapper--mobile-inject {
  display: block !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Mobile inject chips - shown via JS */
#dbg-mobile-filter-chips {
  width: 100%;
  padding: 0 1rem;
  box-sizing: border-box;
}

#dbg-mobile-filter-chips .wpc-filter-chips-list {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dbg-filter-chips-wrapper--toolbar .wpc-filter-chips-list {
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (max-width: 991.98px) {
  .dbg-filter-chips-wrapper--toolbar,
  .dbg-filter-chips-wrapper--archive,
  .dbg-filter-chips-wrapper--mobile-inject,
  #dbg-mobile-filter-chips,
  .dbg-product-grid .dbg-filter-chips-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    width: 100% !important;
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  .dbg-filter-chips-wrapper--toolbar .wpc-filter-chips-list,
  .dbg-filter-chips-wrapper--archive .wpc-filter-chips-list,
  .dbg-filter-chips-wrapper--mobile-inject .wpc-filter-chips-list,
  #dbg-mobile-filter-chips .wpc-filter-chips-list,
  .dbg-product-grid .wpc-filter-chips-list {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap !important;
  }
  
  .dbg-filter-chips-wrapper--toolbar .wpc-filter-chip,
  .dbg-filter-chips-wrapper--archive .wpc-filter-chip,
  .dbg-filter-chips-wrapper--mobile-inject .wpc-filter-chip,
  #dbg-mobile-filter-chips .wpc-filter-chip {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Filter Everything Pro - Chips visibility on all devices */
.flrt-chips-container,
.flrt-chips-list,
.flrt-chip,
[class*="flrt-chips"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.flrt-chips-container {
  display: block !important;
  margin-bottom: 1rem;
}

.flrt-chip {
  display: inline-flex !important;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border: 1px solid #3b82f6;
  border-radius: 999px;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.flrt-chip:hover {
  background: #3b82f6;
  color: #ffffff;
}

@media (max-width: 767.98px) {
  .flrt-chips-container,
  .flrt-chips-list,
  .flrt-chip,
  [class*="flrt-chips"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .flrt-chip {
    padding: 0.4rem 0.75rem;
    font-size: 12px;
  }
}

/* Filter Everything Pro - Brand Logo Styling */
.wpc-filter-content .wpc-filters-checkboxes .wpc-checkbox-item:has(.wpc-brand-logo) input[type="checkbox"] {
  display: none !important;
}

.wpc-filter-content .wpc-filters-checkboxes:has(.wpc-brand-logo) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-checkbox-item:has(.wpc-brand-logo) {
  margin: 0;
  padding: 0;
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-checkbox-item:has(.wpc-brand-logo) .wpc-term-item-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-checkbox-item:has(.wpc-brand-logo) label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
	    min-height: 52px;
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-checkbox-item:has(.wpc-brand-logo) label:hover {
  border-color: #3b82f6;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-term-selected:has(.wpc-brand-logo) label {
  border-color: #3b82f6;
  background: #3b82f6;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
}

.wpc-filter-content .wpc-filters-checkboxes .wpc-term-selected:has(.wpc-brand-logo) .wpc-brand-logo {
  filter: brightness(0) invert(1);
}

.wpc-filters-checkboxes .wpc-brand-logo {
  max-width: 100%;
  max-height: 30px;
  width: auto;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}

/* WPC Filters / Filter Everything Pro - Mobile Background Fix */
@media (max-width: 991.98px) {
  /* Main filter containers - ensure white background */
  .wpc-filters-widget-wrapper,
  .wpc-filters-main-wrap,
  .wpc-filter-content,
  .wpc-filters-section,
  .wpc-filters-widget-content,
  .wpc-horizontal-layout,
  .wpc-horizontal-layout .wpc-filters-widget-wrapper {
    background-color: #fff !important;
  }
  
  /* Elementor archive template container */
  .elementor-location-archive,
  .elementor-location-archive > .elementor-section-wrap,
  .elementor-location-archive .elementor-section,
  .elementor-location-archive .elementor-container,
  .elementor-location-archive .elementor-column,
  .elementor-location-archive .elementor-widget-wrap,
  .elementor-location-archive .e-con,
  .elementor-location-archive .e-con-inner {
    background-color: #fff !important;
  }
  
  /* WPC filter mobile overlay/fullscreen mode */
  .wpc-open-btn + .wpc-filters-widget-wrapper,
  .wpc-mobile-opened .wpc-filters-widget-wrapper,
  .wpc-filter-modal,
  .wpc-filter-popup,
  .wpc-filters-overlay {
    background-color: #fff !important;
  }
  
  /* Filter Everything Pro mobile drawer */
  .flrt-content,
  .flrt-filters-container,
  .flrt-filter-fields-container,
  .flrt-filters-widget,
  [class*="flrt-"] {
    background-color: #fff !important;
  }
  
  /* Generic mobile filter overlay containers */
  [data-filter],
  [data-filters],
  .filter-container,
  .filters-container,
  .filter-wrapper,
  .filters-wrapper,
  .filter-panel,
  .filters-panel {
    background-color: #fff !important;
  }
}

/* Ensure main page body has white background on archives */
body.archive,
body.post-type-archive-product,
body.tax-product_cat,
body.woocommerce-shop {
  background-color: #fff !important;
}

/* Elementor template specific fix */
.elementor.elementor-location-archive {
  background-color: #fff !important;
}

/* Hide empty shortcode elements only */
.elementor-shortcode:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* When body has no-subcategories class, hide ONLY the category carousel - not the whole section */
body.dbg-no-subcategories .dbg-category-carousel {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide the category carousel placeholder wrapper when empty */
body.dbg-no-subcategories .dbg-category-carousel__placeholder,
body.dbg-no-subcategories [class*="category-carousel"]:not(.dbg-product-grid):not([class*="product"]) {
  display: none !important;
}