/* Custom layout for WooCommerce shop header */
 
/* Main container layout */
.nectar-shop-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: start;
    margin-bottom: 20px;
}
 
/* Left column container */
.nectar-shop-header::before {
    content: '';
    display: none;
}
 
/* Title - full width in left column */
.nectar-shop-header .page-title {
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 0 0;
    font-size: 28px;
}
 
/* Breadcrumb - below title in left column */
.nectar-shop-header .woocommerce-breadcrumb {
    grid-column: 1;
    grid-row: 2;
    margin: 0 0 0 0;
}
 
/* Result count - below breadcrumb in left column */
.woocommerce .woocommerce-result-count {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    grid-column: 1;
    grid-row: 3;
    margin: 0;
    display: block;
}
 
/* Result count - remove line height adjustment */
.woocommerce .woocommerce-result-count {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    grid-column: 1;
    grid-row: 3;
    margin: 0;
    display: block;
}
 
/* Dropdown - position relative to result count */
.nectar-shop-header .woocommerce-ordering {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    margin: 0;
    position: relative;
    top: -3px; /* Fine-tune vertical position */
}
 
/* Make dropdown wider to show full text */
.nectar-shop-header .woocommerce-ordering select {
    min-width: 300px;
    width: auto;
    max-width: 400px;
    margin: 0;
    vertical-align: middle;
}
 
/* Tablet view - smaller dropdown */
@media (max-width: 1024px) and (min-width: 769px) {
    .nectar-shop-header .woocommerce-ordering select {
        min-width: 250px;
        max-width: 300px;
    }
}
 
/* Mobile responsive - stack vertically */
@media (max-width: 768px) {
    .nectar-shop-header {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .nectar-shop-header .woocommerce-ordering {
        grid-column: 1;
        grid-row: 4;
        width: 100%;
        top: 0; /* Reset the vertical adjustment */
    }
    .nectar-shop-header .woocommerce-ordering select {
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }
    /* Reduce font sizes on mobile for better fit */
    .nectar-shop-header .page-title {
        font-size: 22px;
    }
    .nectar-shop-header .woocommerce-result-count {
        font-size: 14px;
    }
}