/* Styles Frontend - Favorite Jobs Plugin */
/* CSS minimaliste - Stylisez tout dans votre thème */

/* ===== Bouton Favori ===== */
.fj-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font: inherit;
    outline: none;
}

.fj-favorite-button {
    /* Stylisez ce bouton dans votre thème */
}

.fj-favorite-button.fj-is-favorite {
    /* État actif - Stylisez dans votre thème */
}

/* ===== Liste des Favoris ===== */
.fj-favorites-list {
    /* Container de la liste - Stylisez dans votre thème */
}

.fj-no-favorites {
    /* Message "Aucun favori" - Stylisez dans votre thème */
}

.fj-favorite-item {
    /* Chaque carte de favori - Stylisez dans votre thème */
}

.fj-favorite-thumbnail {
    /* Image à la une - Stylisez dans votre thème */
}

.fj-favorite-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
}

.fj-favorite-content {
    /* Contenu de la carte - Stylisez dans votre thème */
}

.fj-favorite-title {
    /* Titre du favori - Stylisez dans votre thème */
}

.fj-favorite-title a {
    text-decoration: none;
}

.fj-favorite-date,
.fj-favorite-author,
.fj-favorite-excerpt {
    /* Métadonnées - Stylisez dans votre thème */
}

.fj-favorite-actions {
    /* Container des boutons - Stylisez dans votre thème */
}

.fj-favorite-link,
.fj-remove-favorite {
    /* Boutons d'action - Stylisez dans votre thème */
}

/* ===== Bouton Effacer ===== */
.fj-clear-button {
    /* Bouton effacer tout - Stylisez dans votre thème */
}

/* ===== Compteur ===== */
.fj-counter {
    /* Compteur - Stylisez dans votre thème */
}

.fj-counter-number {
    /* Nombre - Stylisez dans votre thème */
}

/* ===== États de chargement ===== */
.fj-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* ===== Notifications (style basique) ===== */
.fj-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #333;
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px;
    z-index: 9999;
    font-size: 14px;
}

.fj-notification-success { background: #4CAF50; }
.fj-notification-error { background: #F44336; }
.fj-notification-info { background: #2196F3; }