/*
Theme Name: Pile Head Super Theme
Theme URI: http://example.com/pilehead-super
Author: Gemini AI
Author URI: http://example.com
Description: A super fast, modular e-commerce theme optimized for WPBakery and Noon-style layouts.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pilehead
Tags: e-commerce, woocommerce, responsive, modular
*/

/* 
 * This file is required for WordPress to recognize the theme.
 * Actual styles are loaded from assets/css/phst.css
 */
/* Add these after your existing @keyframes */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    to {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
}

@keyframes loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* Layout Engine */
.ph-main-layout {
    display: grid;
    grid-template-columns: 280px 1fr; /* Fixed sidebar, flexible content */
    gap: 40px;
    align-items: flex-start;
}

/* Perfect Sticky Sidebar */
.ph-sticky-sidebar {
    position: sticky;
    top: 100px; /* Adjust based on your header height */
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

/* Brand/Filter Scrollbar */
.ph-custom-scroll {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
}
.ph-custom-scroll::-webkit-scrollbar { width: 4px; }
.ph-custom-scroll::-webkit-scrollbar-thumb { background: #fbbf24; border-radius: 10px; }

/* Shop Header Controls */
.ph-shop-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.ph-shop-controls {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* High Density Grid (5 columns on desktop) */
.ph-content ul.products {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
}

/* Premium Checkboxes */
.ph-checkbox-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.ph-checkbox-container input { position: absolute; opacity: 0; }

.ph-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
}

.ph-checkbox-container:hover input ~ .ph-checkmark { background-color: rgba(251, 191, 36, 0.2); }
.ph-checkbox-container input:checked ~ .ph-checkmark { background-color: #fbbf24; border-color: #fbbf24; }

.ph-count {
    margin-left: auto;
    font-size: 11px;
    color: #888;
    background: rgba(255,255,255,0.05);
    padding: 2px 6px;
    border-radius: 10px;
}

/* Mobile Responsiveness */
@media (max-width: 1400px) {
    .ph-content ul.products { grid-template-columns: repeat(4, 1fr) !important; }
}

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

@media (max-width: 1024px) {
    .ph-main-layout { grid-template-columns: 1fr; }
    .ph-sidebar { display: none; } /* Use toggle instead */
    .ph-content ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
/* Hide WooCommerce ajax added to cart link inside custom products */
.ph-ncard .added_to_cart, .ph-ncard a.added_to_cart { display: none !important; }@ m e d i a   ( m i n - w i d t h :   7 6 9 p x )   {   . m o b i l e - b o t t o m - n a v   {   d i s p l a y :   n o n e   ! i m p o r t a n t ;   }   }  
 @ m e d i a   ( m i n - w i d t h :   7 6 9 p x )   {   b o d y   {   p a d d i n g - b o t t o m :   0   ! i m p o r t a n t ;   }   }  
 