/* ====== Szerzői profil – konténeres elrendezés ====== */

/* A teljes szerzői oldal kerete */
.author-page {
    margin: 0 auto 2.5rem;
}

/* Alap kártya */
.muza-card {
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    border-radius: 16px;
    padding: 1.4rem 1.6rem;
    margin-bottom: 1.5rem;
}

/* Kártyák színezése */
.profile-left .muza-card,
.center-column .muza-card,
.center-column .ajanlo-versek-blokk.muza-card,
.center-column .social-share.muza-card {
    background: linear-gradient(135deg, #ffffff, #faf7ff);
    border: 1px solid rgba(90,120,190,0.15);
    box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* ----------------------
   PROFILKÁRTYA KÖZÉPRE
---------------------- */

.author-profile-card {
    display: flex;
    flex-direction: column;          /* 💡 Vertikális elrendezés */
    align-items: center;             /* 💡 KÖZÉPRE IGAZÍTÁS */
    text-align: center;              /* 💡 Szöveg is középen */
    gap: 1.2rem;
}

/* PROFILKÉP – szép kerek, shadow, KÖZÉPRE */
.author-avatar {
    width: 150px;
    height: 150px;
    border-radius: 50% !important;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    background-color: #f0f0f0;
    margin: 0 auto;                  /* 💡 biztos középre */
}

/* Profil név */
.author-name {
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
    overflow-wrap: anywhere;         /* 💡 hosszú nevek törjenek */
    word-break: break-word;          /* 💡 ne lógjon ki semmi */
}

/* Badge */
.badge.role {
    display: inline-block;
    padding: 0.1rem 0.6rem;
    font-size: 0.8rem;
    border-radius: 999px;
    background: #ffe5e5;
    color: #8a0000;
    margin-left: 0.3rem;
}

.badge-admin {
    background: #ffe0e0;
    color: #d80000;
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 0.3rem;
    font-weight: 600;
}

.badge-moderator {
    background: #e4ffe7;
    color: #0f8a20;
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 0.3rem;
    font-weight: 600;
}

.badge-kiemelt {
    background: #e7f0ff;
    color: #005bbb;
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    display: inline-block;
    margin-left: 0.3rem;
    font-weight: 600;
}

/* Profil adatok – KÖZÉPRE */
.author-main {
    width: 100%;
}

.author-meta {
    margin-top: 0.4rem;
    text-align: center;
}

.meta-row {
    display: flex;
    justify-content: center;         /* 💡 KÖZÉPRE IGAZÍTÁS */
    gap: 0.3rem;
    font-size: 0.95rem;
    margin: 0.12rem 0;
}

.meta-label {
    font-weight: 600;
}

.meta-value {
    color: #444;
}

/* Linkek (Weboldal stb.) */
.author-links {
    margin-top: 0.8rem;
    text-align: center;              /* 💡 Középre vele */
    font-size: 0.95rem;
}

.author-links a {
    color: #0a69b8;
    text-decoration: none;
}

.author-links a:hover {
    text-decoration: underline;
}

/* ----------------------
   LEGUTÓBBI MŰVEK
---------------------- */

.author-works-card h2 {
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
}

/* MINDIG 1 oszlop – egymás alatt! */
.author-works-card .works-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 1.2rem;
}

/* ----------------------
   BEMUTATKOZÁS
---------------------- */

.author-bio-card p {
    margin: 0 0 0.5rem;
    line-height: 1.5;
}

.author-bio-card a {
    color: #0a69b8;
}

/* ----------------------
   AJÁNLÓ VERSEK DOBOZ
---------------------- */

.ajanlo-versek-blokk {
    margin-top: 2rem;
}

.ajanlo-versek-blokk h3 {
    margin-bottom: 0.4rem;
    font-size: 1.25rem;
}

.ajanlo-versek-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ajanlo-versek-link {
    display: block;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none;
    background: #fafafa;
    color: #333;
}

@media (min-width: 769px) {
    .ajanlo-versek-link {
        background: linear-gradient(90deg, #eaf8ff, #f0f1ff);
        border: 1px solid rgba(90,120,190,0.15);
        transition: 0.25s;
    }
    .ajanlo-versek-link:hover {
        background: linear-gradient(90deg, #d8f1ff, #e7daff);
        transform: translateX(4px);
    }
}

/* ----------------------
   LAYOUT
---------------------- */

.profile-layout {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) minmax(260px, 320px);
    gap: 24px;
    align-items: start;
}

/* Mindig felül induljon minden oszlop */
.profile-left,
.center-column,
.sidebar {
    align-self: start;
}

/* Középső oszlop felső margó fix */
.center-column .muza-card:first-child {
    margin-top: 0;
}

@media (max-width: 1000px) {
    .profile-layout {
        grid-template-columns: 1fr;
    }
}

.badge-kiemelt-mini {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    font-size: 0.75rem;
    border-radius: 6px;
    background: #003f7f; /* Sötétkék */
    color: #ffffff;
    font-weight: 600;
}

/* === MOBILOS KÖZÉPRESZEDÉS A SZERZŐI PROFILNÁL === */
@media (max-width: 768px) {

    /* Profilkártya: egymás alá, középre igazítva */
    .author-profile-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Profilkép középre, alatta kis térköz */
    .author-avatar {
        margin: 0 auto 0.8rem;
    }

    /* Név, infók középre */
    .author-main {
        text-align: center;
    }

    /* A sorok is középre húzva (Kor, Neme, Lakhely, stb.) */
    .author-meta {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .meta-row {
        justify-content: center;
    }

    /* Kis plusz térköz a profilkártya és a "Legutóbbi alkotásai" között */
    .profile-left .author-works-card {
        margin-top: 1.6rem;
    }
}

/* ============================
   Szerző oldal – ha NINCS sidebar
   ============================ */

/* Itt biztosra megyünk: ráerőltetjük a layoutot */
.profile-layout.no-sidebar {
    display: flex !important;
    align-items: flex-start;
    gap: 24px;
}

/* Bal hasáb marad viszonylag keskeny */
.profile-layout.no-sidebar .profile-left {
    flex: 0 0 260px;
    max-width: 300px;
}

/* Középső hasáb kapjon nagyobb teret */
.profile-layout.no-sidebar .center-column {
    flex: 1 1 auto;
    max-width: 980px;         /* ITT tudsz állítani: 900–1000px körül szép */
    margin: 0 auto;
}

/* Mobilon maradjon egymás alatt minden */
@media (max-width: 900px) {
    .profile-layout.no-sidebar {
        flex-direction: column;
    }

    .profile-layout.no-sidebar .profile-left,
    .profile-layout.no-sidebar .center-column {
        max-width: 100% !important;
        flex: 1 1 100%;
    }
}


/* ===== Jelvények – Nap verse / Kiemelt ===== */

/* Alap jelvény forma */
.badge,
.badge-kiemelt-mini {
    display: inline-block;
    padding: 4px 10px;
    margin-left: 6px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

/* === NAP VERSE – ugyanazok a színek, mint a verskártyáknál === */
.badge.day {
    background: #ffcc00;   /* ugyanaz, mint: .vers-kartya.nap-verse border */
    color: #333;           /* jól olvasható */
    border: 1px solid #e0b300;
}

/* === KIEMELT VERSEK – harmonizál a kék tematikával === */
.badge-kiemelt-mini {
    background: #3399ff;   /* ugyanaz a kék, mint a kiemelt kártyáknál */
    color: #fff;
    border: 1px solid #1a78d7;
}

/* Mobil finomhangolás */
@media (max-width: 480px) {
    .badge,
    .badge-kiemelt-mini {
        padding: 3px 8px;
        font-size: 0.74rem;
        margin-top: 2px;    /* ha szűk a hely, szépen leugrik */
    }
}