/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* FAQ accordion — core/details styled to match theme */
.wp-block-details {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}
.wp-block-details summary {
    padding: 18px 22px;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
    content: "\203A";
    font-size: 22px;
    color: #07AFD7;
    transform: rotate(90deg);
    transition: transform 0.25s;
    flex-shrink: 0;
    line-height: 1;
}
.wp-block-details[open] summary::after { transform: rotate(270deg); }
.wp-block-details[open] summary { color: #07AFD7; background: #f0f8fc; }
.wp-block-details > *:not(summary) { padding: 0 22px 18px; font-size: 15px; color: #555; }

/* Standardise all Greenshift Read More / Learn More buttons to brand teal */
.gs_button_w_icon {
    background-color: #07AFD7 !important;
    color: #fff !important;
    border-radius: 40px !important;
}

/* Reusable hover card — apply class "bg-hover-1" to any Stack/Container */
.bg-hover-1 {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.bg-hover-1:hover {
    background-color: var(--theme-palette-color-2) !important;
}

.bg-hover-1:hover,
.bg-hover-1:hover * {
    color: var(--theme-palette-color-8) !important;
}