/*
Theme Name: Révélation Lyautey
Description: Theme enfant de twentytwentyfive
Author: Press•Agrum
Author URI: https://www.press-agrum.com/
Template: twentytwentyfive
Version: 0.1.0
*/

/* FONTS */

.page:not(.home) main h1 {
    color: var(--wp--preset--color--accent-1) !important;
}

.page:not(.home) main h2 {
    color: var(--wp--preset--color--accent-5) !important;
}

.page:not(.home) main h3 {
    color: var(--wp--preset--color--accent-3) !important;
}

.page:not(.home) main h4 {
    color: var(--wp--preset--color--accent-4) !important;
}

.page:not(.home) main h5 {
    color: var(--wp--preset--color--accent-4) !important;
}

/* BUTTONS */

.wp-block-button .wp-block-button__link,
input.wpcf7-submit {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.5s ease !important;
}

.wp-block-button .wp-block-button__link:hover,
input.wpcf7-submit:hover {
    background-color: var(--wp--preset--color--accent-1) !important;
    border-color: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--accent-2) !important;
}

.wp-block-button.is-style-outline:hover .wp-block-button__link {
    background-color: var(--wp--preset--color--accent-4) !important;
    border-color: var(--wp--preset--color--accent-4) !important;
    color: var(--wp--preset--color--accent-1) !important;
}

/* NAV */

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=false]~.wp-block-navigation__submenu-container {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    min-width: 400px;
    background-color: var(--wp--preset--color--accent-1) !important;
    opacity: 1;
    transform: translateX(-15px);
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:hover {
    background-color: var(--wp--preset--color--contrast);
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    transition: color 0.3s ease;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--accent-2) !important;
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
    color: white;
}

/* FORMS */

.wpcf7>form>p:nth-child(n)>label,
.wpcf7>form>div.form-container>p:nth-child(n) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #1726364d;
    font-size: 0.8em;
}

.wpcf7>form>p:nth-child(n)>label>span.wpcf7-form-control-wrap,
.wpcf7>form>div.form-container>p:nth-child(n)>span.wpcf7-form-control-wrap {
    width: 60%;
}

.wpcf7>form>p:nth-child(n)>label>span.wpcf7-form-control-wrap .wpcf7-list-item,
.wpcf7>form>div.form-container>p:nth-child(n)>span.wpcf7-form-control-wrap .wpcf7-list-item {
    margin-left: -20px;
    /* font-size: 0.8em; */
    color: var(--wp--preset--color--accent-1);
}

.wpcf7>form>p:nth-child(n)>label>span .wpcf7-form-control,
.wpcf7>form>div.form-container>p:nth-child(n)>span .wpcf7-form-control {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.wpcf7>form>p:nth-child(n)>label>span>input {
    padding: 10px;
    border: 1px solid #1726364d;
    width: 100%;
    font-size: 1em;
    margin-left: -20px;
}

.wpcf7-not-valid-tip {
    color: var(--wp--preset--color--accent-1);
    font-size: 0.8em;
    margin-top: 5px;
}

.wpcf7>form>p>input.wpcf7-submit {
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--30);
    background-color: var(--wp--preset--color--accent-3);
    color: var(--wp--preset--color--accent-2);
    border: none;
}

/* HERO */

.full-height-home-cover {
    height: 80vh;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
}

.full-height-home-cover::after {
    content: "";
    height: 8px;
    width: 100%;
    background: url(./svg/revelation-hr-couleurs.svg);
    background-repeat: repeat-x;
    z-index: 1000;
    position: absolute;
    bottom: 0;
}

/* Galerie */

.gallery-block {
    display: flex;
    gap: 20px;
    max-width: 100%;
}

#main-image {
    width: 81%;
    object-fit: cover;
}

.thumbnails {
    width: 19%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.thumbnails img {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
    transition: box-shadow 0.18s ease, transform 0.12s ease;
    display: inline-block;
}

.thumbnails img:focus {
    outline: none;
    box-shadow: 0 0 0 3px #D34C42;
}

/* FOOTER */

.footer-frise::before {
    content: "";
    height: 8px;
    width: 100%;
    background: url(./svg/revelation-hr-couleurs.svg);
    background-repeat: repeat-x;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
}