.elementor-61 .elementor-element.elementor-element-a670951{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-61 .elementor-element.elementor-element-a670951:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-a670951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-61 .elementor-element.elementor-element-a309d40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--icon-box-icon-margin:8px;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-wrapper{align-items:center;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon{font-size:2.9em;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title, .elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title a{font-family:"Georgia", Sans-serif;font-size:1.3em;font-weight:800;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title{color:#F5F3F0;}.elementor-61 .elementor-element.elementor-element-a309d40:has(:hover) .elementor-icon-box-title,
					 .elementor-61 .elementor-element.elementor-element-a309d40:has(:focus) .elementor-icon-box-title{color:#CE9D21;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-61 .elementor-element.elementor-element-03c220f .elementor-button{background-color:#CF9F25;font-family:"Inter", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:4px 4px 4px 4px;}.elementor-61 .elementor-element.elementor-element-03c220f .elementor-button-content-wrapper{flex-direction:row;}.elementor-61 .elementor-element.elementor-element-4c8e59d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-61 .elementor-element.elementor-element-4c8e59d:not(.elementor-motion-effects-element-type-background), .elementor-61 .elementor-element.elementor-element-4c8e59d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-61 .elementor-element.elementor-element-a670951{--padding-top:1em;--padding-bottom:1em;--padding-left:3em;--padding-right:3em;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon{font-size:3em;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title, .elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title a{font-size:1.2em;}.elementor-61 .elementor-element.elementor-element-4c8e59d{--padding-top:5em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}}@media(max-width:1024px){.elementor-61 .elementor-element.elementor-element-a670951{--padding-top:1em;--padding-bottom:1em;--padding-left:2em;--padding-right:2em;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon{font-size:2em;}.elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title, .elementor-61 .elementor-element.elementor-element-a309d40 .elementor-icon-box-title a{font-size:1em;}.elementor-61 .elementor-element.elementor-element-03c220f .elementor-button{font-size:0.8em;}.elementor-61 .elementor-element.elementor-element-4c8e59d{--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-61 .elementor-element.elementor-element-a670951{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-61 .elementor-element.elementor-element-a309d40{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-61 .elementor-element.elementor-element-03c220f{width:var( --container-widget-width, 40% );max-width:40%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-61 .elementor-element.elementor-element-03c220f .elementor-button{font-size:0.7em;padding:10px 05px 10px 05px;}.elementor-61 .elementor-element.elementor-element-4c8e59d{--padding-top:1em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for latepoint_customer_dashboard, class: .elementor-element-cfb79b1 *//* ================================
   PAINEL DO CLIENTE — ESTILO PREMIUM BLACK & GOLD
   ================================ */

.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-w {
    color: #f5f5f5 !important;
}

/* ================================
   1) TÍTULO E LINK SAIR
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a[href*="logout"] {
    color: #d4a828 !important;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 h4 {
    font-size: 32px !important;
    font-weight: 700 !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 h4 span {
    color: #d4a828 !important;
}

/* ================================
   2) TABS SUPERIORES
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
    padding: 6px !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a {
    padding: 8px 20px !important;
    font-size: 15px !important;
    border-radius: 6px !important;
    transition: 0.25s ease-in-out !important;
    color: #bbbbbb !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a.active {
    background: #d4a828 !important;
    color: #000 !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a:hover {
    background: rgba(212,168,40,0.15) !important;
    color: #d4a828 !important;
}

/* ================================
   3) HEADINGS (Por vir / Passado)
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-section-heading {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #f5f5f5 !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .heading-extra {
    color: #d4a828 !important;
    font-size: 14px !important;
}

/* ================================
   4) GRID DAS LISTAS
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-bookings-tiles {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
}

/* ================================
   5) CARD DE AGENDAMENTO
   ================================ */

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking {
    background: #161616 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 10px !important;
    padding: 24px !important;
    transition: 0.25s ease-in-out !important;
}

/* Hover igual ao site premium */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking:hover {
    border-color: #d4a828 !important;
    background: #1c1c1c !important;
}

/* Nome do serviço */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .customer-booking-service-name {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 6px !important;
}

/* Data */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .customer-booking-datetime {
    color: #aaaaaa !important;
    font-size: 14px !important;
    margin-bottom: 14px !important;
}

/* Link reagendar */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking a {
    color: #d4a828 !important;
    font-size: 14px !important;
    text-decoration: underline !important;
    margin-bottom: 16px !important;
}

/* ================================
   6) BARBEIRO + STATUS
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking span {
    font-size: 14px !important;
}

/* Status aprovado (verde) */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .status-approved {
    background: rgba(24, 255, 85, 0.15) !important;
    color: #18ff55 !important;
    border: 1px solid rgba(24,255,85,0.35) !important;
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
}

/* Status concluído (gold) */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .status-completed {
    background: rgba(212, 168, 40,0.2) !important;
    color: #d4a828 !important;
    border: 1px solid rgba(212,168,40,0.3) !important;
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
}

/* ================================
   7) BOTÕES DOS CARDS
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .os-btn {
    background: #0f0f0f !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #f5f5f5 !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    transition: 0.25s ease !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking .os-btn:hover {
    border-color: #d4a828 !important;
    color: #d4a828 !important;
    background: #1a1a1a !important;
}

/* ================================
   8) BOTÃO NOVO AGENDAMENTO
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-new,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-appointment-new {
    background: rgba(255,255,255,0.05) !important;
    border: 1px dashed rgba(212,168,40,0.3) !important;
    border-radius: 12px !important;
    text-align: center !important;
    color: #d4a828 !important;
    padding: 40px 20px !important;
    transition: 0.25s ease-in-out !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-new:hover,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-appointment-new:hover {
    border-color: #d4a828 !important;
}

/* Ícone do + */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-new svg,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-appointment-new svg {
    stroke: #d4a828 !important;
}

/* ================================
   9) CARDS DE PEDIDOS (Mesma estética)
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order {
    background: #161616 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 10px !important;
    padding: 24px !important;
    transition: .25s !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order:hover {
    border-color: #d4a828 !important;
    background: #1c1c1c !important;
}

/* ================================
   10) FORMULÁRIOS
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 input,
.elementor-61 .elementor-element.elementor-element-cfb79b1 select {
    background: #111 !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 label {
    color: #d4a828 !important;
    font-weight: 500 !important;
}

/* Botões do formulário */
.elementor-61 .elementor-element.elementor-element-cfb79b1 button[type="submit"] {
    background: #d4a828 !important;
    color: #000 !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 button[type="submit"]:hover {
    background: #e6be3b !important;
}

/* ================================
   11) RESPONSIVIDADE
   ================================ */
@media (max-width: 600px) {
    .elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-bookings-tiles {
        grid-template-columns: 1fr !important;
    }

    .elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers {
        flex-wrap: wrap !important;
    }
}

/* Remove text decoration */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a {
    text-decoration: none !important;
}

/* Remove qualquer border inferior */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a {
    border: none !important;
    border-bottom: none !important;
}

/* Remove underline de pseudo-elementos que LatePoint usa */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a::before,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a::after {
    display: none !important;
}

/* Remove efeitos de box-shadow */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a {
    box-shadow: none !important;
}

/* Remove linha do tab ativo */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a.active {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ====== Remove flash verde ao clicar e mantém o hover amarelo/desfocado ====== */

/* garantir que o hover amarelo continue igual */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a:hover {
  background: rgba(212,168,40,0.15) !important; /* amarelo desfocado */
  color: #d4a828 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* quando o elemento recebe foco (clicado/tab) ou está ativo, usar o mesmo visual do hover */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a:focus,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a:focus-visible,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a:active {
  background: rgba(212,168,40,0.15) !important; /* igual ao hover */
  color: #d4a828 !important;
  outline: none !important;          /* remove outline do browser */
  box-shadow: none !important;       /* remove ring/box-shadow do tema */
  border-color: rgba(212,168,40,0.15) !important;
  filter: none !important;           /* remove possíveis filtros coloridos */
}

/* garantir que a classe/atributo de "active" não gere o verde */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a.active,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a[data-state="active"] {
  background: #d4a828 !important;    /* estado ativo permanente (se desejar) */
  color: #000 !important;
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(212,168,40,0.25) !important;
}

/* precaução extra: anular pseudo-elementos que possam gerar o verde */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a::before,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a::after {
  display: none !important;
}

/* ===== Restaurar scroll horizontal no mobile para os tabs ===== */
@media (max-width: 600px) {
    .elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        gap: 10px !important;
        scrollbar-width: none; /* Firefox */
    }

    /* Remove scrollbar no Chrome/Safari */
    .elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers::-webkit-scrollbar {
        display: none !important;
    }

    /* Cada tab ocupa tamanho mínimo e pode rolar */
    .elementor-61 .elementor-element.elementor-element-cfb79b1 .latepoint-tab-triggers a {
        flex: 0 0 auto !important;
    }
}

/* Botão Sair com ícone alinhado */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a[href*="logout"] {
    display: inline-flex !important;
    flex-direction: row !important;  /* ← garante que fiquem lado a lado */
    flex-wrap: nowrap !important;    /* ← impede quebra */
    white-space: nowrap !important;  /* ← impede pular linha */

    align-items: center !important;  /* alinha verticalmente */
    gap: 8px !important;             

    margin-bottom: 10px !important;  /* seu espaçamento */
    color: #d4a828 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Ícone alinhado */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a[href*="logout"]::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block !important;

    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23d4a828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* ===============================
   REAGENDAR — TEXTO + UNDERLINE GOLD
   =============================== */

/* Texto e underlines gold */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a span {
    color: #d4a828 !important;
    text-decoration: underline !important;
    text-decoration-color: #d4a828 !important;
}

/* Hover gold mais claro */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a:hover,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a:hover span {
    color: #e6be3b !important;
    text-decoration-color: #e6be3b !important;
}

/* ===============================
   REMOVER O PONTILHADO VERDE (LatePoint focus)
   =============================== */

/* Remove qualquer outline/border/box-shadow verde do LatePoint */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a:focus,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a:active,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a:focus-visible {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important; /* mobile */
}

/* O LatePoint aplica o pontilhado NO SPAN → remover */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a span {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove pseudo-elementos que criam pontilhado verde */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a span::before,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-buttons a span::after {
    content: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ================================
   12) LABELS DE INFORMAÇÃO (ex: Agente)
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-info-row .booking-info-label {
    color: #A49D8F !important; /* Cor gold suave usada no layout */
}

/* ================================
   13) VALORES DE INFORMAÇÃO (ex: nome do agente/cliente)
   ================================ */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-booking-info-row .booking-info-value {
    color: #ffffff !important; /* branco padrão do seu layout */
}

/* ================================
   14) BOTÃO — Adicionar ao calendário
   ================================ */

/* Botão padrão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types {
    background: #000000 !important;     /* fundo preto */
    color: #F5F3F0 !important;          /* texto branco suave */
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    text-decoration: none !important;   /* remove sublinhado */
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: 0.25s ease-in-out !important;
    box-shadow: none !important;
}

/* Ícone dentro do botão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types i {
    color: #F5F3F0 !important;
}

/* Hover do botão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types:hover {
    background: #CF9F25 !important;     /* gold forte */
    color: #000000 !important;          /* texto preto */
    border-color: #CF9F25 !important;
}

/* Hover do ícone no botão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types:hover i {
    color: #000000 !important;
}

/* Remove underline do texto interno */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types span {
    text-decoration: none !important;
}

/* === Correção — Forçar a cor do texto no botão Adicionar ao Calendário === */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types span,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types i {
    color: #F5F3F0 !important; /* branco suave */
    fill: #F5F3F0 !important;  /* se o ícone for SVG interno */
}

.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types:hover,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types:hover span,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .add-to-calendar-wrapper .open-calendar-types:hover i {
    color: #000000 !important; /* preto no hover */
}

/* ================================
   15) BOTÃO — Resumo (mesmo estilo do Adicionar ao calendário)
   ================================ */

/* Botão padrão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
    background: #000000 !important;      /* fundo preto */
    color: #F5F3F0 !important;           /* texto branco suave */
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: 0.25s ease-in-out !important;
    box-shadow: none !important;
}

/* Ícone dentro do botão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
    color: #F5F3F0 !important;
}

/* Hover do botão */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover {
    background: #CF9F25 !important;      /* gold forte */
    color: #000000 !important;           /* texto preto */
    border-color: #CF9F25 !important;
}

/* Hover do ícone */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover i {
    color: #000000 !important;
}

/* Remove sublinhado do texto */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span {
    text-decoration: none !important;
}

/* Garantir cor correta sempre */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline,
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span,
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
    color: #F5F3F0 !important;
    fill: #F5F3F0 !important;
}

/* Hover — manter tudo preto */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover,
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover span,
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover i {
    color: #000000 !important;
}

/* ==========================================
   BOTÃO — Novo Agendamento (tile principal)
   ========================================== */

/* Estilo base */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.new-booking-tile.os_trigger_booking {
    border: 1px solid #CF9F25 !important;   /* borda fina gold */
    border-radius: 10px !important;
    color: #CF9F25 !important;               /* texto gold */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 25px 20px !important;
    text-decoration: none !important;
    background: rgba(255,255,255,0.05) !important; /* leve fundo translúcido */
    transition: 0.25s ease-in-out !important;
}

/* Ícone gold */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.new-booking-tile.os_trigger_booking i {
    color: #CF9F25 !important;
    stroke: #CF9F25 !important;  /* compatível com SVG dentro do LatePoint */
}

/* Texto gold */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.new-booking-tile.os_trigger_booking span {
    color: #CF9F25 !important;
}

/* Hover suave */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.new-booking-tile.os_trigger_booking:hover {
    background: rgba(207,159,37,0.15) !important; /* gold translúcido */
    border-color: #CF9F25 !important;
    color: #CF9F25 !important;
}

/* Hover no ícone */
.elementor-61 .elementor-element.elementor-element-cfb79b1 a.new-booking-tile.os_trigger_booking:hover i {
    color: #CF9F25 !important;
}

/* ==========================================
   15) TEXTO — Entrar na Consulta
   ========================================== */

.elementor-61 .elementor-element.elementor-element-cfb79b1 .meet-info .meet-label {
    color: #ffffff !important; /* branco padrão do tema */
}

/* =====================================================
   16) CUSTOMER ORDER — ESTILOS DE TEXTOS
   ===================================================== */

/* Código do pedido */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .customer-order-confirmation {
    color: #ffffff !important;
}

/* Data */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .customer-order-datetime {
    color: #CF9F25 !important;
}

/* Título “Serviço” */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .summary-box-heading .sbh-item {
    color: #A49D8F !important;
}

/* Nomes gerais */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .summary-price-item-w .spi-name {
    color: #A49D8F !important;
}

/* Preços gerais */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .summary-price-item-w .spi-price {
    color: #ffffff !important;
}

/* =====================================================
   17) CUSTOMER ORDER — ITEM “Pagamentos e Créditos”
   ===================================================== */

/* “Pagamentos e Créditos” = 5º <div> dentro de .customer-order */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order div.summary-price-item-w:nth-of-type(5) .spi-name {
    color: #CF9F25 !important; /* gold especial */
}

/* =====================================================
   18) TOTAL
   ===================================================== */

/* Nome “Total” */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .spi-total .spi-name {
    color: #ffffff !important;
}

/* Preço “Total” */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-order .spi-total .spi-price {
    color: #ffffff !important;
}

/* ==========================================================
   19) FORMULÁRIOS — CAMPOS DE TEXTO (GERAL)
   ========================================================== */

/* Fundo + texto dos inputs */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-form-group input.os-form-control {
    background: #0D0D0D !important;
    color: #F5F3F0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    box-shadow: none !important;
}

/* Labels */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-form-group label {
    color: #F5F3F0 !important;
}

/* Remove efeitos verdes do LatePoint */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .os-form-group input.os-form-control:focus {
    border-color: #CF9F25 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================
   20) FORMULÁRIO — TELEFONE (intl-tel-input)
   ========================================================== */

/* Caixa do telefone */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .lp_iti input {
    background: #0D0D0D !important;
    color: #F5F3F0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Bandeira */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .lp_iti__selected-flag {
    background: #0D0D0D !important;
}

/* Limpa bordas/hover verdes */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .lp_iti input:focus {
    border-color: #CF9F25 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ==========================================================
   21) BOTÃO — SALVAR ALTERAÇÕES
   ========================================================== */

.elementor-61 .elementor-element.elementor-element-cfb79b1 form[data-os-action="customer_cabinet__update"] button.latepoint-btn {
    background: #0D0D0D !important;
    color: #CF9F25 !important;
    border: 1px solid #CF9F25 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    font-weight: 600 !important;
    transition: 0.25s ease-in-out;
}

/* HOVER */
.elementor-61 .elementor-element.elementor-element-cfb79b1 form[data-os-action="customer_cabinet__update"] button.latepoint-btn:hover {
    background: #CF9F25 !important;
    color: #000000 !important;
}

/* ==========================================================
   22) FORMULÁRIO — ALTERAR SENHA (inputs)
   ========================================================== */

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w input.os-form-control {
    background: #0D0D0D !important;
    color: #F5F3F0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Labels dentro de alterar senha */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w label {
    color: #F5F3F0 !important;
}

/* ==========================================================
   23) BOTÃO — ALTERAR SENHA
   ========================================================== */

.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w button.latepoint-btn {
    background: #0D0D0D !important;
    color: #CF9F25 !important;
    border: 1px solid #CF9F25 !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    font-weight: 600 !important;
    transition: 0.25s ease-in-out;
}

/* HOVER */
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w button.latepoint-btn:hover {
    background: #CF9F25 !important;
    color: #000000 !important;
}

/* ==============================
   FORÇAR TEXTO E PLACEHOLDER BRANCOS — campos de senha
   ============================== */

/* Garanta que o texto dentro do input password fique branco */
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w input.os-form-control {
    color: #F5F3F0 !important;       /* texto do input */
    caret-color: #F5F3F0 !important; /* cor do cursor */
    background: #0D0D0D !important;  /* mantém fundo escuro */
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: none !important;
}

/* Mesma regra para quando o input estiver em foco */
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control:focus,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password:focus,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation:focus,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w input.os-form-control:focus {
    color: #F5F3F0 !important;
    caret-color: #F5F3F0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Placeholders — todos os prefixos para compatibilidade */
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control::placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password::placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation::placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 .customer-password-form-w input.os-form-control::placeholder {
    color: rgba(245,243,240,0.65) !important; /* placeholder mais claro, sem ficar too bright */
    opacity: 1 !important;
}
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control::-webkit-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password::-webkit-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation::-webkit-input-placeholder {
    color: rgba(245,243,240,0.65) !important;
}
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control:-ms-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password:-ms-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation:-ms-input-placeholder {
    color: rgba(245,243,240,0.65) !important;
}
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control::-ms-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password::-ms-input-placeholder,
.elementor-61 .elementor-element.elementor-element-cfb79b1 #password_confirmation::-ms-input-placeholder {
    color: rgba(245,243,240,0.65) !important;
}

/* Precaução: caso o LatePoint injete estilos inline ou classes, reforçamos no foco ativo */
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control[style],
.elementor-61 .elementor-element.elementor-element-cfb79b1 input[type="password"].os-form-control[class*="os-"] {
    color: #F5F3F0 !important;
}/* End custom CSS */