/*
 Theme Name:   Oscar By Bricks Websites
 Theme URI:    https://oscar.brickswebsites.com/
 Description:  Therapy
 Template:     bricks
 Author:       Bricks Websites
 Author URI:   https://brickswebsites.com
*/

/* Fonts */
@font-face {
    font-family: "Domine";
    src: url("/wp-content/fonts/Domine-Medium.woff2") format("woff2"),
        url("/wp-content/fonts/Domine-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "DM Sans";
    src: url("/wp-content/fonts/DMSans-SemiBold.woff2") format("woff2"),
        url("/wp-content/fonts/DMSans-SemiBold.woff") format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "DM Sans";
    src: url("/wp-content/fonts/DMSans-Regular.woff2") format("woff2"),
        url("/wp-content/fonts/DMSans-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}

h1,
h2,
h3,
h4 {
    font-family: "Domine", serif;
}
p,
a,
div,
span,
blockquote,
.o-nav--dropdown-list-one__link,
.o-loc--timetable__heading,
.o-loc--list-card__heading,
.o-about--main-heading,
.o-post--share__heading {
    font-family: "DM Sans", sans-serif;
}

a,
button {
    font-weight: 600;
}

*,
html,
body {
    scrollbar-color: var(--color-text) transparent;
    scrollbar-width: thin;
}

/* Transitions */
a,
button,
.o-nav-items,
.o-nav--backdrop.active,
.o-social-media li,
.o-map--card,
.o-map--card__img,
.o-find--card,
.o-find--card__img,
.o-loc--related,
.o-blog-card,
.o-blog-card--img,
.o-services--card__img {
    transition: var(--transition-primary);
}
.o-nav--backdrop {
    transition: var(--transition-fast);
}

/* General */
.brx-body {
    min-height: 100dvh;
}

/* Skip Links */
.skip-link {
    display: flex;
    align-items: center;
    justify-content: center;
    left: var(--space-s);
    font-size: var(--text-s);
    font-weight: 600;
    color: var(--light);
    background-color: var(--dark);
    height: var(--height);
    padding: 0 var(--space-s);
    border-radius: var(--radius-full);
    z-index: 99999;
}
.skip-link:focus {
    top: var(--space-s);
}

/* Paragraph */
:where(p:not(:last-of-type)) {
    margin-bottom: var(--space-2xs);
}

/* Highlight */
::-moz-selection {
    color: var(--light);
    background: var(--primary);
}
::selection {
    color: var(--light);
    background: var(--primary);
}

/* Focus */
:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(57, 68, 43, 0.3);
    border-color: var(--primary) !important;
}

/* Full Height */
.o-screen-height {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

/* Height */
.bricks-button:not(span),
input {
    height: var(--height);
}

/* Link Wrapper */
.o-heading-link a::after,
.o-link-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Will Change */
.o-btn,
.o-nav-items,
.o-social-media li,
.o-map--card__img,
.o-find--card__img,
.o-blog-card--img,
.o-services--card__img {
    will-change: transform;
}

/* Screen Reader Only */
.o-sr-only,
.o-social-media span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* Cursor Default */
[aria-current="page"],
.o-slider .splide__arrow:disabled {
    cursor: default;
}

/* Pointer Events */
[aria-current="page"] {
    pointer-events: none;
}

/* Z Index */
.o-video-wrapper::before {
    z-index: 1;
}

/* Buttons */
button {
    background: inherit;
}
button:hover,
.o-btn:hover,
.o-social-media li:hover {
    transform: scale(0.98);
}

/* Slider */
.o-slider--fullwidth .splide__track {
    overflow: visible;
}

/* Forms */
input,
select {
    height: var(--height);
}

/***** Header *****/
.o-nav-toggle .brxa-wrap {
    margin-right: 0.25rem;
    transform: scale(0.6);
}
/* Items */
.o-nav-items {
    transform: translateY(-100%);
    opacity: 1;
    visibility: visible;
}
.o-nav.brx-open .o-nav-items {
    transform: translateY(0%);
}
.o-nav-items > li {
    width: 100%;
}
/* Backdrop */
.o-nav--backdrop.active {
    opacity: 1;
    transform: translateY(0%);
}

/* Cards */
.o-map--card:hover .o-map--card__img,
.o-find--card:hover .o-find--card__img,
.o-blog-card:hover .o-blog-card--img,
.o-services--card:hover .o-services--card__img {
    transform: scale(1.025);
}

/***** Single Therapist *****/
.o-therapist--location-list-item:not(:last-child)::after {
    content: ",";
    margin: 0 var(--space-4xs) 0 1px;
}

/***** Map Page *****/
/* Search Filter */
/* Icon */
.o-filter--search::before {
    content: "";
    background-image: url(/wp-content/uploads/2025/11/search-icon.svg);
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    pointer-events: none;
}
/* Clear */
.brxe-filter-search .icon {
    right: 0.5rem;
}
/* No Results */
ul:has(.bricks-posts-nothing-found) {
    list-style-type: none;
}
/* Pagination */
.o-pagination .page-numbers li {
    width: calc(var(--height) * 0.75);
    height: calc(var(--height) * 0.75);
}

/***** Single Post Page *****/
.o-post-content .is-layout-flex {
    gap: var(--space-2xs);
}
.o-post-content figure {
    height: 20rem;
    border-radius: var(--radius-m);
    overflow: hidden;
}
.o-post-content .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
}

/* Tablet landscape */
@media (min-width: 801px) {
    .o-about--container:nth-child(odd) .o-about--col__2 {
        order: 0;
    }
}

/* Laptop */
@media (min-width: 1025px) {
    /* Header */
    .o-nav li:has(.o-nav-row--mobile) {
        display: none;
        visibility: hidden;
    }
    .o-nav-items {
        transform: translateY(0%);
    }
    /* Contact */
    /* Form */
    .o-contact--form
        .form-group:not(.submit-button-wrapper, :nth-last-child(2)),
    .o-book--form
        .form-group:not(
            .submit-button-wrapper,
            :nth-last-child(2),
            :nth-last-child(3)
        ) {
        width: 49%;
    }
    .o-contact--form .form-group:nth-child(odd):not(:nth-last-child(2)),
    .o-book--form
        .form-group:nth-child(odd):not(:nth-last-child(2), :nth-last-child(3)) {
        margin-right: 2%;
    }
}

/* Desktop */
@media (min-width: 1281px) {
}
