/*
Theme Name: MindCare Child
Theme URI: https://mindcare.qodeinteractive.com/
Description: A child theme of MindCare
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: mindcare
Template: mindcare
*/

/* ==========================================================================
   Blog List - Horizontal Alternating Layout
   ========================================================================== */

/* Flex container: image + content side by side */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}

/* Image side */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-media-side {
  flex: 0 0 42%;
  max-width: 42%;
}

/* Content side */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-content-side {
  flex: 1 1 0%;
  min-width: 0;
}

/* Remove default bottom margin on media */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-media {
  margin-bottom: 0;
}

/* Rounded image corners */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-media-image {
  border-radius: 12px;
  overflow: hidden;
}

.qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-media-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Even posts (2nd, 4th, 6th...): text LEFT, image RIGHT */
.qodef-blog.qodef--list article.qodef-blog-item--horizontal:nth-child(even) .qodef-e-inner {
  flex-direction: row-reverse;
}

/* Responsive: stack vertically on small screens */
@media only screen and (max-width: 880px) {
  .qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-inner {
    flex-direction: column !important;
    gap: 24px;
  }
  .qodef-blog.qodef--list article.qodef-blog-item--horizontal .qodef-e-media-side {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ==========================================================================
   Hide Blog Listing Page Title
   ========================================================================== */
.blog .qodef-page-title .qodef-m-title.entry-title,
.archive .qodef-page-title .qodef-m-title.entry-title,
.category .qodef-page-title .qodef-m-title.entry-title,
.tag .qodef-page-title .qodef-m-title.entry-title {
  display: none;
}

/* ==========================================================================
   Mobile: padding-top for #qodef-page-inner
   ========================================================================== */
@media only screen and (max-width: 880px) {
  #qodef-page-inner {
    padding-top: 40px;
  }
}