/* public/assets/app.css */
:root{
    --ri-bg: #F7F4EF;
    --ri-card: rgba(255,255,255,.86);
    --ri-stroke: rgba(0,0,0,.06);
    --ri-ink: #0A0A0A;
    --ri-sub: #5B5B5B;
    --ri-oak: #CBAA7E;
    --ri-oak2:#B8946B;
    --ri-blue:#2D5E9A;
}

.ri-bg{ background: radial-gradient(1200px 600px at 20% -10%, rgba(203,170,126,.35), transparent 60%),
radial-gradient(900px 500px at 80% 0%, rgba(45,94,154,.14), transparent 60%),
var(--ri-bg); }
.ri-text{ color: var(--ri-ink); }

.ri-logoWrap{
    border-radius: 16px;
    padding: 8px 10px;
}

.ri-navLink{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #18181b;
    transition: all .15s ease;
}
.ri-navLink:hover{ background: rgba(0,0,0,.04); }
.ri-navLinkActive{
    background: rgba(10,10,10,.92);
    color: #fff;
    box-shadow: 0 12px 35px rgba(0,0,0,.14);
}

.ri-card{
    background: var(--ri-card);
    border: 1px solid var(--ri-stroke);
    box-shadow: 0 18px 50px rgba(0,0,0,.08);
    border-radius: 24px;
}

.ri-hero{
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid var(--ri-stroke);
    background: #fff;
    box-shadow: 0 30px 80px rgba(0,0,0,.10);
}
.ri-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
            linear-gradient(90deg, rgba(247,244,239,.96) 0%, rgba(247,244,239,.72) 45%, rgba(247,244,239,.20) 70%, rgba(247,244,239,.10) 100%),
            url("/assets/brand/hero-kitchen.jpg");
    background-size: cover;
    background-position: center;
    filter: saturate(1.02) contrast(1.02);
}
.ri-hero > *{ position: relative; z-index: 1; }

.ri-input{
    width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.9);
    padding: 10px 12px;
    font-size: 14px;
    outline: none;
}
.ri-input:focus{
    border-color: rgba(45,94,154,.35);
    box-shadow: 0 0 0 4px rgba(45,94,154,.10);
}

.ri-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius: 14px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
    transition: all .15s ease;
}
.ri-btnPrimary{
    background: #0A0A0A;
    color:#fff;
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.ri-btnPrimary:hover{ background:#111; }
.ri-btnSoft{
    background: rgba(255,255,255,.92);
    color:#0A0A0A;
    border: 1px solid rgba(0,0,0,.10);
}
.ri-btnSoft:hover{ background: rgba(255,255,255,1); }

.ri-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(0,0,0,.07);
}

.ri-muted{ color: var(--ri-sub); }

@media (prefers-reduced-motion: reduce){
    *{ transition:none !important; scroll-behavior:auto !important; }
}
.d-none {
    display: none;
}