/*
 Theme Name:   Astra Child
 Theme URI:    https://funkeroberts.com
 Description:  Astra Child Theme for Funke Roberts
 Author:       Funke Roberts
 Author URI:   https://funkeroberts.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child
*/

/* Add your custom CSS styles below this line */
/* Funke Roberts Brand Colors */
/* Primary Orange: #e36414 | Gold: #fdca40 | Teal: #0f4c5c | Brown: #65350f */

/* Primary Buttons - Orange */
.wp-block-button__link,
.wp-element-button,
.ast-button,
a.wp-block-button__link {
    background-color: #e36414 !important;
    border-color: #e36414 !important;
    color: #ffffff !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    background-color: #c85510 !important;
    border-color: #c85510 !important;
}

/* Header Button */
.ast-header-button-1 .ast-custom-button-link,
.ast-builder-button-wrap .ast-custom-button-link {
    background-color: #e36414 !important;
    border-color: #e36414 !important;
}

/* Outline Buttons */
.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 2px solid #e36414 !important;
    color: #e36414 !important;
}

.is-style-outline .wp-block-button__link:hover {
    background-color: #e36414 !important;
    color: #ffffff !important;
}

/* Links */
a:hover {
    color: #e36414;
}

/* Navigation Active */
.ast-nav-menu .current-menu-item > a {
    color: #e36414 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #65350f;
}

/* Gold Accents */
blockquote {
    border-left: 4px solid #fdca40;
}

/* Smooth Transitions */
a, button, .wp-block-button__link {
    transition: all 0.3s ease;
}

/* CTA Button - White on Orange Section */
.wp-block-uagb-buttons .uagb-block-d6bb4a07 .wp-block-button__link {
    background-color: #e36414 !important;
    border-color: #e36414 !important;
    color: #ffffff !important;
}

.wp-block-uagb-buttons .uagb-block-d6bb4a07 .wp-block-button__link:hover {
    background-color: #e36414 !important;
    color: #ffffff !important;
}

/* Step-by-Step Section - Mobile Fix */
@media (max-width: 976px) {
    .wp-block-uagb-container.uagb-block-7398c1c9.uagb-layout-grid {
        grid-template-columns: minmax(1px, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .wp-block-uagb-container.uagb-block-bd938ce4 {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        background-image: none !important;
        padding-bottom: 0 !important;
    }

    .wp-block-uagb-container.uagb-block-7398c1c9 {
        row-gap: 16px !important;
    }

    .wp-block-uagb-container.uagb-block-e361781c,
    .wp-block-uagb-container.uagb-block-ece7fbfb {
        row-gap: 16px !important;
    }
}

/* Product Image Fit - Show Full Labels */
.product-image-contain .wp-block-cover__image-background {
    object-fit: contain !important;
    background-color: #f5e6d3;
}

/* Rotating power words animation */
.uagb-ifb-title .rotating-word {
    display: inline-block;
    position: relative;
    color: #c8872b !important;
    min-width: 180px;
}

.rotating-word .word {
    display: inline-block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.rotating-word .word.active {
    opacity: 1 !important;
    position: relative;
    animation: fadeIn 0.6s ease-in-out forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-10px); }
}


/* ============================================
   Be Seen. Be Respected. Be Paid - Section Fixes
   ============================================ */

/* Equal height images in the 3-card grid */
.uagb-block-391f51b9 .wp-block-uagb-image img,
.uagb-block-391f51b9 .wp-block-image img {
    height: 320px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Remove teal hover on Read More accordion toggles */
.uagb-block-0297ea4e .wp-block-accordion-heading__toggle:hover,
.uagb-block-0297ea4e .wp-block-accordion-heading__toggle:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #e36414 !important;
}

.uagb-block-0297ea4e .wp-block-accordion-heading:hover {
    background-color: inherit !important;
}

/* Keep Read More text orange on hover (no teal) */
.uagb-block-0297ea4e .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    color: #e36414 !important;
    text-decoration: underline;
}

.uagb-block-0297ea4e .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon {
    color: #e36414 !important;
}