/* ==========================================================================
   ChronoGéné v3.1.17 - Styles CSS de l'Espace Détente & Découvertes Familiales
   Dossier thématique : /themes/default/detente/detente.css
   ========================================================================== */

/* Commentaire de début - Styles Espace Détente & Jeux (v3.1.17) / Start comment - Leisure section & Games styling (v3.1.17) */

/* Conteneurs et cartes détentes */
.detente-card-hub {
    background-color: #FAF6F0;
    border: 2px solid #8c6239 !important;
    box-shadow: 0 6px 18px rgba(140, 98, 57, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.detente-card-hub:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(140, 98, 57, 0.14);
}

.detente-card-coming-soon {
    background: #FAF6F0;
    border: 2px dashed #8c6239 !important;
    box-shadow: 0 4px 15px rgba(140, 98, 57, 0.06);
}

/* Reliure et feuillets du Livre de Vie */
.book-container {
    max-width: 900px;
    position: relative;
}

.book-page {
    background: #FAF6F0;
    border: 3px solid #8c6239;
    position: relative;
    min-height: 520px;
    box-shadow: inset 0 0 40px rgba(140, 98, 57, 0.08), 0 10px 30px rgba(0,0,0,0.12);
}

.book-binding-gutter {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    background: linear-gradient(to right, rgba(0,0,0,0.15), rgba(0,0,0,0.02) 80%, transparent);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.chronique-book-body {
    color: #2b1f14;
    font-size: 1.12rem;
    line-height: 1.85;
    text-align: justify;
}

/* Jeu de Mémoire (Memory) */
.memory-card {
    background: #FAF6F0;
    border: 2px solid #8c6239 !important;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    user-select: none;
}

.memory-card:hover:not(.matched):not(.flipped) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(140, 98, 57, 0.2);
}

.memory-card.matched {
    border-color: #198754 !important;
    background-color: #e8f5e9 !important;
    cursor: default;
}

/* Boutons d'options du Quiz */
.option-btn,
.option-riddle-btn {
    background-color: #FAF6F0;
    border-color: #8c6239 !important;
    color: #4a2c11 !important;
    transition: all 0.2s ease;
}

.option-btn:hover:not(:disabled),
.option-riddle-btn:hover:not(:disabled) {
    background-color: #8c6239 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Badges En Réserve dans la Boutique du Souvenir */
.shop-stock-badge,
[id^="shopStock_"] {
    background-color: #704726 !important;
    color: #ffffff !important;
    border: 1px solid #54341b !important;
    font-weight: 500;
    padding: 0.35rem 0.65rem;
}

.shop-stock-badge strong,
[id^="shopStock_"] strong {
    color: #ffd8a8 !important;
}

/* Boutons d'Acquisition & Actions de la Boutique avec transitions contrastées */
.shop-btn-buy,
#tab-shop .btn-warning {
    background-color: #d4a017 !important;
    border-color: #b5840c !important;
    color: #1a120b !important;
    font-weight: 700;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.shop-btn-buy:hover,
#tab-shop .btn-warning:hover {
    background-color: #704726 !important;
    border-color: #4a2c11 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(112, 71, 38, 0.35) !important;
}

.shop-btn-buy:active,
#tab-shop .btn-warning:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(112, 71, 38, 0.25) !important;
}

#tab-shop .btn-outline-warning {
    border-color: #8c6239 !important;
    color: #4a2c11 !important;
    background-color: #ffffff;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

#tab-shop .btn-outline-warning:hover {
    background-color: #704726 !important;
    border-color: #4a2c11 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(112, 71, 38, 0.35) !important;
}

/* Commentaire de début - Styles Objets en Édition Limitée & Tirage Restreint (v3.1.47) / Start comment - Limited Edition & Restricted Stock styling (v3.1.47) */
.shop-card-limited {
    background: linear-gradient(145deg, #ffffff 0%, #faf5ee 100%);
    border: 2px solid #b8860b !important;
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.shop-card-limited:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(184, 134, 11, 0.2) !important;
}

.shop-card-limited.sold-out {
    background: linear-gradient(145deg, #f8f8f8 0%, #ede8e3 100%);
    border-color: #a09386 !important;
    opacity: 0.92;
}

.shop-limited-seal {
    position: absolute;
    top: 8px;
    right: -28px;
    background: #800020;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 28px;
    transform: rotate(45deg);
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    letter-spacing: 0.5px;
}

.shop-badge-limited {
    background: linear-gradient(135deg, #704726 0%, #8c6239 100%) !important;
    color: #ffd8a8 !important;
    border: 1px solid #d4af37 !important;
    font-weight: 600;
}

.shop-owners-box {
    background-color: rgba(140, 98, 57, 0.08);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 0.8rem;
    border: 1px dashed rgba(140, 98, 57, 0.35);
}

/* Rendu Cadre Profil Sépia & Velours Impérial */
.frame-sepia-velvet {
    border: 4px double #8B4513 !important;
    outline: 3px solid #800020 !important;
    outline-offset: 1px;
    box-shadow: 0 0 10px rgba(128, 0, 32, 0.45) !important;
}
/* Commentaire de fin - Styles Objets en Édition Limitée & Tirage Restreint (v3.1.47) / End comment - Limited Edition & Restricted Stock styling (v3.1.47) */

/* Style du bouton réinitialiser les points */
.btn-reset-quiz:hover {
    background-color: #b02a37 !important;
    border-color: #b02a37 !important;
    color: #ffffff !important;
}

/* Commentaire de fin - Styles Espace Détente & Jeux (v3.1.47) / End comment - Leisure section & Games styling (v3.1.47) */