/* 
Theme Name:		 VA Custom Theme
Theme URI:		 https://www.verticalaxion.com/
Description:	 VA Custom Theme is a child theme of BootScore.
Author:			 Vertical Axion LLC
Author URI:		 https://www.verticalaxion.com/
Template:		 bootscore-main
Version:		 1.0.0
Text Domain:	 bootscore-custom
*/


/*
    Add your custom styles here
*/

/* 5-column grid layout */
.products.row:has(.col-5-grid) {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
}

.col-5-grid {
	width: 100% !important;
	flex: none !important;
}

/* Responsive breakpoints for 5 columns */
@media (max-width: 1199px) {
	.products.row:has(.col-5-grid) {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 767px) {
	.products.row:has(.col-5-grid) {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
}

@media (max-width: 575px) {
	.products.row:has(.col-5-grid) {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
    /* Hide the sidebar toggle button */
    body:not(.archive) .btn[data-bs-target="#sidebar"] {
        display: none !important;
    }
    
    /* Reset offcanvas behavior for mobile */
    body:not(.archive) #sidebar.offcanvas-md {
        position: static !important;
        transform: none !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: none !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
    }
    
    /* Hide offcanvas header on mobile since we're not using the slide-out */
    body:not(.archive) #sidebar .offcanvas-header {
        display: none !important;
    }
    
    /* Ensure sidebar content is visible */
    body:not(.archive) #sidebar .offcanvas-body {
        padding: 0 !important;
    }
    
    /* Ensure proper column order - sidebar after main content */
    body:not(.archive) .col-md-4.order-first.order-md-last {
        order: 2 !important;
    }
    
    body:not(.archive) .col-md-8.col-lg-9 {
        order: 1 !important;
    }
}