/* =========================================================
   ROYALTYSHELF GOLD THEME
   Loaded last. Sets the alternating light/dark section
   backgrounds and the gold accents for the whole page.
   The header (.welcome-section) and the 30-day guarantee
   (.money-section) keep their own backgrounds.
========================================================= */
:root {
    --rs-gold-1: #fff1bf;
    --rs-gold-2: #ffd056;
    --rs-gold-3: #f0a020;
    --rs-gold-4: #b8740c;
    --rs-gold-ink: #2a1a00;
    --rs-gold-bright: linear-gradient(92deg, #fff1bf 0%, #ffd056 40%, #f0a020 100%);
    --rs-gold-deep: linear-gradient(92deg, #d4931a 0%, #b8740c 55%, #8a5506 100%);
    --rs-light-wash: linear-gradient(180deg, rgba(255, 249, 236, .55), rgba(255, 246, 228, .35));
}

/* ---------- Light sections (alternating images) ---------- */
body .rs-case,
body .rs-demo,
body .intro-section,
body .morning26-section {
    background: var(--rs-light-wash), url("../images/turth-section1.png") center top / cover no-repeat, #fffaf1 !important;
}

body .rs-teach,
body .rs-trap,
body .inside26-section,
body .warn26-section {
    background: var(--rs-light-wash), url("../images/success-section.png") center / cover no-repeat, #fffaf1 !important;
}

body .rs-steps,
body .rs-math,
body .cmp26-section,
body .success-section {
    background: var(--rs-light-wash), url("../images/strugle-section.png") center / cover no-repeat, #fffaf1 !important;
}

/* ---------- Dark sections (alternating images) ---------- */
/* The top ~18% of the image width holds old video thumbnails and a white
   curve, so the image is shifted up past that band and a gold glow
   replaces the warm light it used to give. */
body .rs-shift,
body #whop-video-reviews,
body .rs-idea,
body .best26-section,
body .wif26-section.wif26-dark,
body .choice26-section {
    background:
        radial-gradient(ellipse 70% 220px at 50% 0%, rgba(240, 160, 32, .32), transparent 75%),
        url("../images/sec-2.png") center top / 100% auto no-repeat,
        #000 !important;
}

body .rs-royal,
body .rs-stats,
body .desk26-section,
body .ways26-section,
body .stack26-section,
body .faq-section {
    /* background:
        radial-gradient(ellipse 70% 220px at 50% 0%, rgba(240, 160, 32, .32), transparent 75%),
        url("../images/seeing-section.png") center top / 100% auto no-repeat,
        #000 !important; */


        background: radial-gradient(ellipse 70% 220px at 50% 0%, rgba(185, 122, 16, 0), transparent 75%), url("../images/seeing-section.png") center top / 100% auto no-repeat, #000 !important;
}

/* Gold hairline at the top of every themed section */
.rs-case, .rs-teach, .rs-steps, .rs-demo, .rs-trap, .rs-math, .intro-section, .inside26-section,
.cmp26-section, .morning26-section, .warn26-section, .success-section,
.rs-shift, #whop-video-reviews, .rs-idea, .best26-section, .wif26-section, .choice26-section,
.rs-royal, .rs-stats, .desk26-section, .ways26-section, .stack26-section, .faq-section {
    position: relative;
    /* border-top: 1px solid rgba(240, 160, 32, .35); */
}

/* Old decorative overlays that fight the new backgrounds */
.rs-shift::before,
.rs-teach::before {
    display: none;
}

/* ---------- Light-designed sections now on dark ---------- */

/* Video reviews */
#whop-video-reviews .whev26-heading.rs-rev-title { color: #fff; }
#whop-video-reviews .whev26-description.rs-rev-sub { color: rgba(255, 255, 255, .78); }
#whop-video-reviews .rs-rev-hand { color: var(--rs-gold-2); }

/* Who we are */
.desk26-section .desk26-heading h2 { color: #fff; }
.desk26-section .rs-rev-hand { color: var(--rs-gold-2); }
.desk26-section .desk26-frame { box-shadow: 0 30px 70px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 208, 86, .3); }

/* Best part */
.best26-section .best26-heading h2 { color: #fff; }
.best26-section .best26-kicker { color: var(--rs-gold-2); background: rgba(255, 208, 86, .1); }
.best26-section .best26-item { box-shadow: 0 18px 40px rgba(0, 0, 0, .45); }

/* Value stack */
.stack26-section .stack26-heading h2 { color: #fff; }
.stack26-section .stack26-kicker { color: var(--rs-gold-2); }
.stack26-section .stack26-kicker::after { background: rgba(255, 208, 86, .5); }
.stack26-section .stack26-card { box-shadow: 0 34px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 208, 86, .35); }
.stack26-section .stack26-card-head { background: linear-gradient(120deg, #3a2608, #1a1208 70%); border-bottom: 1px solid rgba(255, 208, 86, .4); }
.stack26-section .stack26-head-text { color: var(--rs-gold-1); }

/* FAQ: dark glass cards with gold accents */
#whop-faq.faq-section::before { display: none; }
#whop-faq .faq-title { background: transparent; }
#whop-faq .faq-title span {
    background: var(--rs-gold-bright);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#whop-faq .faq-title span::after { background-image: linear-gradient(90deg, #ffd056, #f0a020); }
#whop-faq .faq-white { background: transparent; box-shadow: none; }

#whop-faq .faq-wrap {
    background: linear-gradient(170deg, rgba(30, 24, 14, .96), rgba(14, 11, 7, .96));
    border: 1px solid rgba(255, 208, 86, .22);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45);
}

#whop-faq .faq-wrap:hover,
#whop-faq .faq-wrap.is-open {
    border-color: rgba(255, 208, 86, .6);
    box-shadow: 0 20px 44px rgba(0, 0, 0, .55), 0 0 40px rgba(240, 160, 32, .12);
}

#whop-faq .faq-wrap .question:first-child,
#whop-faq .faq-wrap .question:first-child > div:last-child { color: #fff; }

#whop-faq .faq-wrap .question:first-child:hover,
#whop-faq .faq-wrap .question:first-child:focus { background: rgba(255, 208, 86, .06); }

#whop-faq .question .que {
    background-image: linear-gradient(110deg, #fff1bf, #ffd056 45%, #f0a020);
    color: var(--rs-gold-ink);
    box-shadow: 0 6px 16px rgba(240, 160, 32, .3);
}

#whop-faq .question .ans {
    background: transparent;
    border-color: rgba(255, 208, 86, .55);
    color: var(--rs-gold-2);
}

#whop-faq .faq-wrap .question:first-child::after {
    border-color: rgba(255, 208, 86, .7);
    background: transparent;
    color: var(--rs-gold-2);
}

#whop-faq .faq-wrap.is-open .question:first-child::after {
    background-image: linear-gradient(110deg, #ffd056, #f0a020);
    color: var(--rs-gold-ink);
}

#whop-faq .faq-wrap .question:nth-child(2) {
    background: rgba(255, 255, 255, .02);
    border-top-color: rgba(255, 208, 86, .15);
}

#whop-faq .faq-wrap .question:nth-child(2) > div:last-child { color: rgba(255, 255, 255, .78); }
#whop-faq .faq-wrap .question:nth-child(2) > div:last-child::first-letter { color: var(--rs-gold-2); }

/* ---------- Bright gold highlights on dark backgrounds ---------- */
.desk26-heading h2 span,
.best26-heading h2 span,
.stack26-heading h2 span,
#ways26-title span,
.wif26-title span,
.choice26-title span,
#whop-video-reviews .whev26-bottom h3 span,
#whop-video-reviews .rs-steps-serif,
.gumhero26-gradient,
.whop26-heading-gradient {
    background: var(--rs-gold-bright) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: var(--rs-gold-2) !important;
}

/* Underline decorations under those spans read as a gold line on dark */
.desk26-heading h2 span::after { background: rgba(255, 208, 86, .25); }

/* ---------- Gold on light backgrounds: deeper so it stays readable ---------- */
.rs-steps-serif,
.rs-teach-ink,
.rs-shelf-text span,
.rs-math-doors span,
.inside26-heading span,
.cmp26-grad,
#morning26-title span,
.warn26-heading h2 span,
.warn26-sub span,
.warn26-stopping h3 span,
.see26-title span {
    background: var(--rs-gold-deep) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.rs-intro-hl,
.rs-teach-now,
.rs-trap-answer,
.rs-case-punch {
    background: linear-gradient(110deg, #1d1508, #3a2608) !important;
}

.rs-intro-hl { color: var(--rs-gold-2) !important; }

/* Handwritten kickers and eyebrows in gold */
.rs-rev-hand { color: #c98a12; }
.rs-sec-eyebrow { color: #8a5506; border-color: rgba(240, 160, 32, .45); }

/* ---------- Buttons: bright gold, dark ink ---------- */
.whep26-buy-button,
.stack26-buy,
.rs-steps-btn,
#whop-video-reviews .whev26-cta {
    color: var(--rs-gold-ink) !important;
    background: linear-gradient(100deg, #fff1bf 0%, #ffd056 40%, #f0a020 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 6px 0 #b8740c, 0 18px 36px rgba(240, 160, 32, .35) !important;
}

.whep26-buy-button i,
.whep26-buy-button span,
.stack26-buy i,
.stack26-buy span,
.rs-steps-btn i,
.rs-steps-btn span {
    color: var(--rs-gold-ink) !important;
}

.whep26-buy-button:hover,
.stack26-buy:hover,
.rs-steps-btn:hover {
    color: var(--rs-gold-ink) !important;
    filter: brightness(1.05);
    transform: translateY(2px);
    box-shadow: 0 4px 0 #b8740c, 0 12px 26px rgba(240, 160, 32, .35) !important;
}

/* Icon tiles: gold with dark ink */
.best26-icon,
.stack26-gift,
.rs-flow-node,
.rs-teach-note-icon,
.rs-demo-flow li i,
.rs-math-extras li span,
.rs-stat-icon {
    color: var(--rs-gold-ink) !important;
    background: linear-gradient(135deg, #fff1bf, #ffd056 45%, #f0a020) !important;
}

.rs-flow-node {
    box-shadow: 0 0 0 8px #fffaf1, 0 0 0 9px rgba(240, 160, 32, .45), 0 14px 30px rgba(240, 160, 32, .35) !important;
}

/* Staircase bars in gold tones */
.rs-stair-block { background: linear-gradient(180deg, #ffd056, #f0a020) !important; color: rgba(42, 26, 0, .8) !important; }
.rs-stair-block strong { color: var(--rs-gold-ink) !important; }
.rs-stair-step:nth-child(2) .rs-stair-block { background: linear-gradient(180deg, #f5b83a, #d4931a) !important; }
.rs-stair-step:nth-child(3) .rs-stair-block { background: linear-gradient(180deg, #d4931a, #a8690a) !important; color: rgba(255, 255, 255, .85) !important; }
.rs-stair-step:nth-child(3) .rs-stair-block strong { color: #fff !important; }
.rs-stair-step-top .rs-stair-amount {
    background: var(--rs-gold-deep) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

@media (max-width: 767px) {
    body .rs-shift, body #whop-video-reviews, body .rs-idea, body .best26-section,
    body .wif26-section.wif26-dark, body .choice26-section, body .rs-royal, body .rs-stats,
    body .desk26-section, body .ways26-section, body .stack26-section, body .faq-section {
        background-size: auto, 160% auto !important;
        background-position: 50% 0, center top !important;
    }
}

/* FAQ takes the dark image from the bottom instead of the top */
body #whop-faq.faq-section {
    background:
        radial-gradient(ellipse 70% 220px at 50% 0%, rgba(240, 160, 32, .25), transparent 75%),
        url("../images/seeing-section.png") center bottom / 100% auto no-repeat,
        #000 !important;
}

@media (max-width: 767px) {
    body #whop-faq.faq-section {
        background-size: auto, 160% auto !important;
        background-position: 50% 0, center bottom !important;
    }
}