/*
    Theme Name: Property
    Theme URI: https://journey.travel
    Author: Journey
    Author URI: https://journey.travel
    Template: journey-theme
    Description: Journey WordPress Theme
    Tags: wordpress, journey
    Version: 1.0
    Requires at least: 5.0
    Tested up to: 6.6
    Requires PHP: 8.2
    
*/

:root {
    --brand-primary-base: #6B8376;
    --brand-primary-tint: #D1C79D;
    --brand-secondary-base: #627C85;
    --brand-secondary-tint: #B0BDC2;
    --brand-tertiary-base: #A09F7D;
    --brand-tertiary-overlay: #151F34;
    --brand-tertiary-tint: #AEB9AF;
    --primary-hover-button-text: var(--black-100);
}

.c-booking-overlay__section {
    grid-column: 1 / -1;
}

.c-booking-overlay__section.is-active {
    .c-booking-overlay__section-content {
        grid-template-columns: 1fr;
    }   
}

.c-booking-overlay__option {
    flex-flow: row wrap;
    align-items: center;
    gap: 20px;

    background-position: center right;
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23262626' stroke-linecap='square' stroke-linejoin='round' stroke-width='1.75' d='m9 18 6-6-6-6'/%3E%3C/svg%3E");

    .crop {
        flex: 0 1 80px;
        height: 80px;
        aspect-ratio: 1 / 1;
        margin-bottom: 0;
    }
}

.c-button--tertiary {
    --outline-default-button-text: var(--black-100);
    --primary-hover-button-text: var(--black-100);
}

.c-button--tertiary.c-button--solid {
    --primary-hover-button-text: var(--black-100);
}

.c-button--solid {
    --primary-hover-button-text: var(--white-100);
    color: var(--black-100);
}

.c-slider__controls {
    color: var(--black-100);
}

.c-page-footer__contact {
    --primary-default-button-text: var(--brand-tertiary-overlay);
    --primary-hover-button-text: var(--primary-default-button-border);
}

.o-form .gform_button {
    --primary-hover-button-text: var(--primary-default-button-border);
    --primary-default-button-text: var(--brand-tertiary-overlay);
}


.c-grid__filter-label:has(input:checked),
.c-grid__filter-open:has(input:checked) {
    background: var(--primary-default-button-background);
    color: var(--primary-default-button-text);
    border-color: var(--primary-default-button-background);

}

.c-grid__filter-label:hover, .c-grid__filter-open:hover {
    --primary-hover-button-text: var(--primary-default-button-border);
}

.c-grid__filter-label, .c-grid__filter-open {
    color: var(--primary-default-button-text);;
}