/*
Theme Name: Ascot Renovation Theme
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description:
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
*/



/* FAQ Section Styles - Matched to Ascot Renovation Theme */
/* @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');

:root {
    --primary-cyan: #17BEBB;
    --dark-text: #1a1a1a;
    --light-bg: #f4f5f7;
    --body-font: 'Be Vietnam Pro', sans-serif;
} */

.faq-section {
    background-color: #fff;
}

.title-two {
    font-weight: 700;
    color: #1a1a1a;
    position: relative;
    margin-bottom: 20px;
}

/* Accordion Specifics */
.custom-faq-accordion .accordion-item {

    border-radius: 12px !important; /* Premium rounded Look */
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #ddd !important;
        box-shadow: none !important;

}
.accordion-button:not(.collapsed):after {
    transform: initial;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 9.16699V10.8337H2.5V9.16699H17.5Z' fill='%2317becf'/%3E%3C/svg%3E");
}

 .accordion-button:after {
position: absolute; right: 20px; top:23px;    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.5 9.16667V10.8333H10.8333V17.5H9.16667V10.8333H2.5V9.16667H9.16667V2.5H10.8333V9.16667H17.5Z' fill='%231A1A1A'/%3E%3C/svg%3E");
}

.custom-faq-accordion .accordion-item:has(.show) {
    background: #fff;
    box-shadow: none;
    
}

.custom-faq-accordion .accordion-button {
    font-weight: 600;
    font-size: 18px;
    color: #1a1a1a;
    background: transparent;
    padding: 23px 20px;
    padding-right: 45px;
    box-shadow: none;
}

.custom-faq-accordion .accordion-button:not(.collapsed) {
    color: var(--theme-color);
    background-color: transparent;
}

.custom-faq-accordion .faq-number {
    margin-right: 15px;
    color: var(--theme-color);

}

.custom-faq-accordion .accordion-button::after {
    background-size: 20px;
    transition: transform 0.3s ease;
}

/* Styling the Answer Text */
.custom-faq-accordion .accordion-body{padding-bottom: 30px;}

.custom-faq-accordion .answer-inner {
    color: #555;
    line-height: 1.8;
    font-size: 16px;
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
}

/* Animations for that "Premium" feel */
.faq-section.pt-150 { padding-top: 150px; }
.faq-section.pb-150 { padding-bottom: 150px; }


@media (max-width: 1199px) {
.custom-faq-accordion .accordion-button {
    font-size: 17px;
    padding: 20px 20px;
}
.accordion-button:after {
    top: 21px;
}
}

@media (max-width: 767px) {
    .custom-faq-accordion .accordion-button {
        font-size: 16px;
        padding: 20px;
                padding-right: 45px;
    }
    .accordion-button:after {
    top: 20px;
    right: 16px;

}

}