/* Styles for Bruna Borges — Bootstrap-first, mobile-first, accessible, semantic */
:root{
  --sage: #B2BCB1;
  --light-gray: #D9DBDA;
  --steel: #9AABB5;
  --slate: #657791;
  --khaki: #CDCEC4;
}

/* Basic reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing:antialiased;
  color:#333;
}

/* Skip link */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.5rem 1rem;background:var(--light-gray);color:#111;border-radius:6px}

/* Navbar with custom gradient */
.navbar{background:linear-gradient(180deg,var(--light-gray),#f0f0ef)!important;border-bottom:1px solid var(--khaki)}

/* Hero section - photo container */
.hero-photo{background:linear-gradient(180deg,var(--light-gray),var(--khaki));border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-photo img{width:100%;height:auto;max-height:420px;object-fit:contain;display:block}

/* Services section */
.bg-services{background:linear-gradient(180deg,#eef0ef,#f4f5f3)}

/* About section - photo container */
.about-photo{background:linear-gradient(180deg,var(--steel),var(--sage));border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-photo img{width:100%;height:auto;max-height:320px;object-fit:contain;display:block}

/* FAQ section */
.bg-faq{background:linear-gradient(180deg,#f4f5f3,#eef0ef)}

/* Custom buttons matching palette */
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
  background-color:var(--slate)!important;border-color:var(--slate)!important;color:#fff!important;
}
.btn-primary:hover{filter:brightness(1.1)}
.btn-success,.btn-success:hover,.btn-success:focus,.btn-success:active{
  background-color:var(--slate)!important;border-color:var(--slate)!important;color:#fff!important;
}
.btn-success:hover{filter:brightness(1.1)}
.btn-outline-secondary{border-color:var(--steel)!important;color:var(--slate)!important}
.btn-outline-secondary:hover{background-color:var(--steel)!important;color:#fff!important}

/* Cards */
.card{border-radius:10px}
.card:hover{box-shadow:0 4px 16px rgba(101,119,145,0.15)}

/* Blog entry card thumbnail */
.blog-entry-image{
  width:100%;
  height:100%;
  min-height:220px;
  max-height:260px;
  object-fit:cover;
  display:block;
  border-radius:10px 0 0 10px;
}

@media (max-width: 767.98px){
  .blog-entry-image{
    border-radius:10px 10px 0 0;
    max-height:220px;
  }
}

/* Accordion styling */
.accordion-button:not(.collapsed){background-color:var(--light-gray);color:var(--slate)}
.accordion-button:focus{box-shadow:0 0 0 .25rem rgba(154,171,181,0.4)}

/* Headings accent */
h2{color:var(--slate)}

/* Footer */
.site-footer{background-color:var(--light-gray)!important;border-color:var(--khaki)!important}

/* Floating WhatsApp button */
.whatsapp-fab{position:fixed;right:1rem;bottom:1rem;z-index:1200;width:64px;height:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.12)}
.whatsapp-fab:focus{outline:3px solid rgba(101,119,145,0.4);outline-offset:2px}

/* Accessibility focus styles */
:focus{outline:3px solid var(--steel);outline-offset:3px}