/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1774345713
Updated: 2026-03-24 10:48:33

*/
/* Déclaration des polices */
@font-face {
    font-family: 'KG Second Chances Solid';
    src: url('fonts/KG Second Chances Solid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KG Second Chances Sketch';
    src: url('fonts/KG Second Chances Sketch.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Application par défaut de KG Second Chances Solid */
body, h1, h2, h3, h4, h5, h6, p, span, li, a, button, input, textarea {
    font-family: 'KG Second Chances Solid', sans-serif!important;
}

/* Boutons OKAMI Shop : texte par défaut + hover avec inversion */
button, .elementor-button {
    color: #FFB55D; /* texte par défaut */
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease, background-color 0.3s ease;
}

button::before,
.elementor-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3); /* halo */
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
    pointer-events: none;
}

button:hover::before,
.elementor-button:hover::before {
    width: 300px;
    height: 300px;
}

button:hover,
.elementor-button:hover {
    color: #FFB55D;           /* texte au hover */
    background-color: #01484D; /* fond au hover */
}