/* ================================================= */
/*          STILURI NOI PENTRU PAGINA "POVESTI"      */
/* ================================================= */

/* Suprascriem fundalul și umbra containerului principal */
.story-container {
    background: #fffdf7; /* O nuanță caldă, de hârtie veche */
    box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}

/* Antetul poveștii, cu font special */
.story-header h1 {
    font-family: 'Caveat', cursive; /* Fontul de scris de mână */
    font-size: 4em !important;
    color: var(--color-coral-red);
}

/* Citatul introductiv */
.intro-quote {
    text-align: center;
    margin: 20px 0 40px 0;
    border-top: 1px solid var(--color-light-teal);
    border-bottom: 1px solid var(--color-light-teal);
    padding: 30px 0;
}
.intro-quote p {
    font-size: 1.5em !important;
    font-style: italic;
    font-weight: 600;
    color: var(--color-deep-teal);
    margin: 0;
}
.intro-quote .author {
    display: block;
    margin-top: 15px;
    font-family: 'Caveat', cursive;
    font-size: 1.8em;
    color: var(--text-light);
}

/* Stil pentru imaginile desenate */
.story-image-wrapper {
    text-align: center;
    margin: 30px 0;
}
.story-image {
    max-width: 60%; /* Le facem mai mici pentru un aspect aerisit */
    height: auto;
    /* Efect de filtru subtil */
    filter: sepia(0.1) contrast(0.95) brightness(1.05);
}

/* Cardurile pentru fiecare poveste individuală */
.story-card {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #f0e9d6;
    padding: 25px 30px;
    margin: 40px 0;
    border-radius: var(--border-radius-soft);
}
.story-card h2 {
    font-family: 'Caveat', cursive;
    font-size: 2.5em;
    color: var(--color-teal-vibrant);
    margin-top: 0;
}
.birthday-note {
    display: block;
    text-align: right;
    font-style: italic;
    font-size: 0.9em;
    color: var(--text-light);
}

/* Separator cu aspect de "jurnal" */
.story-divider {
    border-style: dashed;
    border-color: #d1c7ac;
}

/* Caseta de concluzie */
.conclusion-box {
    background-color: var(--color-light-blue-grey);
    padding: 30px;
    margin: 40px 0;
    border-radius: var(--border-radius-soft);
    text-align: center;
}
.conclusion-box h3 {
    font-size: 1.6em;
    color: var(--color-deep-teal);
    margin-top: 0;
}