﻿/* ============================================
   Litethemmabibliotek — Startsida Modern
   Hero + knappar + nyhetsbrev
   ============================================ */

/* ── HERO ── */

/* Subtilt prickigt mönster i bakgrunden */
.kb-row-layout-id29_ee6ea6-0d {
    position: relative;
    overflow: hidden;
    padding-bottom: 5rem !important;
}

.kb-row-layout-id29_ee6ea6-0d::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,0.12) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: 0;
}

/* Dekorativa cirklar uppe till höger */
.kb-row-layout-id29_ee6ea6-0d::after {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
    box-shadow:
        0 0 0 40px rgba(255,255,255,0.035),
        0 0 0 80px rgba(255,255,255,0.025),
        0 0 0 120px rgba(255,255,255,0.015);
    pointer-events: none;
    z-index: 0;
}

/* Diagonalt snitt i botten */
.kb-row-layout-id29_ee6ea6-0d .kt-row-column-wrap {
    position: relative;
    z-index: 1;
}

.kb-row-layout-id29_ee6ea6-0d .wp-block-kadence-column::after {
    content: '';
    position: absolute;
    bottom: -5rem;
    left: 0;
    right: 0;
    height: 80px;
    background: #faf9f6;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    z-index: 2;
}

/* Hero-innehåll ovanför pseudo-element */
.kb-row-layout-id29_ee6ea6-0d .kt-inside-inner-col {
    position: relative;
    z-index: 3;
}

/* ── HERO RUBRIK ── */
.kb-row-layout-id29_ee6ea6-0d h2.wp-block-heading {
    font-size: clamp(2rem, 5vw, 3.2rem) !important;
    letter-spacing: -0.02em;
    line-height: 1.15 !important;
    animation: hlbFadeUp 0.7s ease both;
}

/* ── HERO BRÖDTEXT ── */
.kb-row-layout-id29_ee6ea6-0d p {
    animation: hlbFadeUp 0.7s 0.15s ease both;
    font-size: 1.05rem !important;
    opacity: 0.92;
}

/* ── HERO KNAPPAR ── */
.kb-row-layout-id29_ee6ea6-0d .kb-buttons-wrap {
    animation: hlbFadeUp 0.7s 0.3s ease both;
    gap: 0.75rem !important;
}

.kb-row-layout-id29_ee6ea6-0d .kt-button {
    border-radius: 50px !important;
    padding: 0.65rem 2rem !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.04em !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.kb-row-layout-id29_ee6ea6-0d .kt-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
}

/* ── ANIMATION ── */
@keyframes hlbFadeUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── "SENASTE RECENSIONERNA" ── */
.hlb-reviews-grid {
    margin-top: 0.5rem !important;
}

/* Kortens hover – mjukare och mer lyft */
.book-review-wrapper:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(45,107,45,0.12) !important;
}

/* ── NYHETSBREV ── */

/* Form-container — ingen egen styling, låt bakgrunden flöda */
.kb-row-layout-id29_869ab1-be {
    background: transparent !important;
    padding: 0 1.5rem 1.5rem !important;
}

/* E-postfält */
#field769f0e47-db {
    border-radius: 50px 0 0 50px !important;
    border: none !important;
    padding: 0.75rem 1.25rem !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9rem !important;
    background: #fff !important;
    color: #2c2c2c !important;
}

#field769f0e47-db:focus {
    outline: none !important;
    box-shadow: inset 0 0 0 2px #2d6b2d !important;
}

/* Prenumerera-knapp */
.kb-adv-form-submit-button {
    border-radius: 0 50px 50px 0 !important;
    transition: filter 0.2s ease !important;
    font-family: 'Lato', sans-serif !important;
    letter-spacing: 0.04em !important;
}

.kb-adv-form-submit-button:hover {
    filter: brightness(1.1) !important;
}

/* Nyhetsbrev-rubrik */
.has-theme-palette-3-background-color.has-theme-palette-9-color {
    letter-spacing: 0.01em;
    font-size: 1.05rem !important;
}