.dhf6-bar {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}

/* Header-specific styles */
.dhf6-header-filters {
    border-bottom: none;
    border-radius: 4px;
    padding: 0px;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    max-width: none !important;
}


/* Compact header filters */
.dhf6-header-filters .dhf6-bar{
 gap:8px;
 padding:0;
 background:transparent;
 border:none;
}

.dhf6-header-filters input,
.dhf6-header-filters select{
 padding:4px 8px;
 font-size:13px;
 min-width:auto;
}

.dhf6-header-filters .dhf6-price input{
 width:70px;
}

.dhf6-header-filters select{
 min-width:120px;
}

.dhf6-bar input,.dhf6-bar select{
 padding:6px 10px;
 border:1px solid #ddd;
 border-radius:4px;
 font-size:14px;
 transition:border-color 0.3s ease;
}

.dhf6-bar input:focus,.dhf6-bar select:focus{
 outline:none;
 border-color:#0073aa;
 box-shadow:0 0 0 2px rgba(0,115,170,0.2);
}

.dhf6-price{
 display:flex;
 gap:8px;
 align-items:center;
}

.dhf6-price input{
 width:90px;
}

.dhf6-price input::placeholder{
 color:#999;
 font-size:13px;
}

/* Stock filter now uses dropdown - no specific styles needed */

.dhf6-bar select{
 min-width:150px;
 background-color:#fff;
}

.dhf6-pagination{
 margin-top:20px;
 margin-bottom:30px;
 text-align:center !important;
 clear:both;
 width:100%;
 display:block;
 position:relative;
}

.dhf6-pagination .page-numbers{
 display:inline-flex;
 gap:4px;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
}

.dhf6-pagination a,
.dhf6-pagination span{
 display:inline-block;
 padding:8px 12px;
 border:1px solid #ddd;
 text-decoration:none;
 color:#0073aa;
 background:#fff;
 border-radius:4px;
 transition:all 0.2s ease;
 margin:0 2px;
}

.dhf6-pagination a:hover{
 background:#f8f9f9;
 border-color:#0073aa;
}

.dhf6-pagination span.current{
 background:#0073aa;
 color:#fff;
 border-color:#0073aa;
}

.dhf6-pagination span.dots{
 border:none;
 background:none;
 color:#999;
}

/* Force pagination positioning after products */
.woocommerce + .dhf6-pagination,
.woocommerce ul.products + .dhf6-pagination{
 display:block !important;
 width:100% !important;
 text-align:center !important;
 clear:both !important;
 float:none !important;
 position:relative !important;
 margin:20px 0 30px 0 !important;
}

/* Override any theme pagination styles */
.woocommerce .dhf6-pagination,
.woocommerce-page .dhf6-pagination{
 text-align:center !important;
}

.woocommerce .dhf6-pagination .page-numbers,
.woocommerce-page .dhf6-pagination .page-numbers{
 justify-content:center !important;
}

/* Loading state */
.woocommerce ul.products.loading{
 opacity:0.6;
 position:relative;
}

.woocommerce ul.products.loading::after{
 content:"";
 position:absolute;
 top:50%;
 left:50%;
 width:20px;
 height:20px;
 margin-left:-10px;
 margin-top:-10px;
 border:2px solid #f3f3f3;
 border-top:2px solid #0073aa;
 border-radius:50%;
 animation:dhf6-spin 1s linear infinite;
}

@keyframes dhf6-spin{
 0%{ transform:rotate(0deg); }
 100%{ transform:rotate(360deg); }
}

/* 3-column layout for screens under 1400px */
@media (max-width:1400px){
 .woocommerce ul.products{
  grid-template-columns:repeat(3,1fr) !important;
 }
}

/* Mobile hamburger menu for filters under 768px */
.dhf6-mobile-toggle {
    display: none;
    position: absolute;
    top: 32px;
    right: 20px;
    z-index: 1000;
    color: white;
    border: none;
    border-radius: 10px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 115, 170, 0.3);
    transition: all 0.3s ease;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhf6-mobile-toggle:hover{
 background:#005a87;
 transform:scale(1.1);
}

.dhf6-mobile-overlay{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.5);
 z-index:999;
}

.dhf6-mobile-panel{
 position:fixed;
 top:0;
 right:-100%;
 width:320px;
 height:100%;
 background:white;
 z-index:1001;
 box-shadow:-2px 0 10px rgba(0,0,0,0.1);
 transition:right 0.3s ease;
 overflow-y:auto;
}

.dhf6-mobile-panel.active{
 right:0;
}

.dhf6-mobile-header {
    padding: 20px;
    background: #b5e61d;
    color: white;
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    align-items: normal;
}

.dhf6-mobile-close{
 background:none;
 border:none;
 color:white;
 font-size:24px;
 cursor:pointer;
 padding:0;
 width:30px;
 height:30px;
 display:flex;
 align-items:center;
 justify-content:center;
}

.dhf6-mobile-content{
 padding:20px;
}

.dhf6-mobile-content .dhf6-bar{
 background:transparent;
 border:none;
 padding:0;
 margin:0;
 flex-direction:column;
 gap:15px;
}

.dhf6-mobile-content .dhf6-price{
 flex-direction:column;
 align-items:stretch;
 gap:10px;
}

.dhf6-mobile-content .dhf6-price input{
 width:100%;
}

.dhf6-mobile-content select{
 width:100%;
}

@media (max-width:1200px){
 .woocommerce ul.products{
  grid-template-columns:repeat(3,1fr) !important;
 }

 /* Hide some filters on smaller screens */
 .dhf6-header-filters #dhf6-tag{
  display:none;
 }
}
@media (max-width:1400px){
 .dhf6-bar select {
    min-width: 100px;
    width: 100px;
}
}
/* Responsive improvements */
@media (max-width:768px){
 /* Show mobile toggle */
 .dhf6-mobile-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  background: #b5e61d;
 }
 .dhf6-bar select {
    min-width: 190px;
    width: 190px;
 }
 .dhf6-mobile-overlay.active{
  display:block;
 }

 /* Hide desktop filters */
 .dhf6-header-filters{
  display:none !important;
 }

 /* 2-column layout for tablets */
 .woocommerce ul.products{
  grid-template-columns:repeat(2,1fr) !important;
 }

}

@media (max-width:480px){
 /* 1-column layout for mobile */
 .woocommerce ul.products{
  grid-template-columns:1fr !important;
 }

 .woocommerce ul.products li.product{
  width:100% !important;
  max-width:100% !important;
 }

 .dhf6-mobile-panel{
  width:280px;
 }
}