/* ==========================================================
   LUNARIA AUTHOR BANNER 350px
========================================================== */


.lunaria-author-banner {

    position: relative;

    width: 100%;

    max-width: 350px;

    margin: 25px auto;

    padding: 28px 20px;

    overflow: hidden;

    border-radius: 22px;

    background-image:
        url("https://tarot-lunaria.ru/wp-content/uploads/2026/07/generated-image-16.jpg");

    background-size: cover;

    background-position: center;

    color:#fff;

    box-sizing:border-box;

}



/* затемнение фона */

.lunaria-overlay {

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(20,10,35,.88),
            rgba(45,22,70,.75)
        );

}



/* контент */

.lunaria-author-content {

    position:relative;

    z-index:2;

}



/* верхняя подпись */

.lunaria-subtitle {

    display:inline-block;

    margin-bottom:14px;

    padding:6px 12px;

    border-radius:30px;

    background:rgba(212,175,55,.18);

    border:1px solid rgba(212,175,55,.45);

    color:#e4c45d;

    font-size:11px;

    line-height:1.3;

    letter-spacing:.08em;

    text-transform:uppercase;

}



/* заголовок */

.lunaria-author-content h2 {

    margin:0 0 15px;

    color:#fff;

    font-size:24px;

    line-height:1.25;

    font-weight:700;

}



/* основной текст */

.lunaria-text {

    margin:0 0 18px;

    color:rgba(255,255,255,.92);

    font-size:14px;

    line-height:1.55;

}



/* список */

.lunaria-list {

    margin:0 0 22px;

    padding:0;

    list-style:none;

}



.lunaria-list li {

    position:relative;

    padding-left:24px;

    margin-bottom:10px;

    font-size:14px;

    line-height:1.45;

}



.lunaria-list li:before {

    content:"✦";

    position:absolute;

    left:0;

    top:0;

    color:#d4af37;

    font-size:14px;

}



/* кнопки */

.lunaria-buttons {

    display:flex;

    flex-direction:column;

    gap:12px;

}



/* главная кнопка */

.lunaria-btn-primary {

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:46px;

    border-radius:50px;

    background:

        linear-gradient(
            180deg,
            #f6da7b,
            #c6972d
        );

    color:#29143f !important;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    box-shadow:

        0 8px 20px rgba(0,0,0,.35),

        0 0 18px rgba(212,175,55,.45);

    transition:.3s;

}



.lunaria-btn-primary:hover {

    transform:translateY(-2px);

    color:#29143f !important;

}



/* VK Telegram */

.lunaria-btn-secondary {

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    min-height:42px;

    border-radius:50px;

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.35);

    color:#fff !important;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    backdrop-filter:blur(6px);

}



.lunaria-btn-secondary:hover {

    background:rgba(255,255,255,.18);

    color:#fff !important;

}



/* декоративные пятна */

.lunaria-author-banner:after {

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-90px;

    bottom:-90px;

    border-radius:50%;

    background:rgba(212,175,55,.12);

}



/* если виджет стоит в колонке */

@media(max-width:380px){

    .lunaria-author-banner {

        padding:24px 16px;

        border-radius:18px;

    }


    .lunaria-author-content h2 {

        font-size:22px;

    }


    .lunaria-text {

        font-size:13px;

    }


    .lunaria-list li {

        font-size:13px;

    }

}

/* =====================================================
   LUNARIA QUESTION BLOCK
   Блок "Есть вопросы о колодах?"
   ===================================================== */


.lunaria-question-widget {

    position: relative;

    width: 100%;

    max-width: 350px;

    box-sizing: border-box;

    padding: 24px 20px;

    overflow: hidden;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            #211338,
            #47216e
        );

    color:#fff;

    text-align:center;

    box-shadow:
        0 15px 35px rgba(0,0,0,.25);

}


/* декоративное свечение */

.lunaria-question-widget::before {

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-70px;
    top:-70px;

    border-radius:50%;

    background:
        rgba(255,255,255,.12);

}


.lunaria-question-widget::after {

    content:"";

    position:absolute;

    width:140px;
    height:140px;

    left:-50px;
    bottom:-60px;

    border-radius:50%;

    background:
        rgba(212,175,55,.18);

}


/* внутренний слой */

.lunaria-question-content {

    position:relative;

    z-index:2;

}


/* подпись */

.lunaria-question-label {

    display:inline-block;

    margin-bottom:12px;

    padding:5px 14px;

    border-radius:30px;

    background:
        rgba(255,255,255,.12);

    color:#fff;

    font-size:11px;

    letter-spacing:.12em;

    text-transform:uppercase;

}


/* заголовок */

.lunaria-question-widget h3 {

    margin:0 0 12px;

    color:#fff;

    font-size:22px;

    line-height:1.3;

    font-weight:700;

}


/* текст */

.lunaria-question-text {

    margin:0 0 20px;

    color:
        rgba(255,255,255,.9);

    font-size:14px;

    line-height:1.5;

}


/* кнопки */

.lunaria-question-buttons {

    display:flex;

    flex-direction:column;

    gap:12px;

}


/* общая кнопка */

.lunaria-question-btn {

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    padding:12px 20px;

    box-sizing:border-box;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    transition:.3s ease;

}


/* Telegram */

.lunaria-question-btn.telegram {

    background:
        linear-gradient(
            135deg,
            #55c9ff,
            #168ad6
        );

    color:#fff;

    box-shadow:
        0 8px 20px rgba(22,138,214,.35);

}


/* MAX */

.lunaria-question-btn.max {

    background:
        linear-gradient(
            135deg,
            #f7d774,
            #c99a32
        );

    color:#2b1748;

    box-shadow:
        0 8px 20px rgba(247,215,116,.35);

}


/* эффект */

.lunaria-question-btn:hover {

    transform:translateY(-2px);

    opacity:.95;

}



/* мобильный вид */

@media(max-width:650px){

    .lunaria-question-widget {

        max-width:100%;

        padding:22px 16px;

    }


    .lunaria-question-widget h3 {

        font-size:20px;

    }

}