/*
Theme Name: Blog In'AI
Template: twentytwentyfive
Theme URI: https://blog.in-ai.in-group.fr/wp-content/themes/blog_in-ai/style.css
Author: In'AI
Author URI: https://blog.in-ai.in-group.fr/
Description: Un thème WordPress personnalisé.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Blog In'AI
*/
/*
:root {
        --light-gray-color: #f0f0f0;
        --light-black: rgba(0, 0, 0, 0.4);
        --light-yellow-logo: rgba(251, 219, 20, 0.1);
        --light-green-logo: #00c39b;
        --gray-text-color: #4f4f4f;
        --red-color-logo: rgba(211, 5, 70, 1);
        --sep-color: #ddd;
        --menu-content-color: #383A36;
        --dark-grey-color: #555;
        --dark-green-logo: #17997F;
        --dark-background-color: #333;
        --dark-text-color: #ccc;
        --dark-cookies-background-color: #666;
        --dark-darkmode-toggle-background-color: #eee;
        --dark-hr-color: #999;
        --dark-header-line: #444;
        --dark-card-background-color: rgba(255, 255, 255, 0.1);
        --dark-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);

        --font-family: "Lato", sans-serif;

        --form-h1-font-size: 1.5rem;
        --form-font-size: 1rem;

        --article-image-height: 150px;
        --desktop-article-width: 280px;
        --mobile-article-width: 330px;
        --breakpoint-mobile: 480px;
        --breakpoint-tablet: 768px;
        --breakpoint-desktop: 1024px;
        --desktop-page-width: 1200px;

        --center-translate: translate(-50%, -50%);
        --dark-mode-translate: translateX(36px);

        --transition-all-3: all 0.3s;
    }

    body {
		margin-top: 450px !important;
            font-family: 'Nunito', sans-serif;
            background-color: #f4f4f9;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

    

    .form-container { background: white; padding: 2rem; border-radius: 20px; text-align: left; width: 100%; max-width: 600px; }

    h1 { font-size: var(--form-h1-font-size); margin-bottom: 1rem; color: var(--dark-background-color); text-align: center; }

    .form-group { margin-bottom: 1rem; }
    .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--dark-grey-color); }
    .form-group input, .form-group select, .form-group textarea { width: calc(100% - 1.5rem); padding: 0.75rem; border: 1px solid var(--sep-color); border-radius: 5px; font-size: var(--form-font-size); }
    .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--light-green-logo); }

    .btn { display: inline-block; width: 100%; padding: 0.75rem; background-color: var(--light-green-logo); color: white; border: none; border-radius: 5px; font-size: var(--form-font-size); cursor: pointer; transition: background-color 0.3s ease; }
    .btn:hover { background-color: var(--dark-green-logo); }

    .optional-fields { margin-top: 1rem; padding: 1rem; background-color: #f9f9f9; border: 1px solid var(--sep-color); border-radius: 5px; }

    .hidden { display: none; }

    .custom-file-input-wrapper { position: relative; display: inline-block; width: 100%; }

    .custom-file-label { display: inline-block; padding: 0.75rem; background-color: var(--light-green-logo); color: var(--dark-darkmode-toggle-background-color) !important; text-align: center; border-radius: 5px; cursor: pointer; font-size: var(--form-font-size); transition: background-color 0.3s ease; }
    .custom-file-label:hover { background-color: var(--dark-green-logo); }
    .custom-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

    .image-preview { margin-top: 1rem; width: var(--desktop-article-width); height: 150px; border: 1px solid var(--sep-color); border-radius: 5px; object-fit: cover; display: none; }

    .inline-label { width: 150px; font-weight: 600; color: var(--dark-grey-color); }

    #add_optional_vols { vertical-align: middle; margin-bottom: 8px; width: 50px; }

    html[data-scheme="dark"] {
        .form-container { background: var(--dark-background-color); }
        .form-group label { color: var(--light-gray-color); }
    }*/
.boutique-list li::marker { content: "✅ "; }