/*
Theme Name: Cellera
Theme URI: https://cellerafarma.com.br
Description: Tema filho baseado no Hello Elementor para Cellera
Author: Victor
Template: hello-elementor
Version: 1.0
*/

:root {
  --swiper-pagination-bullet-horizontal-gap: 2px;
  --swiper-pagination-bullet-vertical-gap: 2px;
  --e-n-carousel-dots-normal-color: var(--e-global-color-secondary, #1e56a8);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Verdana, DejaVu Sans, Liberation Sans, Geneva, sans-serif;
  color: var(--e-global-color-primary, #4c546f);
}

blockquote {
  border-left: 4px solid var(--e-global-color-primary, #4c546f);
  margin-left: 0;
  padding-left: 40px;
}

ul {
  padding-left: 30px;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

a {
  color: var(--e-global-color-secondary, #1e56a8);
}

.wp-child-theme-cellera [class*="elementor"] .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  transition: width 0.3s ease;
  /* A transição suave para o width */
}

.wp-child-theme-cellera [class*="elementor"] .swiper-pagination-bullet-active {
  background: var(--e-global-color-secondary, #1e56a8);
  width: 16px !important;
}

.wp-child-theme-cellera .elementor-menu-toggle {
  padding: 0;
}

.wp-child-theme-cellera span.elementor-menu-toggle__icon--open {
  line-height: 0;
}

.wp-child-theme-cellera p a {
  text-decoration: underline;
}

/* -----------------------------
   PLACEHOLDER + BOTÃO SUBMIT
------------------------------*/

/* Deixa a cor do placeholder visível */
.wp-child-theme-cellera .elementor-field-group .elementor-field-textual::placeholder {
  opacity: 1;
}

/* Botão submit full width no mobile */
.wp-child-theme-cellera .elementor-field-group .elementor-button[type="submit"] {
  width: 100%;
}

/* Botão com largura fixa no desktop */
@media (min-width: 992px) {
  .wp-child-theme-cellera .elementor-field-group .elementor-button[type="submit"] {
    width: 396px;
  }
}

/* -----------------------------
   GRUPO DE OPÇÕES
------------------------------*/

/* Espaçamento entre opções (radio/checkbox) */
.wp-child-theme-cellera .elementor-field-subgroup {
  column-gap: 32px;
  row-gap: 16px;
}

/* Esconde input original (radio e checkbox) */
.wp-child-theme-cellera .elementor-field-option input[type="radio"],
.wp-child-theme-cellera .elementor-field-option input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}

/* Cursor e alinhamento do label */
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="radio"]+label,
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="checkbox"]+label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="checkbox"]+label {
  padding-left: 34px;
  display: inline-block;
  line-height: 1.4;
}

/* Estilo base para o pseudo-elemento do input customizado */
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="radio"]+label::before,
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="checkbox"]+label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;

  border: 2px solid var(--e-global-color-primary);
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

/* Estilo exclusivo do radio: círculo */
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="radio"]+label::before {
  border-radius: 50%;
}

/* Estilo exclusivo do checkbox: quadrado */
.wp-child-theme-cellera .elementor-field-subgroup .elementor-field-option input[type="checkbox"]+label::before {
  border-radius: 2px;
  position: absolute;
  left: 0;
}

/* RADIO MARCADO */
.wp-child-theme-cellera .elementor-field-option input[type="radio"]:checked+label::before {
  border-color: var(--e-global-color-secondary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231E56A8'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* CHECKBOX MARCADO */
.wp-child-theme-cellera .elementor-field-option input[type="checkbox"]:checked+label::before {
  border-color: var(--e-global-color-secondary);
  background-color: var(--e-global-color-secondary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Foco visível para acessibilidade */
.wp-child-theme-cellera .elementor-field-option input[type="radio"]:focus-visible+label::before,
.wp-child-theme-cellera .elementor-field-option input[type="checkbox"]:focus-visible+label::before {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: 2px;
}

/* Select */
.wp-child-theme-cellera .elementor-field-group .select-caret-down-wrapper svg {
  display: none;
}

.wp-child-theme-cellera .elementor-field-group .select-caret-down-wrapper::before {
  content: "";
  display: flex;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjAzMSA5LjUzMDY4TDEyLjUzMSAxNy4wMzA3QzEyLjQ2MTQgMTcuMTAwNCAxMi4zNzg3IDE3LjE1NTcgMTIuMjg3NiAxNy4xOTM1QzEyLjE5NjYgMTcuMjMxMiAxMi4wOTkgMTcuMjUwNiAxMi4wMDA0IDE3LjI1MDZDMTEuOTAxOSAxNy4yNTA2IDExLjgwNDMgMTcuMjMxMiAxMS43MTMyIDE3LjE5MzVDMTEuNjIyMiAxNy4xNTU3IDExLjUzOTQgMTcuMTAwNCAxMS40Njk4IDE3LjAzMDdMMy45Njk3OSA5LjUzMDY4QzMuODI5MDYgOS4zODk5NSAzLjc1IDkuMTk5MDcgMy43NSA5LjAwMDA1QzMuNzUgOC44MDEwMyAzLjgyOTA2IDguNjEwMTYgMy45Njk3OSA4LjQ2OTQzQzQuMTEwNTIgOC4zMjg2OSA0LjMwMTM5IDguMjQ5NjMgNC41MDA0MiA4LjI0OTYzQzQuNjk5NDQgOC4yNDk2MyA0Ljg5MDMxIDguMzI4NjkgNS4wMzEwNCA4LjQ2OTQzTDEyLjAwMDQgMTUuNDM5N0wxOC45Njk4IDguNDY5NDNDMTkuMDM5NSA4LjM5OTc0IDE5LjEyMjIgOC4zNDQ0NyAxOS4yMTMyIDguMzA2NzZDMTkuMzA0MyA4LjI2OTA0IDE5LjQwMTkgOC4yNDk2MyAxOS41MDA0IDguMjQ5NjNDMTkuNTk5IDguMjQ5NjMgMTkuNjk2NSA4LjI2OTA0IDE5Ljc4NzYgOC4zMDY3NkMxOS44Nzg2IDguMzQ0NDcgMTkuOTYxNCA4LjM5OTc0IDIwLjAzMSA4LjQ2OTQzQzIwLjEwMDcgOC41MzkxMSAyMC4xNTYgOC42MjE4MyAyMC4xOTM3IDguNzEyODhDMjAuMjMxNCA4LjgwMzkyIDIwLjI1MDggOC45MDE1IDIwLjI1MDggOS4wMDAwNUMyMC4yNTA4IDkuMDk4NiAyMC4yMzE0IDkuMTk2MTggMjAuMTkzNyA5LjI4NzIyQzIwLjE1NiA5LjM3ODI3IDIwLjEwMDcgOS40NjA5OSAyMC4wMzEgOS41MzA2OFoiIGZpbGw9IiNGRkUxNEQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
}

.wp-child-theme-cellera .elementor-field-group .select-caret-down-wrapper {
  right: 30px;
}

.wp-child-theme-cellera .elementor-nav-menu .sub-arrow {
  padding: 5px;
}

.wp-child-theme-cellera .elementor-nav-menu .sub-arrow::before {
  content: '';
  display: inline-block;
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3537%201.35375L6.35372%206.35375C6.30729%206.40024%206.25214%206.43712%206.19144%206.46228C6.13074%206.48744%206.06568%206.50039%205.99997%206.50039C5.93427%206.50039%205.8692%206.48744%205.8085%206.46228C5.7478%206.43712%205.69266%206.40024%205.64622%206.35375L0.646223%201.35375C0.552402%201.25993%200.499695%201.13268%200.499695%201C0.499695%200.867318%200.552402%200.74007%200.646223%200.646249C0.740043%200.552429%200.867291%200.499722%200.999973%200.499722C1.13265%200.499722%201.2599%200.552429%201.35372%200.646249L5.99997%205.29312L10.6462%200.646249C10.6927%200.599794%2010.7478%200.562944%2010.8085%200.537803C10.8692%200.512661%2010.9343%200.499722%2011%200.499722C11.0657%200.499722%2011.1307%200.512661%2011.1914%200.537803C11.2521%200.562944%2011.3073%200.599794%2011.3537%200.646249C11.4002%200.692704%2011.437%200.747855%2011.4622%200.808551C11.4873%200.869248%2011.5003%200.934302%2011.5003%201C11.5003%201.0657%2011.4873%201.13075%2011.4622%201.19145C11.437%201.25214%2011.4002%201.30729%2011.3537%201.35375Z%22%20fill%3D%22%234C546F%22%2F%3E%3C%2Fsvg%3E);
  width: 12px;
  height: 7px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.wp-child-theme-cellera .elementor-nav-menu .has-submenu:hover .sub-arrow::before,
.wp-child-theme-cellera .elementor-nav-menu .has-submenu.highlighted .sub-arrow::before {
  transform: rotate(180deg);
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3537%201.35375L6.35372%206.35375C6.30729%206.40024%206.25214%206.43712%206.19144%206.46228C6.13074%206.48744%206.06568%206.50039%205.99997%206.50039C5.93427%206.50039%205.8692%206.48744%205.8085%206.46228C5.7478%206.43712%205.69266%206.40024%205.64622%206.35375L0.646223%201.35375C0.552402%201.25993%200.499695%201.13268%200.499695%201C0.499695%200.867318%200.552402%200.74007%200.646223%200.646249C0.740043%200.552429%200.867291%200.499722%200.999973%200.499722C1.13265%200.499722%201.2599%200.552429%201.35372%200.646249L5.99997%205.29312L10.6462%200.646249C10.6927%200.599794%2010.7478%200.562944%2010.8085%200.537803C10.8692%200.512661%2010.9343%200.499722%2011%200.499722C11.0657%200.499722%2011.1307%200.512661%2011.1914%200.537803C11.2521%200.562944%2011.3073%200.599794%2011.3537%200.646249C11.4002%200.692704%2011.437%200.747855%2011.4622%200.808551C11.4873%200.869248%2011.5003%200.934302%2011.5003%201C11.5003%201.0657%2011.4873%201.13075%2011.4622%201.19145C11.437%201.25214%2011.4002%201.30729%2011.3537%201.35375Z%22%20fill%3D%22%231E56A8%22%2F%3E%3C%2Fsvg%3E);
  /* Rotaciona o ícone 180 graus */
}

.wp-child-theme-cellera .elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down {
  display: none;
}

/* Theme CSS*/
body:not([class*=elementor-page-]) .site-main {
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 16px;
  padding-right: 16px;
}


body:not([class*=elementor-page-]) .site-main dd,
body:not([class*=elementor-page-]) .site-main dl,
body:not([class*=elementor-page-]) .site-main dt,
body:not([class*=elementor-page-]) .site-main li,
body:not([class*=elementor-page-]) .site-main ol,
body:not([class*=elementor-page-]) .site-main ul {
  margin-bottom: 16px;
  margin-top: 16px;
}


@media (max-width: 575px) {
  .page-header .entry-title {
    padding: 0;
  }
}

@media(min-width: 1200px) {

  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-footer:not(.dynamic-footer),
  .site-header .header-inner,
  .site-header:not(.dynamic-header),
  body:not([class*=elementor-page-]) .site-main {
    max-width: 1248px
  }
}


/* [data-elementor-type="wp-page"] > .elementor-element:first-child {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22noice%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22500%22%20height%3D%22500%22%20viewBox%3D%220%200%20500%20500%22%3E%0A%20%20%0A%20%20%3Cfilter%20id%3D%22noise-filter%22%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.75%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%3E%3C%2FfeTurbulence%3E%0A%20%20%20%20%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%3E%3C%2FfeColorMatrix%3E%0A%20%20%20%20%3CfeComponentTransfer%3E%0A%20%20%20%20%20%20%3CfeFuncR%20type%3D%22linear%22%20slope%3D%220%22%3E%3C%2FfeFuncR%3E%0A%20%20%20%20%20%20%3CfeFuncG%20type%3D%22linear%22%20slope%3D%220%22%3E%3C%2FfeFuncG%3E%0A%20%20%20%20%20%20%3CfeFuncB%20type%3D%22linear%22%20slope%3D%220%22%3E%3C%2FfeFuncB%3E%0A%20%20%20%20%20%20%3CfeFuncA%20type%3D%22linear%22%20slope%3D%220.25%22%3E%3C%2FfeFuncA%3E%0A%20%20%20%20%3C%2FfeComponentTransfer%3E%0A%20%20%20%20%3CfeComponentTransfer%3E%0A%20%20%20%20%20%20%3CfeFuncR%20type%3D%22linear%22%20slope%3D%223%22%20intercept%3D%22-1.00%22%3E%3C%2FfeFuncR%3E%0A%20%20%20%20%20%20%3CfeFuncG%20type%3D%22linear%22%20slope%3D%223%22%20intercept%3D%22-1.00%22%3E%3C%2FfeFuncG%3E%0A%20%20%20%20%20%20%3CfeFuncB%20type%3D%22linear%22%20slope%3D%223%22%20intercept%3D%22-1.00%22%3E%3C%2FfeFuncB%3E%0A%20%20%20%20%3C%2FfeComponentTransfer%3E%0A%20%20%3C%2Ffilter%3E%0A%0A%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23noise-filter)%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E%0A") !important;
} */