/* ════════════════════════════════════════════════════════
   PARTNER PORTFOLIO — style.css
   Golden Obsession Palette · Light Theme
   ════════════════════════════════════════════════════════ */

body {
    background-color: #FFFFFF;
    color: #1C1A17;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.gold-gradient-text {
    background: linear-gradient(to right, #B87333, #D4AF37, #B87333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#hero-canvas {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.55;
}
.hero-content { position: relative; z-index: 10; }

.floating-action { transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.floating-action:hover { transform: translateY(-5px) scale(1.1); }

::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: #F8F6F0; }
::-webkit-scrollbar-thumb { background: #D4AF37; border-radius: 4px; }

/* Suite Accordion */
.suite-card-box {
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    padding: 0.25rem;
    box-shadow: 0 20px 40px -15px rgba(28, 26, 23, 0.05);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}
.suite-card-box:hover { box-shadow: 0 0 25px rgba(212, 175, 55, 0.2); }

.suite-header-trigger {
    width: 100%;
    cursor: pointer;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.75rem 1.5rem;
    border-radius: 1.25rem;
    background-color: #F8F6F0;
    border: 1px solid rgba(212, 175, 55, 0.25);
    position: relative;
    z-index: 2;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.suite-header-trigger:hover {
    background-color: #F3EFE6;
    border-color: rgba(212, 175, 55, 0.5);
}

.suite-chevron {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #B87333;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.suite-card-box[aria-expanded="true"] .suite-chevron { transform: rotate(180deg); }

.suite-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: max-height 0.45s ease-in-out,
                opacity 0.45s ease-in-out,
                transform 0.45s ease-in-out,
                padding 0.45s ease-in-out;
    padding: 0 0.75rem;
    position: relative;
    z-index: 1;
}
.suite-panel.open {
    max-height: 800px;
    opacity: 1;
    transform: translateY(0);
    padding: 1rem 0.75rem 0.75rem 0.75rem;
}

.service-price-box { transition: transform 0.28s ease, box-shadow 0.28s ease; }
.service-price-box:hover, .service-price-box:active {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px -6px rgba(28,26,23,0.12), 0 0 0 1px rgba(212,175,55,0.2);
}