/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ===== Tabelas CTS (apenas nas suas tabelas) ===== */
.entry-content section.cts-section .cts-front-table{
  width:100% !important;
  border-collapse:separate !important;  /* permite cantos + bordas internas */
  border-spacing:0 !important;
  border:1px solid #e5e7eb !important;  /* borda externa */
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  color:inherit !important;             /* usa a cor do tema */
}

/* Cabeçalho */
.entry-content section.cts-section .cts-front-table thead th{
  background:#f8fafc !important;
  font:700 13px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial !important;
  text-transform:uppercase !important;
  letter-spacing:.2px !important;
  text-align:left !important;
  padding:14px 16px !important;
  border-bottom:1px solid #e5e7eb !important;
  border-right:1px solid #eef0f3 !important;
}
.entry-content section.cts-section .cts-front-table thead th:last-child{ border-right:none !important; }

/* Células + bordas internas */
.entry-content section.cts-section .cts-front-table tbody td{
  padding:14px 16px !important;
  vertical-align:middle !important;
  background:#fff !important;
  border-bottom:1px solid #e5e7eb !important;
  border-right:1px solid #eef0f3 !important;
}
.entry-content section.cts-section .cts-front-table tbody tr:last-child td{ border-bottom:none !important; }
.entry-content section.cts-section .cts-front-table tbody td:last-child{ border-right:none !important; }

/* Zebra + hover (opcional) */
.entry-content section.cts-section .cts-front-table tbody tr:nth-child(even) td{ background:#fcfcfd !important; }
.entry-content section.cts-section .cts-front-table tbody tr:hover td{ background:#f6f7fb !important; }

/* “Chip” do código */
.entry-content section.cts-section .cts-code-text{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono","Courier New",monospace !important;
  font-weight:700 !important; letter-spacing:.3px !important;
  border:1px dashed #cbd5e1 !important; background:#fff !important;
  padding:6px 10px !important; border-radius:8px !important; display:inline-block !important;
}

/* Mobile → vira cards com borda */
@media (max-width:720px){
  .entry-content section.cts-section .cts-front-table thead{ display:none !important; }
  .entry-content section.cts-section .cts-front-table,
  .entry-content section.cts-section .cts-front-table tbody,
  .entry-content section.cts-section .cts-front-table tr,
  .entry-content section.cts-section .cts-front-table td{ display:block !important; width:100% !important; }
  .entry-content section.cts-section .cts-front-table{ border:none !important; background:transparent !important; }
  .entry-content section.cts-section .cts-front-table tbody tr{
    border:1px solid #e5e7eb !important; border-radius:12px !important;
    margin-bottom:12px !important; overflow:hidden !important; background:#fff !important;
  }
  .entry-content section.cts-section .cts-front-table tbody td{
    border:none !important; border-top:1px solid #eef0f3 !important;
  }
  .entry-content section.cts-section .cts-front-table tbody td:first-child{ border-top:none !important; }
  .entry-content section.cts-section .cts-front-table tbody td::before{
    content:attr(data-label) !important; display:block !important;
    font-size:12px !important; color:#6b7280 !important; text-transform:uppercase !important; margin-bottom:4px !important;
  }
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}