/*
Theme Name: RIBEN Saúde
Theme URI: https://www.ribensaude.com.br/
Author: RIBEN Saúde
Description: Site institucional multi-página da RIBEN Saúde (Niterói/RJ) — consultas, exames, avaliações preventivas, blog e contato. Implementa o handoff v2 do Claude Design com SEO local (titles/metas/H1, JSON-LD MedicalClinic/FAQPage/BreadcrumbList) e agendamento por WhatsApp.
Version: 2.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: riben-saude
*/

:root {
	--green-900:#16391c; --green-800:#1e4c26; --green-700:#2a5e33;
	--orange-600:#d96e0f; --orange-500:#ef7e18; --orange-100:#fce6cc;
	--cream-100:#fffdee; --cream-200:#faf3d9; --cream-300:#f3e9c9; --chip-green:#eaf0e4;
	--neutral-900:#23291f; --neutral-700:#52584c; --neutral-400:#9a9c8d;
	--neutral-200:#e4e2d2; --neutral-100:#f1efe3;
	--font-display:'Poppins','Segoe UI',sans-serif;
	--font-body:'Mulish','Segoe UI',sans-serif;
}

body{margin:0;background:var(--cream-100);font-family:var(--font-body);color:var(--neutral-900)}
html{scroll-behavior:smooth}
a{color:var(--green-800);text-decoration:none}
a:hover{color:var(--orange-500)}
img{max-width:100%}
*{box-sizing:border-box}

/* ---- Nav ---- */
.riben-navlink{color:var(--green-800);font-weight:700;font-size:14px}
.riben-navlink:hover{color:var(--orange-500)}
.riben-navlink--active{color:var(--orange-500)!important}
.riben-nav-desktop{display:flex;flex-wrap:wrap}
.riben-nav-desktop-cta{display:inline-flex}
.riben-nav-burger{display:none}
.riben-mobile-link:hover{color:var(--orange-500)}

/* below 1080px the inline nav collapses to a hamburger + side panel */
@media (max-width:1080px){
	.riben-nav-desktop,.riben-nav-desktop-cta{display:none!important}
	.riben-nav-burger{display:flex!important}
}

/* ---- Buttons / pills ---- */
.riben-btn-orange{background:var(--orange-500);color:var(--cream-100)!important;transition:background .2s}
.riben-btn-orange:hover{background:var(--orange-600);color:var(--cream-100)!important}
.riben-btn-green{background:var(--green-800);color:var(--cream-100)!important;transition:background .2s}
.riben-btn-green:hover{background:var(--green-700);color:var(--cream-100)!important}
.riben-btn-outline-green{background:transparent;color:var(--green-800)!important;border:2px solid var(--green-800);transition:all .2s}
.riben-btn-outline-green:hover{background:var(--green-800);color:var(--cream-100)!important}

.riben-link-orange{color:var(--orange-500)!important;font-weight:700}
.riben-link-orange:hover{color:var(--orange-600)!important}
.riben-link-green{color:var(--green-800)!important;font-weight:700}
.riben-link-green:hover{color:var(--orange-500)!important}

.riben-footer-link{color:#cfd9cf!important}
.riben-footer-link:hover{color:var(--orange-500)!important}

/* ---- Cards / tiles ---- */
.riben-card-hover{transition:box-shadow .2s}
.riben-card-hover:hover{box-shadow:0 8px 24px rgba(30,76,38,.10)}
.riben-tile-hover{transition:transform .15s,box-shadow .2s}
.riben-tile-hover:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,76,38,.10)}

/* ---- Category chips + search (Consultas/Exames/Blog) ---- */
.riben-chip{border:2px solid var(--neutral-200);background:transparent;color:var(--green-800);border-radius:999px;padding:9px 20px;font-family:var(--font-body);font-weight:700;font-size:14px;cursor:pointer;transition:all .15s}
.riben-chip--active{border-color:var(--green-800);background:var(--green-800);color:var(--cream-100)}
.riben-search-wrap{transition:border-color .15s}
.riben-search-wrap:focus-within{border-color:var(--orange-500)}

/* ---- FAQ accordion ---- */
.riben-faq-q{transition:color .15s}
.riben-faq-q:hover{color:var(--orange-500)}

/* ---- BookingCard ---- */
.riben-bc-tab{flex:1;border:none;cursor:pointer;border-radius:999px;padding:9px 0;font-family:var(--font-body);font-weight:700;font-size:14px;background:transparent;color:var(--neutral-700);transition:all .2s}
.riben-bc-tab--active{background:var(--green-800);color:var(--cream-100)}
.riben-bc-suggestion{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;cursor:pointer;padding:11px 14px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--green-800);text-align:left}
.riben-bc-suggestion:hover{background:var(--cream-200)}
.riben-bc-chip{border:1px solid var(--neutral-200);background:#fff;border-radius:999px;padding:6px 13px;font-family:var(--font-body);font-size:12.5px;font-weight:700;color:var(--neutral-700);cursor:pointer;transition:all .15s}
.riben-bc-chip:hover{border-color:var(--orange-500);color:var(--orange-500)}

/* ---- A Clínica: gallery hover + lightbox ---- */
.riben-gallery figure img{transition:transform .3s}
.riben-gallery figure:hover img{transform:scale(1.04)}
.riben-lightbox{position:fixed;inset:0;background:rgba(22,57,28,.92);z-index:300;display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:32px}
.riben-lightbox.is-open{display:flex}

/* ---- responsive: collapse multi-col grids to 1 col on small screens ---- */
@media (max-width:900px){
	.riben-grid-2,.riben-grid-3,.riben-grid-4{grid-template-columns:1fr!important}
}

/* ---- destaques strip (home): bloco centralizado, icones alinhados entre si no mobile ---- */
@media (max-width:640px){
	.riben-stat-item{justify-content:flex-start!important;width:270px!important;max-width:100%;margin-left:auto!important;margin-right:auto!important}
}