/**
 * Content with Sidebar Layout
 * Adjusts WooCommerce product page layout for cognitive hooks sidebar
 */

/* ========== PRODUCT PAGE LAYOUT WITH SIDEBAR ========== */
@media (min-width: 1024px) {
    /* Create grid layout for product content with sidebar */
    .woocommerce.single-product .product,
    .woocommerce-page.single-product .product {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        align-items: start;
    }

    /* Product summary (left column) */
    .woocommerce.single-product .product .summary,
    .woocommerce-page.single-product .product .summary {
        grid-column: 1;
        grid-row: 1;
    }

    /* Product gallery stays in place */
    .woocommerce.single-product .product .woocommerce-product-gallery,
    .woocommerce-page.single-product .product .woocommerce-product-gallery {
        grid-column: 1;
        grid-row: 1;
    }

    /* Main content area (description, tabs, etc.) */
    .woocommerce.single-product .woocommerce-tabs-wrapper,
    .woocommerce.single-product .woocommerce-Tabs-panel,
    .woocommerce-page.single-product .woocommerce-tabs-wrapper,
    .woocommerce-page.single-product .woocommerce-Tabs-panel {
        grid-column: 1;
        grid-row: 2;
    }

    /* Cognitive hooks sidebar (right column) */
    .woocommerce.single-product .cognitive-hooks-sidebar,
    .woocommerce-page.single-product .cognitive-hooks-sidebar {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: start;
        position: sticky;
        top: 80px;
    }

    /* Adjust gap when sidebar is expanded */
    .woocommerce.single-product .product.sidebar-expanded,
    .woocommerce-page.single-product .product.sidebar-expanded {
        gap: 40px;
    }

    .woocommerce.single-product .product:not(.sidebar-expanded),
    .woocommerce-page.single-product .product:not(.sidebar-expanded) {
        gap: 20px;
    }
}

/* ========== ENSURE SIDEBAR IS VISIBLE ========== */
.woocommerce.single-product .cognitive-hooks-sidebar,
.woocommerce-page.single-product .cognitive-hooks-sidebar {
    display: block !important;
}

/* ========== MOBILE LAYOUT ========== */
@media (max-width: 1023px) {
    /* Stack everything vertically on mobile */
    .woocommerce.single-product .product,
    .woocommerce-page.single-product .product {
        display: block;
    }

    /* Hide sidebar completely on mobile */
    .woocommerce.single-product .cognitive-hooks-sidebar,
    .woocommerce-page.single-product .cognitive-hooks-sidebar {
        display: none !important;
    }

    /* Show mobile hooks accordion */
    .woocommerce.single-product .mobile-hooks-accordion,
    .woocommerce-page.single-product .mobile-hooks-accordion {
        display: block !important;
    }
}

/* ========== THESIS PILL POSITIONING ========== */
.woocommerce.single-product .pdl-thesis-pill,
.woocommerce-page.single-product .pdl-thesis-pill {
    clear: both;
    margin-top: 15px;
    margin-bottom: 20px;
}