/* Bootstrap 5 Color Overrides */
:root {
    /* Primary color (lila) */
    --bs-primary: #a33b84;
    --bs-primary-rgb:163, 59, 132;
    --bs-primary-bg-subtle: #f5e6f0;
    --bs-primary-border-subtle: #e5c0da;
    --bs-primary-text-emphasis: #7a155c;

    --bs-link-color-rgb: 221, 116, 190;

    /* Secondary color (sötétkék) */
    --bs-secondary: #2d4a76;
    --bs-secondary-rgb: 45, 74, 118;
    --bs-secondary-bg-subtle: #e6eaf1;
    --bs-secondary-border-subtle: #b3c1d9;
    --bs-secondary-text-emphasis: #1a2d47;

    /* Success (zöld) */
    --bs-success: #28a745;
    --bs-success-rgb: 40, 167, 69;

    /* Info (kék) */
    --bs-info: #17a2b8;
    --bs-info-rgb: 23, 162, 184;

    /* Warning (sárga) */
    --bs-warning: #ff8c42;
    --bs-warning-rgb: 255, 140, 66;

    /* Danger (piros) */
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;

    /* Dark (sötét) */
    --bs-dark: #343a40;
    --bs-dark-rgb: 52, 58, 64;

    /* Light (világos) */
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;

    /* Body colors */
    --bs-body-color: #212529;
    --bs-body-bg: #fff;

    /* Link colors */
    --bs-link-color: #a33b84;
    --bs-link-hover-color: #7a155c;

    /* Border */
    --bs-border-color: #dee2e6;
    --bs-border-radius: 0.375rem;
}

/* Button overrides */
.btn-primary {
    --bs-btn-bg: #a33b84;
    --bs-btn-border-color: #a33b84;
    --bs-btn-hover-bg: #831b64;
    --bs-btn-hover-border-color: #831b64;
    --bs-btn-active-bg: #7a155c;
    --bs-btn-active-border-color: #7a155c;
}

.btn-secondary {
    --bs-btn-bg: #2d4a76;
    --bs-btn-border-color: #2d4a76;
    --bs-btn-hover-bg: #1a2d47;
    --bs-btn-hover-border-color: #1a2d47;
    --bs-btn-active-bg: #16253a;
    --bs-btn-active-border-color: #16253a;
}

/* Custom CTA button (narancssárga) */
.btn-cta {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff8c42;
    --bs-btn-border-color: #ff8c42;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e67a35;
    --bs-btn-hover-border-color: #e67a35;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc6f35;
    --bs-btn-active-border-color: #cc6f35;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff8c42;
    --bs-btn-disabled-border-color: #ff8c42;
}


/* Custom link styles */
.link-primary {
    color: #a33b84 !important;
}

.link-primary:hover {
    color: #7a155c !important;
}

.link-cta {
    color: #ff8c42 !important;
}

.link-cta:hover {
    color: #cc6f35 !important;
}

/* Custom list styles */

ol, ul {
    padding-left: 20px;
    margin-bottom: 0;
}

ol, ul.pro, ul.contra {
    padding-left: 0px;
}

ul.pro li, ul.contra li {
    list-style: none;
    padding-left: 30px;
    margin-left: 0;
    padding-bottom: 8px;
}

ul.pro li::before {
    content: "✓";
    color: #28a745;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -30px;
    position: absolute;
    font-size: 20px;
    line-height: 23px;
}

ul.contra li::before {
    content: "✗";
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -30px;
    position: absolute;
    font-size: 20px;
    line-height: 23px;
}


/* Psychic Intro Styling */
.psychic-intro {
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.psychic-intro img {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    border: 8px solid #f1ece2;
}

.psychic-intro .bi-quote {
    font-size: 280px; color: rgba(30, 50, 80, 0.7); right: 0px; bottom:-80px; z-index: 0;
}

/* Purple box hover effects */
.psychic-intro .rounded-3 {
    transition: all 0.3s ease;
}

.psychic-intro .rounded-3:hover {
    background: #831b64 !important;
    transform: scale(0.98);
}


header .header-bar {
    background: linear-gradient(to right, #c3479e 0%, #7a155c 100%);
    height: 10px;
}



/* Body background */
body {
    background: #ffffff;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Poppins', sans-serif;
}

div p:last-child, figure figcaption:last-child, ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.quote {
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--bs-primary);
    background: rgba(111, 66, 193, .06);
    border-radius: .5rem;
    margin: 0;
}