/*
Theme Name: International Elite Care
Theme URI: 
Author: Velcome SEO
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: international-elite-care
Tags: 
*/

header {
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
    z-index: 100;
}

body, * {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

h1.wp-block-post-title, h1.wp-block-heading {
    font-size: 45px !important;
}


.child-full-height > * {
    height: 100%;

    & > a, & > div, li > div {
        height: 100%;
    }
}

.h-full {
    height: 100%;
}

header {
    .wp-block-navigation-item {
        padding: 0 !important;
    }
}

.page-id-81, .home {
    .breadcrumb {
        visibility: hidden;
        display: none;
    }
}

.mfb-repeater.is-layout-flex > .mfb-repeater-item {
    flex-grow: 0;
}

.wp-block-sub-field-block-is-layout-flex {
    justify-content: flex-start;
}

.home .entry-content, .page-id-81 .entry-content {
    margin-top: 0 !important;
}

/*.wp-block-button__link.wp-element-button, p.has-link-color {*/
.wp-block-button__link.wp-element-button, .wrapper-link p {
    display: flex;
    align-items: center;
    gap: 5px;
}

#velcome-language-switcher-container {
    margin-left: 15px;
    position: relative;

    &::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M9 0C4.037 0 0 4.037 0 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m6.51 3.907a8.23 8.23 0 0 1 1.762 4.757h-3.956a17.5 17.5 0 0 0-.448-3.722c.981-.254 1.878-.599 2.642-1.035m-.479-.574c-.684.375-1.48.678-2.347.902-.412-1.4-1.004-2.536-1.714-3.278a8.3 8.3 0 0 1 4.061 2.376M5.404 8.664c.025-1.26.183-2.504.443-3.58 1.014.214 2.1.316 3.211.316 1.07 0 2.118-.095 3.1-.294a17 17 0 0 1 .438 3.558zm7.192.72a16.8 16.8 0 0 1-.44 3.545 15.6 15.6 0 0 0-3.154-.329c-1.09 0-2.158.123-3.158.33a16.8 16.8 0 0 1-.44-3.546zM9 .72c1.218 0 2.318 1.477 2.972 3.678-.922.184-1.907.282-2.914.282a15 15 0 0 1-3.024-.304C6.69 2.187 7.786.72 9 .72M7.03.957c-.705.737-1.294 1.862-1.706 3.25a10 10 0 0 1-2.315-.916A8.3 8.3 0 0 1 7.03.957M2.527 3.855c.754.441 1.64.804 2.611 1.064a17.5 17.5 0 0 0-.454 3.745H.728a8.3 8.3 0 0 1 1.8-4.81m-.018 10.3a8.2 8.2 0 0 1-1.782-4.77h3.956a17.3 17.3 0 0 0 .451 3.713c-.976.258-1.868.618-2.625 1.057m.48.535a10 10 0 0 1 2.33-.91c.413 1.395 1.003 2.525 1.71 3.264a8.3 8.3 0 0 1-4.04-2.354M9 17.28c-1.216 0-2.314-1.472-2.969-3.666a15 15 0 0 1 2.971-.294c1.028 0 2.03.102 2.967.292-.655 2.196-1.753 3.668-2.969 3.668m1.97-.237c.708-.74 1.298-1.87 1.71-3.265.863.227 1.653.532 2.332.91a8.3 8.3 0 0 1-4.042 2.355m4.522-2.898c-.759-.439-1.65-.787-2.627-1.043a17.4 17.4 0 0 0 .451-3.718h3.956a8.2 8.2 0 0 1-1.78 4.761' fill='%230a1128'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        position: absolute;
        width: 18px;
        height: 18px;
        left: -20px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
}

#velcome-language-switcher {
    border: none;
    background-color: transparent;
    font-family: var(--wp--preset--font-family--inter);
    font-style: normal;
    font-weight: 300;
    color: var(--wp--preset--color--custom-black) !important;
}

.wp-block-velcome-group-anchor p {
    display: flex;
    align-items: center;
    gap: 5px;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    right: auto;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    background-color: #F9FCFF;
    padding: 10px !important;
    width: max-content;

    li {
        padding: 10px;
    }
}

.pathologie-card {
    transition: all ease-in-out .2s;
}

.pathologie-card:hover {
    transition: all ease-in-out .2s;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.destination-card {
    transition: all ease-in-out .2s;

    .wp-block-cover__background {
        transition: all ease-in-out .2s;
    }
}

.bg-card {
    transition: all ease-in-out .2s;
    opacity: inherit;

    .wp-block-cover__background {
        transition: all ease-in-out .2s;
    }

    &:hover {
        transition: all ease-in-out .2s;
        border-color: var(--wp--preset--color--custom-yellow) !important;

        .wp-block-cover__background {
            transition: all ease-in-out .2s;
            opacity: 0.5 !important;
        }
    }
}

.pathology-card {
    transition: all ease-in-out .2s;

    &:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-color: var(--wp--preset--color--custom-yellow) !important;
    }
}

.treatment-card li {
    transition: all ease-in-out .2s;
    border-radius: 8px;

    &:hover {
        transition: all ease-in-out .2s;
        background-color: var(--wp--preset--color--custom-grey) !important;
    }

}

.checked-list {
    li {
        padding-left: 5px;
    }

    li::marker {
        list-style-type: none;
        content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 4.16672L4.96985 13L1 9.1167L2.19271 7.94993L4.96985 10.6666L12.8072 3L14 4.16672Z' fill='%23D4AF37'/%3E%3C/svg%3E%0A");

    }
}

@media (min-width: 781px) {
    .sticky-col {
        position: sticky;
        top: 100px;
    }
}

.velcome-blocks-faq-question-button {
    background-color: #F4F4F5 !important;
    border-radius: 12px;
    padding: 5px 15px;
    transition: all ease-in-out .2s 375ms;

}

.faq-question p {
    font-size: 1rem !important;
    font-weight: 500 !important;
    transition: all ease-in-out .2s;
}

.velcome-blocks-faq-content {
    background-color: #F4F4F5 !important;
    padding: 5px 15px;
    border-radius: 0 0 12px 12px;

    > * {
        margin: 0;
    }

    > :last-child {
        padding-bottom: 15px;
    }
}

.velcome-blocks-faq-item-active {
    .faq-question p {
        color: #0A1128;
        transition: all ease-in-out .2s;
    }
}

.velcome-blocks-faq-item-active .velcome-blocks-faq-question-button {
    transition: none;
    border-radius: 12px 12px 0 0;
}

.wpcf7-form {
    br {
        display: none;
        visibility: hidden;
    }

    label {
        color: #0A1128;
        font-weight: 400;

        input, textarea {
            margin-top: 3px;
            box-sizing: border-box;
            width: 100%;
            background-color: #e6e7e9;
            border: none;
            border-radius: 4px;
            padding: 10px;
        }
    }

    .row-field {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-block-button p {
        display: flex;
        flex-direction: column;
    }
}

.wpc-cats-list {
    list-style-type: none;
    padding: 0 5px;
    margin: 0;
    display: inline-flex;
    flex-direction: row;
    gap: 10px;

    li {
        border-radius: 100px;
        background-color: var(--wp--preset--color--custom-light-yellow);
        padding-top: var(--wp--preset--spacing--20);
        padding-bottom: var(--wp--preset--spacing--20);
        padding-left: var(--wp--preset--spacing--30);
        padding-right: var(--wp--preset--spacing--30);
        font-size: 14px;
        display: inline-block;
    }
}

@media screen and (max-width: 600px) {
    .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flex-start !important;
        --navigation-layout-justify: flex-start !important;
    }
}

.nav-logo {
    display: none;

    @media screen and (max-width: 600px) {
        width: 150px;
        flex-basis: 0 !important;
        display: inline-block;
    }
}

.wp-block-navigation__responsive-dialog {
    margin-top: 0 !important;

    ul {
        padding-top: 0 !important;
        padding-left: 0 !important;
    }
}

.rank-math-question {
    cursor: pointer;
    margin: 0 !important;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    font-family: var(--wp--preset--font-family--inter);
}

.rank-math-question::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.241 8.082 5.584 4.425A.739.739 0 1 1 6.61 3.362l.018.018 4.18 4.18a.74.74 0 0 1 0 1.044l-4.179 4.18a.74.74 0 0 1-1.063-1.028l.018-.018z' fill='%230a1128' stroke='%230a1128' stroke-width='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.3s ease;
}

.rank-math-list-item {
    border-radius: 8px;
    background-color: var(--wp--preset--color--custom-grey) !important;
    padding: 15px;
    margin: 10px 0;
}

.rank-math-list-item.active {
    transition: transform 0.3s ease;
}

.rank-math-list-item.active .rank-math-question::after {
    transform: rotate(90deg);
}

.rank-math-answer {
    color: #555;
    line-height: 1.6;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    display: block !important;
}

.rank-math-list-item.active .rank-math-answer {
    max-height: 1000px;
    transition: max-height 0.3s ease-out;
}

#rank-math-faq {
    width: 100%;
}

.wp-block-accordion-item {
    margin: 10px 0;
}

.wp-block-accordion-item button span {
    text-decoration: none !important;
}

.wp-block-velcome-group-faq-wrapper {
    width: 100%;
}

.faq-question p {
    color: var(--wp--preset--color--custom-black);
    font-size: 18px !important;
}

.wp-block-velcome-group-faq-item {
    background: #F4F4F5 !important;
    border-radius: 15px;
}

.wp-block-accordion-heading {
    font-family: var(--wp--preset--font-family--inter) !important;
}

.wp-block-velcome-group-faq-item, .wp-block-velcome-group-faq-item h3, .wp-block-velcome-group-faq-item h2, .wp-block-velcome-group-faq-item p {
    font-family: var(--wp--preset--font-family--inter) !important;
    margin: 10px 0;
    font-size: 16px !important;
    border-bottom: 0 !important;
}

.velcome-blocks-icon-active {
    display: none !important;
}

.velcome-blocks-faq-icon-wrap {
    display: block !important;
}

.velcome-blocks-faq-item-active .dashicons-plus:before {
    rotate: 90deg;
    transition: rotate 0.3s ease;
}

.dashicons-minus {
    display: none;
}

.wp-block-velcome-group-faq-item .dashicons-plus:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.241 8.082 5.584 4.425A.739.739 0 1 1 6.61 3.362l.018.018 4.18 4.18a.74.74 0 0 1 0 1.044l-4.179 4.18a.74.74 0 0 1-1.063-1.028l.018-.018z' fill='%230a1128' stroke='%230a1128' stroke-width='.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: rotate 0.3s ease;
}

[property="itemListElement"] a {
    text-decoration: none;
}

[property="itemListElement"] a:hover {
    text-decoration: underline;
}

.wp-block-navigation-item__content {
    padding: 15px 0;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 10px 15px !important;

    & > span {
        position: relative;
    }

    & > span::before {
        position: absolute;
        left: 0;
        display: block;
        content: '';
        width: 0%;
        height: 2px;
        background: var(--wp--preset--color--custom-black) !important;
        bottom: 0;
        transition: all ease-in-out .3s;
    }

    &:hover > span::before {
        width: 100%;
    }
}

footer a {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}

.wp-block-button:hover > .wp-block-button__link {
    font-weight: 700;
}
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item.has-child:hover > .wp-block-navigation-item__content {
    font-weight: 500;
}

.wp-site-blocks::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    z-index: 50;
}

body:has(.wp-block-navigation-item.has-child:hover) .wp-site-blocks::before {
    opacity: 1;
}

.wp-block-navigation__submenu-container {
    z-index: 150;
}