/*
Theme Name:   Holistic Council
Theme URI:    https://holisticcouncil.com
Description:  Custom WordPress theme for Holistic Council with ACF Gutenberg blocks
Author:       Holistic Council Team
Author URI:   https://holisticcouncil.com
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:  holistic-council
Tags:         custom-blocks, gutenberg, acf, bootstrap, responsive

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* Single Post Header Overlay */
.single-post .article-header {
    opacity: 0.5;
}

/* Single Post Layout Refinements */
.single-post-container {
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    /* Default bootstrap gutters */
    padding-right: 15px;
}

/* Small Laptops and up */
@media (min-width: 992px) {
    .single-post-container {
        max-width: 90%;
        /* 90% on laptops */
    }
}

/* Large Screens */
@media (min-width: 1400px) {
    .single-post-container {
        max-width: 80%;
        /* 80% on large desktops */
    }
}

/* Sticky Sidebar Offset */
.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
    z-index: 10;
}

/* Override content-container within single post to allow grid control */
.single-post-container .content-container {
    max-width: 100% !important;
    margin: 0 0 100px 0 !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .05) !important;
    padding: 60px !important;
}

@media (max-width: 768px) {
    .single-post-container .content-container {
        padding: 30px !important;
    }
}

@media (max-width: 576px) {
    .single-post-container .content-container {
        padding: 20px !important;
        border-radius: 12px !important;
    }
}


/* References section: match entry-content width */
.single-post-container .references-section,
.single-post-container .article-footer {
    max-width: var(--wp--style--global--content-size, 1140px);
    margin-left: auto;
    margin-right: auto;
}

/*
 * Accordion / References Styles
 * Migrated from blocks/accordion/accordion.css
 */
.accordion-section__title {
    margin-bottom: 2rem;
    color: var(--hc-blue);
}

.accordion-item {
    border: none;
    background-color: transparent;
    margin-bottom: 1rem;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.accordion-button {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--hc-blue);
    background-color: #e9ecef;
    /* Darker gray as default */
    padding: 1.5rem;
    box-shadow: none !important;
    border: none !important;
    border-radius: 10px !important;
    /* Ensure rounded visual */
}

.accordion-button:not(.collapsed) {
    color: var(--hc-blue);
    background-color: #e9ecef;
    /* Keep consistent or standard styling */
    box-shadow: none;
}

.accordion-button::after {
    background-size: 1.25rem;
    filter: invert(18%) sepia(21%) saturate(2818%) hue-rotate(193deg) brightness(97%) contrast(92%);
}

.accordion-body {
    background-color: white;
    padding: 0 1.5rem 1.5rem 1.5rem;
    color: var(--hc-text);
    line-height: 1.6;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

/* Sidebar Widget Styling to match Main Content */
.sidebar-widget {
    border-radius: 20px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .05) !important;
}