/*!
Theme Name: Mediora
Theme URI: https://fireflythemes.com/themes/mediora
Author: ffthemes
Author URI: https://fireflythemes.com/
Description: Mediora is a responsive Full Site Editing medical WordPress theme for healthcare websites, hospitals, clinics, doctors, dentists, pharmacies, wellness centers, therapists, health coaches, and professional health service providers. This block theme includes ready-made patterns for a medical homepage, hero banner, services, departments, testimonials, FAQ, latest news, call to action, header, footer, sidebar, archive, and single post layouts. With clean templates, global styles, wide blocks, and Site Editor customization, Mediora helps you build a fast, accessible, mobile-friendly healthcare website without code.
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mediora
Tags: blog, full-site-editing, block-patterns, block-styles, editor-style, featured-images, translation-ready, rtl-language-support, grid-layout, one-column, two-columns, right-sidebar, full-width-template, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mediora WordPress Theme, Copyright 2026 FireflyThemes.com
Mediora is distributed under the terms of the GNU GPL.
*/


@use "nav" as *;


@keyframes pulse {
    0% {

        box-shadow: 0 0 0 rgb(68 135 255);
    }

    70% {

        box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
    }

    100% {

        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.pulse-animation {
    cursor: pointer;
    box-shadow: 0 0 0 rgb(244, 156, 0);
    animation: pulse 2s infinite;
    border-radius: 100%;
}

/* Utility classes */
.list-style-one {
    list-style: none;
    padding: 0 !important;

    li {
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.5rem;

        &:before {
            content: "";
            width: 17px;
            height: 17px;
            display: inline-block;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtY2hlY2staWNvbiBsdWNpZGUtY2hlY2siPjxwYXRoIGQ9Ik0yMCA2IDkgMTdsLTUtNSIvPjwvc3ZnPg==");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
    }


}

.image-zoom-hover {
    overflow: hidden;
    position: relative;

    &::before,
    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.1490196078);
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
    }

    img {
        width: 100%;
        transition: transform 1s ease;
    }

    &:hover {

        &::before,
        &::after {
            width: 0;
            opacity: 1;
            visibility: visible;
        }

        img {
            transform: scale(1.1);
        }
    }
}

/* WooCommerce */
.wc-block-grid__product {
    .wc-block-grid__product-image {
        overflow: hidden;

        img {
            transition: transform 1s ease;
        }
    }

    &:hover img {
        transform: scale(1.1);
    }
}

/* Tag cloud */
.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    a {
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        padding: 4px 15px;
    }
}

footer {
    ul.wp-block-list {
        list-style: none;
        padding: 0;
    }
}

.wp-block-post-excerpt__more-text {
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 500;
}

figure.wp-block-table {
    margin: 0;
    padding: 0;
}

.wp-block-latest-posts {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wp-block-search__button {
    border: none;
}

.wp-block-search__input {
    padding-left: 1rem;
}

.wp-site-blocks>*,
.is-root-container>* {
    margin: 0;
}

.wp-block-post-author {
    .wp-block-post-author__avatar {
        margin-right: 10px;
    }

    img {
        vertical-align: middle;
        border-radius: 100px;
    }
}

.wp-block-post-author {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

/* Misc */
.wp-block-image img {
    vertical-align: middle;
}

footer.wp-block-template-part,
header.wp-block-template-part {
    margin: 0 !important;
}

/* Responsive helpers */
@media (max-width: 767px) {
    body {

        .hide-on-mobile,
        .mobile-hide {
            display: none !important;
        }

        .mobile-alignleft {
            text-align: left;
        }

        .mobile-alignright {
            text-align: right;
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }

        .mobile-aligncenter {
            display: flex;
            justify-content: center !important;
            width: 100%;
        }

        .mobile-media-alignjustify {
            display: flex;
            justify-content: space-between;
            width: 100%;

        }
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    body .hide-on-tablet {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    body .hide-on-desktop {
        display: none !important;
    }
}

/* Forms */
input,
textarea {

    &[type="text"],
    &[type="email"],
    &[type="url"],
    &[type="password"],
    &[type="number"],
    &[type="tel"],
    &[type="range"],
    &[type="date"],
    &[type="month"],
    &[type="week"],
    &[type="time"],
    &[type="datetime"],
    &[type="datetime-local"],
    &[type="color"] {
        padding: 0.6rem 1rem;
        background: transparent;
        border: 1px solid var(--wp--preset--color--border-color);
        width: 100%;
        box-sizing: border-box;

        &:focus {
            border-color: var(--wp--preset--color--primary);
            outline: none;
        }
    }
}

input[type="submit"] {
    border: none;
    padding: 0.8rem 2rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
}

@media (max-width: 991px) {
    .mobile-horizontal-scroll {
        display: flex !important;
        padding: 0;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;

        >* {
            list-style: none;
            max-width: inherit;
            min-width: 320px;
        }
    }

    .alignwide {
        &.mobile-scroll {
            &::-webkit-scrollbar {
                display: none;
            }
        }
    }
}

@media (max-width: 480px) {
    .mobile-horizontal-scroll {
        >* {
            min-width: 250px;
        }
    }
}

*:where(a) {
    text-decoration: none;
}

/* Post content */
.entry-content a,
.wp-block-post-content a,
.page-content a {
    text-decoration: underline;
}

/* Excerpts */
.wp-block-post-excerpt a,
.entry-summary a {
    text-decoration: underline;
}

/* Comments */
.comment-content a {
    text-decoration: underline;
}

/* Widgets */
.widget a,
.wp-block-latest-posts a,
.wp-block-navigation a {
    text-decoration: underline;
}

.wp-block-navigation a,
.site-header a,
.site-footer a {
    text-decoration: none;
}

.wp-block-accordion-item>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transition: transform .2s ease-in-out;
    /* border: 1px solid; */
    border-radius: 100%;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    width: 2.5rem;
    height: 2.5rem;
    font-weight: 300;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}


@media (max-width: 767px) {
    .header-wrapper {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .logo-area {
        flex: 1;
        min-width: 0;
        order: 1;
    }

    .buttons-area {
        order: 2;
        flex-shrink: 0;
    }

    .nav-area {
        order: 3;
        flex-shrink: 0;
    }
}

.wp-block-table thead {
    border-bottom: none;
}

code {
    background: #060606;
    display: flex;
    padding: 1rem 2rem;

}