/* =====================================================
   Porto Guide — Outono 🍂 Theme Override
   styles.css is imported by the HTML — do not reimport.
   Additive only: palette + decorations. Structure = default.html.
   ===================================================== */
:root {
    --se-primary: #d2691e;
    --se-primary-dark: #a0480f;
    --se-accent: #c19a6b;
    --se-accent2: #7b2d26;
    --se-bg-dark: #3a2418;
}

/* Particle canvas (created by scripts-outono.js) */
#season-fx {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.55;
}

/* Text/containers above the canvas, section backgrounds below */
.hero-content,
.container,
.section-title,
.section-subtitle,
.proof-item,
.final-cta > * {
    position: relative;
    z-index: 3;
}

/* Urgency bar */
.urgency-bar { background: linear-gradient(90deg,#d2691e,#a0480f 50%,#7b2d26); }

/* Hero badge pulse */
.hero-badge {
    background: var(--se-primary);
    animation: se-pulse 2.2s infinite;
}
@keyframes se-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0.25); }
    50%       { box-shadow: 0 0 0 14px rgba(0,0,0,0); }
}

/* Hero bottom decorative strip */
.hero { position: relative; z-index: 1; }
.hero::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 6px;
    background: repeating-linear-gradient(90deg,
        #d2691e 0px,#d2691e 16px,
        #e8a33d 16px,#e8a33d 32px,
        #7b2d26 32px,#7b2d26 48px,
        #a0480f 48px,#a0480f 64px,
        #c19a6b 64px,#c19a6b 80px);
    opacity: 0.9;
    z-index: 2;
}

/* CTAs */
.cta-btn { background: var(--se-primary); }
.cta-btn:hover { background: var(--se-primary-dark); box-shadow: 0 12px 35px rgba(0,0,0,0.28); }
.sticky-cta { background: var(--se-primary); }
.sticky-cta:hover { background: var(--se-primary-dark); }

/* Final CTA gradient */
.final-cta { background: linear-gradient(135deg,#3a2418 0%,#7b2d26 55%,#3a2418 100%); position: relative; overflow: hidden; }

/* Value stack total accent */
.stack-total { border-color: var(--se-primary); }
.stack-total .total-price { color: var(--se-primary-dark); }

/* Itinerary alt accent */
.itinerary-card.itinerary-alt { border-left: 3px solid var(--se-primary); }
.itinerary-alt-badge { background: rgba(0,0,0,0.05); color: var(--se-primary-dark); }

/* Sticky header accent */
.sticky-header { border-bottom: 2px solid #d2691e; }

/* Coupon code accent */
.coupon-code {
    color: var(--se-primary-dark);
    border-color: var(--se-primary);
    background: rgba(0,0,0,0.04);
}

/* Footer accent */
footer { border-top: 3px solid #d2691e; }

/* Overflow guard for decorative layers */
html, body { overflow-x: hidden !important; max-width: 100% !important; }