/*
Theme Name:   Ollie Child
Theme URI:    https://olliewp.com
Description:  A child theme for Ollie.
Author:       OllieWP
Author URI:   http://example.com
Template:     ollie
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, entertainment
Text Domain:  ollie
*/

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  color: currentColor !important;
  background: transparent !important;
  outline-color: currentColor !important;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover),
:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
  text-decoration: underline 2px;
}


/*** Header ***/
@media only screen and (max-width: 863px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 864px) {
  .hide-on-desktop {
    display: none !important;
  }
}


/*** Header Phone ***/
/*.phone mark {
    color: transparent;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #81e221;
}
.phone:hover mark {
    animation: pulse 2s ease-in-out infinite;

}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0px #81e221;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.7;
        box-shadow: 0 0 15px #81e221;
    }
    100% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0px #81e221;
    }
}
*/

/*** Scrolling bar ***/

/* Pour les navigateurs basés sur WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 8px; /* Largeur de la barre de scroll */
}
::-webkit-scrollbar-track {
  background: #f0efe7; /* Couleur de l'arrière-plan de la barre */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #ed6740; /* Couleur du curseur de la barre */
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d95c38; /* Couleur au survol */
}
/* Pour Firefox */
html {
  scrollbar-color: #ed6740 #f0efe7;
  scrollbar-width: thin; /* "auto", "thin" ou "none" */
}




/* Splash Screen */
/* Splash Screen */
#splash-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #121345;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
    transition: opacity 1s ease-in-out;
}

#splash-logo {
    max-width: 200px;
    animation: fadeIn 1s ease-in-out;
}

/* Animation du logo */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

/* Barre de chargement */
#loading-bar-container {
    width: 100%;
    height: 10px;
    overflow: hidden; /* Cache toute partie de la barre qui dépasse */
}

#loading-bar {
    width: 80%;
    height: 4px;
    background: #fff;
    animation: loadingAnimation 3s infinite;
}

#loading-percentage {
    color: white;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}

/* Animation de la barre de chargement */
@keyframes loadingAnimation {
    0% { width: 0; }
    50% { width: 50%; }
    100% { width: 100%; }
}

:root :where(.wp-block-separator.is-style-dots)::before {
  content: "·";
}


/*** Contact Form 7 ***/
.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
}

/* Bouton submit – style Ollie */
.wpcf7 input[type="submit"] {
    padding: 0.5em 1.5em;
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--base);
    border-radius: 50px;
    border: none;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--small);
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
    text-decoration: none;
    transition: background-color .2s ease, transform .15s ease;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus-visible {
    background-color: var(--wp--preset--color--primary);
    transform: translateY(-1px);
}

.wpcf7 input[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}


/*** SEOPress ***/
html .seopress-user-consent button {
  background: var(--wp--preset--color--main);
}
html .seopress-user-consent button:hover {
  background: var(--wp--preset--color--secondary);
}