/* ======================================================================
   ESTILO ARIELLE — Integrações
   Formulários (Contact Form 7) + Área do Cliente (WP Customer Area)
   Carregado automaticamente pelo tema. Cores da marca aplicadas.
   ====================================================================== */

/* =========================================================
   1) FORMULÁRIOS — Contact Form 7
   ========================================================= */
.ea-form .field{ margin-bottom:20px; }
.ea-form label{
  display:block; font-family:'Jost',system-ui,sans-serif;
  font-size:.66rem; letter-spacing:.2em; text-transform:uppercase;
  color:#A6876C; margin-bottom:9px; font-weight:400;
}
.ea-form .wpcf7-form-control-wrap{ display:block; }
.ea-form input[type=text],
.ea-form input[type=email],
.ea-form input[type=tel],
.ea-form textarea{
  width:100%; padding:14px 16px; border:1px solid #E4D6C4; border-radius:3px;
  background:#FDF9F3; font-family:'Jost',system-ui,sans-serif; font-size:.92rem;
  color:#4A3D32; font-weight:300; transition:.25s; box-sizing:border-box;
}
.ea-form input:focus, .ea-form textarea:focus{ outline:none; border-color:#A6876C; background:#fff; }
.ea-form textarea{ resize:vertical; min-height:120px; }
.ea-form input[type=file]{
  font-family:'Jost',system-ui,sans-serif; font-size:.9rem; color:#4A3D32;
  padding:12px 14px; border:1px dashed #C4A88F; border-radius:4px;
  background:rgba(196,168,143,.06); width:100%; box-sizing:border-box;
}
.ea-form .wpcf7-list-item{ display:block; margin:8px 0; }
.ea-form .wpcf7-list-item label{
  display:flex; align-items:center; gap:9px; text-transform:none;
  letter-spacing:0; font-size:.95rem; color:#4A3D32; margin:0; font-weight:300;
}
.ea-form .btn,
.ea-form input[type=submit]{
  font-family:'Jost',system-ui,sans-serif; font-size:.76rem; letter-spacing:.2em;
  text-transform:uppercase; padding:16px 34px; border-radius:2px; cursor:pointer;
  border:none; background:#A6876C; color:#FDF9F3; transition:.3s; margin-top:6px;
}
.ea-form .btn:hover,
.ea-form input[type=submit]:hover{ background:#4A3D32; }
.wpcf7 .wpcf7-response-output{
  border-radius:3px; border-color:#E4D6C4;
  font-family:'Jost',system-ui,sans-serif; font-size:.85rem; margin:16px 0 0;
}
.wpcf7-spinner{ background-color:#A6876C; }

/* =========================================================
   2) ÁREA DO CLIENTE — WP Customer Area (skin da marca)
   Estrutura real do plugin: .cuar-page > header / content / sidebar / footer
   ========================================================= */

/* tipografia geral */
.cuar-page, .cuar-page *{ font-family:'Jost',system-ui,sans-serif; }
.cuar-page h1, .cuar-page h2, .cuar-page h3, .cuar-page h4,
.cuar-header, .cuar-page-header h1, .cuar-page-header h2{
  font-family:'Cormorant Garamond',Georgia,serif !important; color:#4A3D32 !important; font-weight:500 !important;
}

/* moldura geral do portal (como o painel do demo) */
.cuar-page{
  background:#FDF9F3; border:1px solid #E4D6C4; border-radius:8px; overflow:hidden;
  box-shadow:0 20px 50px rgba(166,135,108,.14); margin:20px 0;
}

/* layout: barra lateral à esquerda + conteúdo à direita */
.cuar-page-with-sidebar{
  display:grid; grid-template-columns:230px 1fr;
  grid-template-areas:
    "sidebar header"
    "sidebar content"
    "sidebar footer";
  gap:0;
}
.cuar-page-with-sidebar > .cuar-page-header{ grid-area:header; }
.cuar-page-with-sidebar > .cuar-page-content{ grid-area:content; }
.cuar-page-with-sidebar > .cuar-page-sidebar{ grid-area:sidebar; }
.cuar-page-with-sidebar > .cuar-page-footer{ grid-area:footer; }

.cuar-page-header{ padding:28px 32px 6px; }
.cuar-page-content{ padding:22px 32px 32px; }
.cuar-page-footer{ padding:0 32px 24px; }

/* barra lateral estilo "dash-side" do demo */
.cuar-page-sidebar{
  background:#F3E9DC; border-right:1px solid #E4D6C4; padding:26px 18px;
}
.cuar-page-sidebar a{
  display:block; font-size:.86rem; padding:11px 12px; border-radius:3px;
  color:#5C5044; margin-bottom:4px; letter-spacing:.02em; transition:.2s; text-decoration:none;
}
.cuar-page-sidebar a:hover,
.cuar-page-sidebar .current-menu-item > a,
.cuar-page-sidebar .active > a{ background:#FDF9F3; color:#4A3D32; }
.cuar-child-pages-menu{ list-style:none; padding:0; margin:0; }

/* itens / listagens de conteúdo como galeria de cards */
.cuar-item-list{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; list-style:none; padding:0; margin:0;
}
.cuar-item, .cuar-item-large, .cuar-item-wide{
  background:#fff; border:1px solid #E4D6C4; border-radius:5px; overflow:hidden;
  transition:.3s; margin:0;
}
.cuar-item:hover{ box-shadow:0 14px 30px rgba(166,135,108,.16); transform:translateY(-3px); }
.cuar-item img{ width:100%; height:100%; object-fit:cover; display:block; }
.cuar-item-fullwidth{ background:#fff; border:1px solid #E4D6C4; border-radius:5px; }

/* barra de navegação superior (Bootstrap navbar) na marca */
.cuar-page .navbar, .navbar.navbar-default{
  background:#FDF9F3 !important; border:none !important;
  border-bottom:1px solid #E4D6C4 !important; border-radius:0 !important; box-shadow:none !important;
}
.navbar-default .navbar-nav > li > a{ color:#5C5044 !important; letter-spacing:.04em; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a{ color:#4A3D32 !important; background:#F3E9DC !important; }

/* formulário de login como o card de acesso do demo */
.cuar-login-form{
  max-width:440px; margin:24px auto; background:#FDF9F3; border:1px solid #E4D6C4;
  border-radius:6px; padding:36px 40px; box-shadow:0 16px 40px rgba(166,135,108,.12);
}
.cuar-login-form label{
  font-family:'Jost',sans-serif; font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:#A6876C;
}
.cuar-login-form input[type=text],
.cuar-login-form input[type=password],
.cuar-login-form input[type=email]{
  width:100%; padding:13px 16px; border:1px solid #E4D6C4; border-radius:3px;
  background:#FDF9F3; font-family:'Jost',sans-serif; color:#4A3D32; box-sizing:border-box; margin-bottom:12px;
}

/* botões na marca */
.cuar-round-button,
.cuar-page .btn, .cuar-page button, .cuar-page input[type=submit],
.cuar-login-form input[type=submit]{
  background:#A6876C !important; color:#FDF9F3 !important; border:none !important;
  border-radius:2px !important; letter-spacing:.16em; text-transform:uppercase;
  font-size:.72rem; padding:12px 22px; cursor:pointer; transition:.3s;
}
.cuar-round-button:hover,
.cuar-page .btn:hover, .cuar-page input[type=submit]:hover,
.cuar-login-form input[type=submit]:hover{ background:#4A3D32 !important; }

.cuar-page a{ color:#A6876C; }
.cuar-page a:hover{ color:#4A3D32; }

/* responsivo */
@media (max-width:800px){
  .cuar-page-with-sidebar{
    grid-template-columns:1fr;
    grid-template-areas:"header" "content" "sidebar" "footer";
  }
  .cuar-page-sidebar{ border-right:none; border-top:1px solid #E4D6C4; }
}

/* ---------- Fotos reais na galeria da Área do Cliente ---------- */
.gal .thumb{ position:relative; overflow:hidden; }
.gal .thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }

/* ---------- Upload nativo da cliente (Área do Cliente) ---------- */
.ea-client-upload{ text-align:center; }
.ea-client-upload input[type=file]{
  display:block; margin:14px auto 0; max-width:340px; width:100%;
  font-family:'Jost',system-ui,sans-serif; font-size:.86rem; color:#4A3D32;
  padding:12px 14px; border:1px solid #E4D6C4; border-radius:4px; background:#fff; cursor:pointer;
}
.ea-client-upload .btn{
  font-family:'Jost',system-ui,sans-serif; font-size:.74rem; letter-spacing:.18em; text-transform:uppercase;
  border:none; background:#A6876C; color:#FDF9F3; padding:14px 30px; border-radius:2px; cursor:pointer; transition:.3s;
}
.ea-client-upload .btn:hover{ background:#4A3D32; }
.ea-upload-ok{
  background:#EFE7D8; border:1px solid #D9C7AC; color:#4A3D32; border-radius:5px;
  padding:14px 18px; margin:0 0 16px; font-size:.92rem; text-align:center;
}

/* ---------- Questionários abertos dentro da Área do Cliente ---------- */
.ea-quest-form{
  border:1px solid #E4D6C4; border-top:none; border-radius:0 0 5px 5px;
  background:#fff; padding:24px 26px; margin:-11px 0 12px;
}
.ea-quest-form .ff-el-group{ margin-bottom:16px; }
.ea-quest-form label, .ea-quest-form .ff-el-input--label label{
  font-family:'Jost',system-ui,sans-serif; font-size:.7rem; letter-spacing:.16em;
  text-transform:uppercase; color:#A6876C; font-weight:400;
}
.ea-quest-form input[type=text], .ea-quest-form input[type=email],
.ea-quest-form input[type=tel], .ea-quest-form textarea, .ea-quest-form select{
  width:100%; padding:13px 16px; border:1px solid #E4D6C4; border-radius:3px;
  background:#FDF9F3; font-family:'Jost',system-ui,sans-serif; font-size:.92rem;
  color:#4A3D32; font-weight:300; box-sizing:border-box;
}
.ea-quest-form input:focus, .ea-quest-form textarea:focus, .ea-quest-form select:focus{
  outline:none; border-color:#A6876C; background:#fff;
}
.ea-quest-form button, .ea-quest-form input[type=submit], .ea-quest-form .ff-btn-submit{
  background:#A6876C !important; color:#FDF9F3 !important; border:none !important;
  border-radius:2px !important; letter-spacing:.18em; text-transform:uppercase;
  font-family:'Jost',system-ui,sans-serif; font-size:.74rem; padding:14px 30px; cursor:pointer; transition:.3s;
}
.ea-quest-form button:hover, .ea-quest-form .ff-btn-submit:hover{ background:#4A3D32 !important; }
button.ea-quest-toggle{ border:none; cursor:pointer; font-family:'Jost',system-ui,sans-serif; }