/* Global Link Styles */
a {
    color: #d2aa23 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

a:hover {
    text-decoration: underline !important;
}

/* Protect Navigation and Buttons from global yellow links */
header a, 
#mobile-menu a,
#product-grid a,
#category-grid a,
.btn-primary, 
.btn-secondary, 
.btn-ghost, 
.btn-ghost-white,
.filter-link,
.woocommerce a.button, 
.woocommerce button.button,
.single_add_to_cart_button,
.button-submit-custom {
    text-decoration: none !important;
}

/* Restore specific colors for buttons and nav */
.btn-primary, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt,
.single_add_to_cart_button {
    color: #1a2c26 !important;
}

#product-grid a {
    color: inherit !important;
}

.btn-secondary,
.button-submit-custom {
    color: #ffffff !important;
}

.btn-ghost-white {
    color: #1f3e2f !important;
}

.filter-link {
    color: inherit !important;
}

.filter-link:hover {
    background-color: #1f3e2f !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Keep the active yellow state consistent on hover */
.filter-link.bg-brand-yellow:hover {
    background-color: #d2aa23 !important;
    color: #1a2c26 !important;
}

header nav a,
#mobile-menu a {
    color: inherit !important;
}

header nav a:hover,
#mobile-menu a:hover {
    color: #d2aa23 !important;
    text-decoration: none !important;
}

/* Footer Links Revert - Inherit color normally, yellow/underline on hover */
footer a {
    color: inherit !important;
    transition: none !important;
}

footer a:hover {
    color: #d2aa23 !important;
    text-decoration: underline !important;
}

/* Footer Social Icons - Dark Green, no background */
footer .flex.gap-3 a {
    background: transparent !important;
    color: #1f3e2f !important; /* brand-darkGreen */
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

footer .flex.gap-3 a svg {
    width: 2rem !important;
    height: 2rem !important;
}

footer .flex.gap-3 a:hover {
    color: #d2aa23 !important;
    text-decoration: none !important;
}

.footer-grid-container .min-w-0 {
    word-break: break-word;
}

.editor-content p {
    margin: 0 0 1rem;
}

.editor-content a {
    font-weight: 900;
    color: #d2aa23;
}

.editor-content a:hover {
    text-decoration: underline;
}

.editor-content ul,
.editor-content ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
}

.editor-content ul {
    list-style: disc;
}

.editor-content ol {
    list-style: decimal;
}

.editor-content li + li {
    margin-top: 0.5rem;
}

.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6 {
    margin: 1.25rem 0;
    line-height: 1.2;
    font-weight: 900;
}

.editor-content .wp-block-group,
.editor-content .wp-block-columns,
.editor-content .wp-block-image,
.editor-content .wp-block-list {
    margin: 1.25rem 0;
}

.pricing-content p {
    margin-bottom: 1.25rem !important;
    display: block;
}

.pricing-content p:last-child {
    margin-bottom: 0 !important;
}

.faq-icon {
    transition: transform 0.3s ease;
}
.faq-icon.rotate-180 {
    transform: rotate(180deg);
}
.rotate-45 {
    transform: rotate(45deg);
}
.faq-content {
    transition: all 0.3s ease;
    overflow: hidden;
}

.faq-content p {
    margin: 10px 0;
}

.faq-content ul li {
   list-style: initial;
    padding: 8px 0;
    margin-left: 20px;
}
.hidden {
    display: none;
}

.faq-trigger:hover,
.faq-trigger:focus {
    outline: none;
}
.faq-item[open] .faq-trigger {
    background-color: rgba(255, 193, 7, 0.05);
}

/* Reverse Columns on Mobile (Image above Text) */
@media (max-width: 781px) {
    /* Manual override class */
    .wp-block-columns.is-reversed-mobile {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    /* Automatic: If the second column has an image, reverse so it shows first on mobile */
    .wp-block-columns:has(> .wp-block-column:nth-child(2) .wp-block-image) {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}