/*
Theme Name:             TT5 for AiMoove
Theme URI:              https://dzgnd.studio/
Author:                 DZGND
Author URI:             https://dzgnd.studio
Description:            Twenty Twenty-Five child theme for AiMoove
Template:               twentytwentyfive
Text Domain:            tt5-for-aimoove
Requires at least:      6.8
Tested up to:           6.8
Requires PHP:           5.7
Version:                0.1.2
License:                GNU General Public License v2 or later
License URI:            http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/

/* CUSTOM STYLES */

/* BASE */
html {
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

sup {
  line-height: 0;
  vertical-align: super;
}

/* COMPONENTS */
h1, h2, h3 {
    text-wrap: balance !important;

    strong, b {
        font-weight: 900;
    }
}

:where(.is-layout-constrained) > h2.wp-block-heading {
    margin-block-start: 2rem;
    margin-block-end: .5rem;
}

mark.has-inline-color {
    padding: .125rem .25rem;
    border-radius: .25rem;
}

footer {
    margin-block-start: 0;
    ;
    .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--x-small);
        text-decoration: none;

        &:hover {
            color: var(--wp--preset--color--light) !important;
        }
    }
}

/* MOBILE MENU */
@media screen and (min-width: 600px) {
    li.wp-block-navigation-item:has(.mobile-show) {
        display: none !important;
        visibility: hidden !important;
    }
}

.has-modal-open {
    li.wp-block-navigation-item, .wp-block-button__link {
        font-size: var(--wp--preset--font-size--large) !important;
    }
}

.grid-testimonial {
    /* BREAK POINT ≥ MD DESKTOP */
    @media screen and (max-width: 1182px) {
        *[class*="testimonial-picture"] {
            grid-column: span 1 !important;
            img {
                aspect-ratio: 3 / 4 !important;
            }
        }
        .testimonial-text-1 { order: 1; }
        .testimonial-picture-1 { order: 2; }
        .testimonial-text-2 { order: 3; }
        .testimonial-picture-2 { order: 4; }
        .testimonial-text-3 { order: 5; }
        .testimonial-picture-3 { order: 6; }
    }
    /* BREAK POINT < LD DESKTOP */
    @media screen and (max-width: 952px) {
        *[class*="testimonial-text"] {}
    }
    /* BREAK POINT < TABLET */
    @media screen and (max-width: 712px) {
        *[class*="testimonial-picture"] {
            grid-column: span 2 !important;
            img {
                aspect-ratio: 3 / 1 !important;
            }
        }
    }
}

.aimoove-container {
    padding: 2rem;
}

i.fas {
    margin: 0 .25rem;
}

.faq {
    transition: all .3s ease-in-out;
    summary:hover, details[open] summary {
        color: var(--wp--preset--color--tertiary-500);
    }
}