/*
 * Plugin Styles for Gestionnaire de Livres par ISBN/ISSN
 * File: isbn-book-fetcher-styles.css
 */

/* =============================================================================
 * Styles pour le shortcode [livre_details]
 * ============================================================================= */
.book-details-wrapper {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: auto;
}

.book-details-wrapper .book-title {
    margin-top: 0;
}

.book-details-wrapper .book-subtitle {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 1.2em;
    color: #555;
    font-style: italic;
}

.book-details-wrapper .book-cover {
    float: left;
    margin: 0 20px 10px 0;
}

.book-details-wrapper .book-description {
    clear: both;
    padding-top: 15px;
}

/* Texte "Non disponible" */
.book-details-wrapper .book-meta em {
    color: #888;
    font-style: italic;
}

/* =============================================================================
 * Styles pour le shortcode [liste_livres] (filtres et liste)
 * ============================================================================= */

.book-filters-wrapper {
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    margin-bottom: 25px;
}

.book-filters-wrapper form > div {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: flex-end;
}

.book-filters-wrapper form > div > div {
    flex: 1;
    min-width: 150px; /* Ajustez au besoin */
}

.book-filters-wrapper form > div > div:nth-child(5), /* Année */
.book-filters-wrapper form > div > div:nth-child(6) { /* Langue */
    min-width: 120px;
}

.book-filters-wrapper input[type="search"],
.book-filters-wrapper select {
    width: 100%;
}

.book-filters-wrapper input[type="submit"] {
    padding: 8px 15px;
    cursor: pointer;
    height: 37px; /* Pour aligner avec les champs de sélection */
}

.book-list-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.book-list-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
}

.book-list-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 4px;
}

.book-list-item h3 {
    margin: 5px 0;
    font-size: 1.1em;
}

.book-list-item p {
    margin: 0;
    font-size: 0.9em;
    color: #555;
}

/* =============================================================================
 * Styles personnalisés pour les catégories (exemples, ajoutez les vôtres)
 * Ces styles doivent être ajoutés APRÈS les styles de base des éléments
 * pour qu'ils les surchargent si nécessaire.
 * ============================================================================= */

/* Style pour les livres de type 'prive' */
.book-list-item.category-type_de_livre-prive {
    border: 2px solid blue !important; /* Bordure rouge */
    background-color: lightblue !important; /* Fond légèrement rosé */
}
.book-list-item.category-type_de_livre-wanted {
    border: 2px solid red !important; /* Bordure rouge */
    background-color: #ffe0e0 !important; /* Fond légèrement rosé */
}
/* Vous pouvez ajouter d'autres styles pour d'autres catégories */

/* Exemple pour un livre de l'auteur 'stephen-king' */
.book-list-item.category-auteur-stephen-king {
    box-shadow: 0 0 10px rgba(0, 0, 255, 0.5); /* Ombre bleue */
}

/* Exemple pour un livre publié en '2025' */
.book-list-item.category-annee_publication-2025 {
    border: 1px solid green;
}

/* Vous pouvez ajouter d'autres règles ici pour les couleurs, bordures, ombres, etc.,
 * pour des catégories spécifiques en utilisant le format:
 * .book-list-item.category-[nom_taxonomie]-[slug_du_terme] { ... styles ... }
 */