/*
Theme Name: Be Original
Author: Joffrey Berget
Description: Un thème WordPress personnalisé pour les services de conception et d'impression 3D.
Version: 1.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 8.1
Text Domain: theme3d
*/

/* --- Style du Menu --- */
.menu-item a { text-decoration: none; font-size: 1rem; color: #334155; transition: color 0.2s ease-in-out; padding-bottom: 4px; border-bottom: 2px solid transparent; }
.menu-item a:hover { color: #14b8a6; }
.current-menu-item a { color: #14b8a6; font-weight: 600; border-bottom-color: #14b8a6; }
.mobile-menu-container ul { list-style: none; margin: 0; padding: 0.5rem 0; }
.mobile-menu-container .menu-item a { display: block; padding: 0.75rem 1.5rem; color: #334155; text-decoration: none; border-left: 4px solid transparent; }
.mobile-menu-container .menu-item a:hover { background-color: #f1f5f9; }
.mobile-menu-container .current-menu-item a { background-color: #f0fdfa; color: #0d9488; border-left-color: #14b8a6; font-weight: 600; }

/* --- Style de la Barre Latérale (Sidebar) --- */

/* Widget de recherche */
.widget_search form { position: relative; }
.widget_search input[type="search"] { width: 100%; padding: 0.75rem 1rem; border: 1px solid #cbd5e1; border-radius: 0.5rem; transition: border-color 0.2s, box-shadow 0.2s; }
.widget_search input[type="search"]:focus { outline: none; border-color: #14b8a6; box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.3); }
.widget_search input[type="submit"], .widget_search button[type="submit"] { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background-color: #14b8a6; color: white; border: none; padding: 0.5rem 0.75rem; border-radius: 0.375rem; cursor: pointer; transition: background-color 0.2s; }
.widget_search input[type="submit"]:hover, .widget_search button[type-="submit"]:hover { background-color: #0d9488; }

/* Widget des catégories (en tags) */
.widget_categories ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.widget_categories li { margin: 0; }
.widget_categories li a { display: block; padding: 0.25rem 0.75rem; background-color: #f1f5f9; color: #475569; border-radius: 9999px; text-decoration: none; font-size: 0.875rem; transition: background-color 0.2s, color 0.2s; }
.widget_categories li a:hover { background-color: #14b8a6; color: white; }

/* Widget des articles récents (via shortcode) */
.custom-recent-posts { list-style: none; padding: 0; margin: 0; }
.recent-post-item { margin-bottom: 1rem; }
.recent-post-item:last-child { margin-bottom: 0; }
.recent-post-link { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; }
.recent-post-thumbnail img { width: 60px; height: 60px; object-fit: cover; border-radius: 0.375rem; display: block; }
.recent-post-title { color: #334155; font-weight: 500; line-height: 1.4; transition: color 0.2s; }
.recent-post-link:hover .recent-post-title { color: #14b8a6; }

/*
 * Styles robustes pour Contact Form 7
 */

/* Enlève les marges par défaut des paragraphes ajoutés par CF7 */
.wpcf7-form p {
    margin: 0;
}

/* Conteneur global du formulaire */
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* Espace entre les champs */
}

/* Style des labels (les textes au-dessus des champs) */
.wpcf7-form label {
    font-weight: 600;
    color: #334155; /* text-slate-700 */
    display: block;
    margin-bottom: 0.5rem;
}

/* Style des champs de saisie (texte, email, etc.) */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 1px solid #cbd5e1; /* border-slate-300 */
    border-radius: 0.375rem; /* rounded-md */
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    transition: border-color 0.2s, box-shadow 0.2s;
}

/* Style au focus */
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
    outline: none;
    border-color: #14B8A6; /* border-teal-500 */
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.2);
}

/* Style du bouton d'envoi */
.wpcf7-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border: 1px solid transparent;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.375rem;
    color: #ffffff;
    background-color: #0D9488; /* bg-teal-600 */
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    cursor: pointer;
    transition: background-color 0.2s;
    width: auto; /* Le bouton ne prendra que la largeur nécessaire */
}

.wpcf7-submit:hover {
    background-color: #0F766E; /* hover:bg-teal-700 */
}