/*
Theme Name: Localinfra Child
Template: Divi
Version: 1.0
*/

/* ===============================
   BASE DARK POST
   =============================== */
body.single-post,
body.single-post #page-container,
body.single-post #et-main-area,
body.single-post #main-content,
body.single-post #left-area,
body.single-post .container,
body.single-post article {
  background-color: #060c1a !important;
}

/* Layout full */
body.single-post #sidebar {
  display: none !important;
}
body.single-post #left-area {
  width: 100% !important;
  max-width: 860px;
  margin: 0 auto;
  float: none !important;
}

/* Remove linha lateral do Divi */
#main-content .container:before {
  display: none !important;
}

/* ===============================
   FOOTER
   =============================== */
#main-footer { background-color: #2b2b2b !important; }
#footer-bottom { background-color: #1f1f1f !important; }
#footer-bottom .container { background: transparent !important; }
#footer-info { color: #aaa !important; }

/* ===============================
   FORM (COMMENTS)
   =============================== */
body.single-post #commentform textarea,
body.single-post #commentform input[type="text"],
body.single-post #commentform input[type="email"],
body.single-post #commentform input[type="url"] {
  background-color: #1e293b !important;
  border: 1px solid rgba(59,130,246,0.2) !important;
  color: #f1f5f9 !important;
}

body.single-post #commentform ::placeholder {
  color: rgba(148,163,184,0.5) !important;
}

body.single-post #commentform textarea:focus,
body.single-post #commentform input:focus {
  outline: none !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 1px #3b82f6 !important;
}

/* ===============================
   COMENTÁRIOS
   =============================== */
body.single-post .comment-author .fn,
body.single-post .comment-author .fn a {
  color: #f1f5f9 !important;
}

body.single-post .comment-metadata,
body.single-post .comment-metadata a {
  color: rgba(148,163,184,0.7) !important;
}

body.single-post .comment-content p {
  color: rgba(148,163,184,0.9) !important;
}

/* ===============================
   BLOG CARDS (DARK)
   =============================== */
body.blog .et_pb_post,
body.archive .et_pb_post {
  background-color: #1e293b !important;
  border: 1px solid rgba(59,130,246,0.15) !important;
  border-radius: 10px !important;
  transition: 0.2s ease;
}

body.blog .et_pb_post:hover,
body.archive .et_pb_post:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/* Conteúdo */
.et_pb_blog_grid .post-content {
  background-color: #1e293b !important;
  padding: 20px 22px !important;
}

/* Título */
.et_pb_blog_grid .entry-title a {
  color: #f1f5f9 !important;
  font-family: Outfit, sans-serif !important;
  font-weight: 700 !important;
}

/* Texto */
.et_pb_blog_grid .post-content p {
  color: rgba(148,163,184,0.85) !important;
}

/* Botão */
.et_pb_blog_grid .more-link {
  color: #3b82f6 !important;
  font-weight: 600 !important;
}

/* Remove fundo branco */
.et_pb_blog_grid_wrapper,
.et_pb_bg_layout_light.et_pb_blog_grid {
  background-color: transparent !important;
}

/* ===============================
   BLOG GRID ALTURA IGUAL
   =============================== */
.et_pb_blog_grid .et_pb_ajax_pagination_container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.et_pb_blog_grid .et_pb_post {
  display: flex !important;
  flex-direction: column !important;
  min-height: 420px !important;
}

.et_pb_blog_grid .post-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.et_pb_blog_grid h2 {
  min-height: 60px;
}

.et_pb_blog_grid .post-content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.et_pb_blog_grid .more-link {
  margin-top: auto !important;
}

/* ===============================
   HOMEPAGE CARDS (BLURB)
   =============================== */
/* IMPORTANTE: aplicar class "cards-equal" na ROW */

.et_pb_row.cards-equal {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.et_pb_row.cards-equal .et_pb_column {
  display: flex !important;
}

.et_pb_row.cards-equal .et_pb_blurb {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100%;
}

.et_pb_row.cards-equal .et_pb_blurb_content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  justify-content: space-between !important;
}

/* ===============================
   TIPOGRAFIA POST
   =============================== */
body.single-post .entry-title {
  font-family: Outfit, sans-serif !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  color: #f1f5f9 !important;
}

body.single-post .entry-content p {
  font-family: Outfit, sans-serif !important;
  font-size: 17px !important;
  color: rgba(148,163,184,0.9) !important;
  line-height: 1.9em !important;
}

body.single-post .entry-content h2 {
  font-size: 30px !important;
  color: #f1f5f9 !important;
}

body.single-post .entry-content a {
  color: #3b82f6 !important;
}
