/*
Theme Name: Loc'Karting Theme
Author: KemDev
Author URI: https://kemdev.fr
Description: Theme pour Loc'Karting
Version: 0.9.5
Requires at least: 5.2
Template: twentytwentyfive
Tested up to: 6.5
Requires PHP: 7.4
License: Copyright (c) 2025 KemDev
Text domain: lockarting
*/

/**
 * Class utils
 */
@media screen and (max-width: 782px) {
    .reverse-columns-on-mobile {
        flex-direction: column-reverse;
    }
}

.no-list-style {
    list-style-type: none;
    /*padding-inline-start: 0;*/
}

/**
 * Standard template style
 */
.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    position: relative;
    flex: 1;
}


/**
 * Menu
 */
:where(.wp-site-blocks *:focus-visible) {
    outline-width: 2px;
    outline-style: solid;
    outline-color: var(--wp--preset--color--accent-2);
}

/**
 * Menu - mobile
 **/
.wp-block-navigation__responsive-container.is-menu-open {
    backdrop-filter: blur(10px) brightness(0.81);
    background: color-mix(in srgb, #000000 70%, transparent);
}

@media screen and (max-width: 599px) {
    .wp-block-navigation__responsive-container-open {
        backdrop-filter: blur(10px) brightness(0.81);
        background: color-mix(in srgb, #000000 70%, transparent);
    }
}


html.has-modal-open .wp-block-navigation__responsive-container {
    /* menu item space */
    gap: 1em;
}

/**
 * Style for plugin: opening-hours
 */
.opening-hours .day-name {
    text-align: left;
    padding-right: 1em;
}

.opening-hours .closed .hours {
    color: var(--wp--preset--color--accent-2);
}

/**
 * Style for: The Events Calendar
 */
.tribe-events-event-image img {
    height: auto;
    max-width: 100%;
}


/**
 * Style for plugin: Events Block For The Events Calendar
 */
.ebec_error {
    text-align: center;
}

/**
 * Style for plugin: Contact Form 7 & Style Contact Form 7
 */
.wpcf7-submit {
    text-align: center;
}

.rgpd-acceptance {
    font-size: var(--wp--preset--font-size--small);
    padding-bottom: var(--wp--preset--spacing--20);
}

.rgpd-acceptance br {
    display: none;
}

.rgpd-acceptance .wpcf7-checkbox .wpcf7-list-item-label:before {
    transform: translateY(50%);
}

.rgpd-acceptance .rgpd-acceptance-link {
    padding-left: 44px;
}

.wpcf7 form p.form-text-required {
    padding: var(--wp--preset--spacing--20) 0;
}


/**
 * Custom social block
 */
.social {
    --social-size: 48px;
    --social-icon-size: 36px;
    --social-space: 29px;
    --social-top-item-size: -18px;
    --social-bottom-item-size: 20px;
    counter-reset: social-block;

    position: relative;
}

@media screen and (max-width: 599px) {
    .social {
        --social-size: 48px;
        --social-icon-size: 36px;
        --social-space: 29px;
        --social-top-item-size: 0px;
        --social-bottom-item-size: 38px;
        counter-reset: social-block;
        position: relative;
        padding-bottom: 2em;
    }

}

.social li {
    position: relative;
    border-radius: inherit;
    height: var(--social-size);
    width: var(--social-size);
    transition: transform .3s ease-out;
    transform: rotate(45deg);
    text-align: center;
}

.social a {
    height: var(--social-size);
    width: var(--social-size);
    outline-offset: 2px;
}

.social a svg {
    transform: rotate(-45deg);
    height: var(--social-size);
    width: var(--social-size);
}

.wp-block-social-links.social .wp-social-link svg {
    height: var(--social-icon-size);
    width: var(--social-icon-size);
}

.social li:hover {
    transform: scale(1.2, 1.2) rotate(45deg);
}

.social li:nth-child(1n) {
    top: var(--social-top-item-size);
}

.social li:nth-child(2n) {
    top: var(--social-bottom-item-size);
}

.social li:nth-child(1) {
    left: calc(1 * var(--social-space));
}

.social li:nth-child(2) {
    left: calc(0 * var(--social-space));
}

.social li:nth-child(3) {
    left: calc(-1 * var(--social-space));
}

.social li:nth-child(4) {
    left: calc(-2 * var(--social-space));
}

.social li:nth-child(5) {
    left: calc(-3 * var(--social-space));
}

.social li:nth-child(6) {
    left: calc(-4 * var(--social-space));
}

.social li:nth-child(7) {
    left: calc(-5 * var(--social-space));
}

.social li:nth-child(8) {
    left: calc(-6 * var(--social-space));
}

.social li:nth-child(9) {
    left: calc(-7 * var(--social-space));
}

.social li:nth-child(10) {
    left: calc(-8 * var(--social-space));
}

.social li:nth-child(11) {
    left: calc(-9 * var(--social-space));
}