.elementor-kit-283{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-283 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.cm-list-wrapper table {
  width:100%;
  border-collapse: collapse;
  font-family: 'Cabin', sans-serif;
}
.cm-list-wrapper th {
  background: #699d37;
  color: #fff;
  padding: 8px;
  text-align: left;
}
.cm-list-wrapper td {
  border-bottom: 1px solid #cddac0;
  padding: 6px;
}
.cm-list-wrapper tr:nth-child(even) {
  background: #f0f9f0;
}

/* === Espaçamento do Formulário === */
.cm-form-wrapper input,
.cm-form-wrapper select {
  /* espaço entre cada campo */
  margin-bottom: 16px;
}

/* dá um padding extra dentro do formulário */
.cm-form-wrapper form {
  padding: 20px;
}

/* === Espaçamento da Listagem === */
.cm-list-wrapper {
  /* espaço acima e abaixo da tabela */
  margin: 30px 0;
}

/* espaça células da tabela */
.cm-list-wrapper table th,
.cm-list-wrapper table td {
  padding: 12px 8px;
}

/* aumenta o espaçamento entre linhas para maior legibilidade */
.cm-list-wrapper table tr {
  border-bottom: 1px solid #cddac0;
}

/* opcional: espaço extra antes da paginação */
.elementor-pagination {
  margin-top: 20px;
}

/* 1) Container flexível para os filtros */
.cm-list-wrapper form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;           /* espaço entre cada controle */
  margin-bottom: 24px; /* espaço abaixo do grupo de filtros */
}

/* 2) Dropdown e campo de busca crescem juntos */
.cm-list-wrapper form select,
.cm-list-wrapper form input[type="search"] {
  flex: 1 1 180px;     /* min-width de 180px, crescem igualmente */
  padding: 8px 12px;
  border: 1px solid #cddac0;
  border-radius: 6px;
  background: #f0f9f0;
}

/* 3) Botões (Filtrar e Exportar) tamanho fixo */
.cm-list-wrapper form button,
.cm-list-wrapper a.button {
  flex: 0 0 auto;
  padding: 8px 16px;
  border-radius: 6px;
  background: linear-gradient(135deg,#8db600,#aadd00);
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* 3a) Exportar CSV como botão parecido */
.cm-list-wrapper a.button {
  text-decoration: none;
  display: inline-block;
}

/* 4) Hover para ambos os botões */
.cm-list-wrapper form button:hover,
.cm-list-wrapper a.button:hover {
  background: linear-gradient(135deg,#7ca900,#99c000);
}

/* 5) Responsividade */
@media (max-width: 600px) {
  .cm-list-wrapper form {
    flex-direction: column;
    gap: 8px;
  }
  .cm-list-wrapper form select,
  .cm-list-wrapper form input[type="search"],
  .cm-list-wrapper form button,
  .cm-list-wrapper a.button {
    width: 100%;
  }
}

/* Espaço entre o botão Exportar CSV e a tabela */
.cm-list-wrapper a.button {
  margin-bottom: 16px; /* distancia para baixo */
}

/* (Opcional) reforçar espaço acima da tabela */
.cm-list-wrapper table {
  margin-top: 16px;
}

/* --- Login Form “Forgot Password” Link --- */
.cm-auth-form .cm-lost-pass {
  text-align: right;
  margin-top: 8px;
  font-size: 0.92rem;
}
.cm-auth-form .cm-lost-pass a {
  color: #FFC107;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.cm-auth-form .cm-lost-pass a:hover {
  color: #FF4B4B;
}

/* Ensure the rest of your form styling still applies */
.cm-auth-wrap {
  background: #ffffff;
  border: 1.5px solid #E0E0E0;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 24px;
}
.cm-auth-form h2 {
  margin-bottom: 16px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #21956B;
  text-align: center;
}
.cm-auth-form label {
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
  color: #14503F;
}
.cm-auth-form input {
  width: 100%;
  padding: 8px 12px;
  margin-top: 4px;
  border: 1.5px solid #21956B;
  border-radius: 4px;
  font-size: 1em;
  color: #14503F;
}
.cm-auth-form input:focus {
  border-color: #FFC107;
  outline: none;
}
.cm-auth-form button {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-top: 12px;
  background: #21956B;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}
.cm-auth-form button:hover {
  background: #14503F;
}
.cm-auth-error {
  margin-top: 8px;
  color: #FF4B4B;
  font-weight: 500;
  text-align: center;
}

/* Dark mode tweaks, if you’ve got dark mode enabled */
body.dark-mode .cm-auth-wrap {
  background: #23272B;
  border-color: #33383D;
}
body.dark-mode .cm-auth-form h2 {
  color: #65E9B7;
}
body.dark-mode .cm-auth-form label {
  color: #F3F6F9;
}
body.dark-mode .cm-auth-form input {
  background: #181C1F;
  color: #F3F6F9;
  border-color: #65E9B7;
}
body.dark-mode .cm-auth-form input:focus {
  border-color: #FF4B4B;
}
body.dark-mode .cm-auth-form button {
  background: #21C87A;
}
body.dark-mode .cm-auth-form button:hover {
  background: #65E9B7;
}
body.dark-mode .cm-auth-error {
  color: #FF4B4B;
}

/* --- Login Form Container --- */
.cm-auth-wrap {
  background: #ffffff;
  border: 1.5px solid #E0E0E0;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 24px;
  margin: 32px auto;
}

/* ======== Gardening Theme Styles for Client List ======== */

/* Top Buttons */
.cm-table-header {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 18px;
}
#cm-open-modal,
#cm-export-csv {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background .2s, box-shadow .2s;
}
#cm-open-modal {
  background: #6A994E;
  color: #FFF;
  box-shadow: 0 2px 6px rgba(106,153,78,0.4);
}
#cm-open-modal:hover {
  background: #386641;
  box-shadow: 0 4px 12px rgba(56,102,65,0.3);
}
#cm-export-csv {
  background: #A7C957;
  color: #FFF;
  box-shadow: 0 2px 6px rgba(167,201,87,0.4);
}
#cm-export-csv:hover {
  background: #6A994E;
  box-shadow: 0 4px 12px rgba(106,153,78,0.3);
}

/* DataTables Controls */
.dataTables_wrapper .cm-controls-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 16px;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  font-size: 1rem;
  font-weight: 500;
  color: #386641;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  padding: 6px 12px;
  border: 1.5px solid #6A994E;
  border-radius: 6px;
  background: #F2E8CF;
  color: #386641;
  transition: border-color .2s;
}
.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #A7C957;
  outline: none;
}

/* Client Table */
#cm-client-table {
  width: 100%;
  border-collapse: collapse;
  background: #F2E8CF;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(56,102,65,0.1);
}
#cm-client-table th {
  background: #386641;
  color: #FFF !important;
  font-weight: 600;
  padding: 12px;
  text-align: left;
}
#cm-client-table th:first-child {
  border-top-left-radius: 12px;
}
#cm-client-table th:last-child {
  border-top-right-radius: 12px;
}
#cm-client-table td {
  padding: 10px;
  color: #386641;
  border-bottom: 1px solid #E0D5B8;
}
#cm-client-table tbody tr:nth-child(even) {
  background: #FFF;
}
#cm-client-table tbody tr:nth-child(odd) {
  background: #F9F3E7;
}

/* Action Buttons */
.cm-edit, .cm-delete {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: background .2s;
}
.cm-edit {
  background: #A7C957;
  color: #386641;
}
.cm-edit:hover {
  background: #6A994E;
  color: #FFF;
}
.cm-delete {
  background: #BC4749;
  color: #FFF;
}
.cm-delete:hover {
  background: #8C2C32;
  color: #FFF;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0 4px;
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  background: #FFF;
  color: #386641 !important;
  transition: background .2s;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #6A994E !important;
  color: #FFF !important;
}

/* Info Text */
.dataTables_wrapper .dataTables_info {
  font-size: 0.95rem;
  color: #386641;
  margin-top: 8px;
}

/* --- Error Message --- */
.cm-auth-error {
  margin-bottom: 12px;
  color: #FF4B4B;
  font-weight: 500;
  text-align: center;
}

/* --- Form Title --- */
.cm-auth-form h2 {
  margin-bottom: 16px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #21956B;
  text-align: center;
}

/* --- Labels & Inputs --- */
.cm-auth-form label {
  display: block;
  margin-bottom: 12px;
  font-weight: 500;
  color: #14503F;
}
.cm-auth-form input {
  width: 100%;
  padding: 8px 12px;
  margin-top: 4px;
  border: 1.5px solid #21956B;
  border-radius: 4px;
  font-size: 1em;
  color: #14503F;
  box-sizing: border-box;
}
.cm-auth-form input:focus {
  border-color: #FFC107;
  outline: none;
}

/* --- Submit Button --- */
.cm-auth-form button {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-top: 12px;
  background: #21956B;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}
.cm-auth-form button:hover {
  background: #14503F;
}

/* --- “Forgot Password” link --- */
.cm-auth-form .cm-lost-pass {
  text-align: right;
  margin-top: 8px;
  font-size: 0.92rem;
}
.cm-auth-form .cm-lost-pass a {
  color: #FFC107;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.cm-auth-form .cm-lost-pass a:hover {
  color: #FF4B4B;
}

/* --- Dark Mode Overrides --- */
body.dark-mode .cm-auth-wrap {
  background: #23272B;
  border-color: #33383D;
}
body.dark-mode .cm-auth-form h2 {
  color: #65E9B7;
}
body.dark-mode .cm-auth-error {
  color: #FF4B4B;
}
body.dark-mode .cm-auth-form label {
  color: #F3F6F9;
}
body.dark-mode .cm-auth-form input {
  background: #181C1F;
  color: #F3F6F9;
  border-color: #65E9B7;
}
body.dark-mode .cm-auth-form input:focus {
  border-color: #FF4B4B;
}
body.dark-mode .cm-auth-form button {
  background: #21C87A;
}
body.dark-mode .cm-auth-form button:hover {
  background: #65E9B7;
}
body.dark-mode .cm-auth-form .cm-lost-pass a {
  color: #65E9B7;
}
body.dark-mode .cm-auth-form .cm-lost-pass a:hover {
  color: #FF4B4B;
}

/* ======== Gardening Theme Modal Styles ======== */

/* Modal overlay */
.cm-modal {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(58,102,65,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Modal form container */
.cm-modal form {
  background: #F9F3E7;
  border: 2px solid #6A994E;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(56,102,65,0.3);
  padding: 28px;
  max-width: 400px;
  width: 90%;
  box-sizing: border-box;
}

/* Close button */
#cm-close-modal {
  background: transparent;
  border: none;
  color: #386641;
  font-size: 0.95rem;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 12px;
  display: block;
  text-align: right;
}

/* Labels */
.cm-modal label {
  display: block;
  font-weight: 600;
  color: #386641;
  margin-bottom: 6px;
  font-size: 1rem;
}

/* Inputs & selects */
.cm-modal input,
.cm-modal select,
.cm-modal textarea {
  width: 100%;
  padding: 8px 12px;
  margin-bottom: 16px;
  border: 1.5px solid #6A994E;
  border-radius: 6px;
  background: #FFF;
  color: #386641;
  font-size: 1rem;
  box-sizing: border-box;
  transition: border-color .2s;
}
.cm-modal input:focus,
.cm-modal select:focus,
.cm-modal textarea:focus {
  border-color: #A7C957;
  outline: none;
}

/* Submit button */
.cm-modal button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 24px;
  background: #6A994E;
  color: #FFF;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(106,153,78,0.4);
  transition: background .2s, box-shadow .2s;
}
.cm-modal button[type="submit"]:hover {
  background: #386641;
  box-shadow: 0 4px 12px rgba(56,102,65,0.3);
}

/* Responsive tweaks */
@media (max-width: 480px) {
  .cm-modal form {
    padding: 20px;
  }
  .cm-modal button[type="submit"] {
    width: 100%;
    justify-content: center;
  }
}

/* Hide WordPress admin bar on the front-end */
#wpadminbar {
  display: none !important;
}
body {
  margin-top: 0 !important;
}

/* Export link styled as button */
.cm-export-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #A7C957;
  color: #FFF;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s, box-shadow .2s;
}
.cm-export-button:hover {
  background: #6A994E;
  box-shadow: 0 4px 12px rgba(56,102,65,0.3);
}/* End custom CSS */