/*
Theme Name: Mancasz Advocacia
Theme URI: https://www.seusite.com.br
Author: Seu Nome
Author URI: https://www.seu-site.com
Description: Um tema responsivo para WordPress baseado no design de Mancasz Advocacia.
Version: 1.0
Text Domain: mancasz-advocacia

Tags: custom-background, custom-header, custom-logo, post-formats, theme-options, translation-ready, one-column, two-columns, flexible-header, footer-widgets, full-width-template
*/

/*
Aqui vai todo o CSS do seu index.html, a partir de :root{...}
Copie e cole a seção <style> do seu arquivo original.
*/
:root{
  --brand-dark:#505953;   /* verde-chumbo da marca */
  --gold:#c9a04e;         /* dourado Mancasz */
  --beige:#f3e7d8;        /* bege de fundo */
  --muted:#8c836f;        /* cinza texto suave */
  --border:#eadfcd;       /* bordas leves */
}
*{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#222}

/* Topbar */
.topbar{background:var(--brand-dark);color:#efe7d5;font-size:.9rem}
.topbar a{color:#efe7d5;text-decoration:none}

/* Navbar */
.navbar{background:var(--brand-dark);}
.navbar .navbar-brand, .navbar .nav-link{color:#fff !important}
.navbar .nav-link{opacity:.9}
.navbar .nav-link:hover{opacity:1}

/* Hero */
.hero{position:relative;color:#fff;background:#0d1117}
.hero-slide {
  position: relative;
  min-height: 40vh; /* ou 45vh, 60vh – você pode ajustar */
  display: flex;
  align-items: center;
}

.hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75) 0, rgba(0,0,0,.55) 45%, rgba(0,0,0,.25) 70%, rgba(0,0,0,.25) 100%)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05)}
.btn-gold{background:var(--gold);border:none;color:#111}
.btn-gold:hover{filter:brightness(.95);color:#111}

/* Feature strip */
.features-strip{background:var(--brand-dark);color:#e5e7eb}
.feature-card{border-right:1px solid rgba(255,255,255,.08)}
.feature-card:last-child{border-right:none}

.section-title{font-weight:800;letter-spacing:-.2px}

/* Cards */
.card-edge{border:1px solid var(--border);border-radius:14px;transition:all .25s}
.card-edge:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}

/* Counters */
.stat{background:#fff;border:1px solid var(--border);border-radius:14px}

/* Testimonials */
.quote-card{background:var(--brand-dark);color:#e5e7eb;border:none;border-radius:14px}

/* CTA bar */
.cta-bar{background:linear-gradient(90deg,#505953,#6a746f);color:#fff}

/* Footer */
.footer{background:var(--brand-dark);color:#e7dcc9}
.footer a{color:#f0e6d4;text-decoration:none}
.footer a:hover{text-decoration:underline}

.floating-whatsapp {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* MODIFICAÇÕES PARA AS SETAS DOS DEPOIMENTOS
  Estas regras de CSS foram adicionadas para garantir que as setas
  do carrossel não fiquem sobrepostas ao texto do depoimento.
*/
.quote-card {
    min-height: 250px; /* Garante uma altura mínima para o card */
    display: flex;
    align-items: center; /* Centraliza o conteúdo verticalmente */
}

/* Ajusta o posicionamento das setas para ficarem nas laterais */
#testi {
    position: relative;
}

#testi .carousel-control-prev,
#testi .carousel-control-next {
    width: 50px; /* Define uma largura fixa para a área de clique */
    opacity: .5; /* Deixa as setas mais transparentes */
    transition: opacity .3s;
}

#testi .carousel-control-prev:hover,
#testi .carousel-control-next:hover {
    opacity: 1; /* Aumenta a opacidade ao passar o mouse */
}

/* Garante que o conteúdo do depoimento se alinhe corretamente */
.quote-card .row {
    flex-grow: 1; /* Faz com que a linha ocupe o espaço disponível */
}

.quote-card .col-md-10 {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza o texto verticalmente */
}

.wp-post-image {
  object-fit: contain;
  width: 30%;
  height: 30px; /* ou ajuste conforme o card */
  background: #f8f8f8; /* fundo neutro */
  padding: 10px;
}