.wp-block-cover {
  min-height: 300px !important;
}

/* About section image size कमी करा */
.wp-block-media-text .wp-block-media-text__media img {
  max-width: 300px !important;
  width: 300px !important;
  height: 400px !important;
  object-fit: cover !important;
  border-radius: 7px !important;
}

/* Text vertically center करा */
.wp-block-media-text {
  align-items: center !important;
}

.wp-block-media-text .wp-block-media-text__content {
  padding-left: 40px !important;
}


.wp-block-quote {
  border-left: 4px solid #0073aa !important;
  background: #f8f9fa !important;
  padding: 30px 30px !important;
  border-radius: 8px !important;
  font-size: 1.1rem !important;
}

.wp-block-latest-posts,
h2 {
  padding-left: 20px !important;
}

.wp-block-latest-posts li {
  background: #ffffff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
  transition: transform 0.2s !important;
}

.wp-block-latest-posts li:hover {
  transform: translateY(-4px) !important;
}

.sharedaddy {
  padding-left: 20px !important;
  padding-top: 20px !important;
}

.site-footer {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  text-align: center !important;
}

.site-footer a {
  color: #4ecdc4 !important;
  text-decoration: none !important;
  margin: 0 10px !important;
}

.site-footer a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.site-footer p {
  color: #cccccc !important;
  font-size: 0.9rem !important;
  margin-top: 5px !important;
}

.site-footer {
  background-color: #1a1a1a !important;
  color: #cccccc !important;
  padding: 40px !important;
  text-align: center !important;
}

.site-footer a {
  color: #4ecdc4 !important;
  text-decoration: none !important;
  margin: 0 8px !important;
}

.site-footer a:hover {
  color: #ffffff !important;
}

.site-footer .widget {
  margin-bottom: 15px !important;
}

.site-footer .footer-bar-section {
  background: transparent !important;
}

.site-footer .widget {
  background: transparent !important;
  border: none !important;
}

.site-footer {
  padding: 25px 20px !important;
}

.ast-builder-footer-grid-columns,
.site-primary-footer-inner-wrap,
.ast-builder-grid-row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.site-below-footer-wrap {
  background: transparent !important;
}

.site-primary-footer-wrap {
  background-color: #1a1a1a !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 20px 0 !important;
}


/* ===== BLOG PAGE - LIST LAYOUT ===== */
.blog .ast-post-format- {
  width: 100% !important;
  float: none !important;
  display: block !important;
}

.blog article.ast-grid-common-col {
  width: 100% !important;
  max-width: 100% !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.07) !important;
  padding: 22px 28px !important;
  margin-bottom: 12px !important;
  display: block !important;
  transition: transform 0.2s !important;
}

.blog article.ast-grid-common-col:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
}

.blog .entry-title {
  font-size: 1.2rem !important;
  margin-bottom: 8px !important;
}

.blog .ast-blog-meta-container {
  font-size: 0.85rem !important;
  color: #888 !important;
  margin-bottom: 8px !important;
}

.blog .ast-excerpt-container {
  font-size: 0.92rem !important;
  color: #555 !important;
}

/* Outer light box remove */
.blog .ast-article-post {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 5px !important;
  margin-bottom: 8px !important;
}

/* Outer gap remove */
.blog .ast-row {
  gap: 8px !important;
}

.blog .ast-row article {
  margin-bottom: 1 !important;
  padding: 0 !important;
}

.site-header,
#masthead,
.ast-primary-header-bar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

/* बाकी सगळ्या pages वर white header */
body:not(.home) #masthead {
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Navigation links color - other pages */
body:not(.home) .main-header-bar .menu-link {
  color: #333333 !important;
}

body:not(.home) .main-header-bar .site-title a {
  color: #333333 !important;
}

/* Homepage banner वर header overlap करू द्या */
.home #masthead {
  position: absolute !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:not(.home) #masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.home .wp-block-cover {
  min-height: 85vh !important;
  max-height: 85vh !important;
}

/* ===== MOBILE IMPROVEMENTS ===== */

@media (max-width: 768px) {

  /* Hero section - better padding & centering */
  .wp-block-cover,
  .hero-section,
  .site-hero {
    padding: 60px 24px !important;
    text-align: center !important;
  }

  /* Hero headline - responsive font size */
  .wp-block-cover__inner-container p,
  .wp-block-cover h1,
  .wp-block-cover h2 {
    font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
    line-height: 1.35 !important;
    text-align: center !important;
    padding: 0 16px !important;
  }

  /* Center the BLOGS button on mobile */
  .wp-block-buttons,
  .wp-block-button {
    display: flex !important;
    justify-content: center !important;
    margin-top: 24px !important;
  }

  .wp-block-button__link {
    font-size: 0.85rem !important;
    padding: 12px 32px !important;
    letter-spacing: 0.1em !important;
    border-radius: 4px !important;
  }

  /* Site header on mobile */
  .site-header,
  .wp-block-template-part header {
    padding: 12px 20px !important;
  }

  /* Better nav spacing */
  .site-branding,
  .custom-logo-link {
    font-size: 1.1rem !important;
  }

  /* About/profile photo section */
  .wp-block-image img,
  .about-image img {
    border-radius: 12px !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

/* ===== PROFILE PHOTO FIX ===== */

@media (max-width: 768px) {

  /* Fix cut-off profile image */
  .wp-block-image,
  .wp-block-image figure,
  .about-image {
    overflow: visible !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .wp-block-image img {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
    margin: 0 auto !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
  }

  /* Fix any section wrapping the photo */
  .wp-block-group,
  .wp-block-columns {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: hidden !important;
  }

  /* General page overflow fix */
  body, html {
    overflow-x: hidden !important;
  }
}

/* Fix for Spectra / UAG theme - Media & Text block on mobile */

@media (max-width: 768px) {

  /* Fix the media-text block stacking */
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 1fr !important;
    display: block !important;
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
  }

  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    display: block !important;
  }

  /* Fix Spectra container overflow */
  .spectra-is-root-container,
  .spectra-overflow,
  .wp-block-spectra-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Fix entry content overflow */
  .entry-content {
    overflow-x: hidden !important;
    padding: 0 !important;
  }

}

@media (max-width: 768px) {

  /* Target by data attribute seen in your DevTools */
  [data-spectra-id="cd08ac4c"] {
    min-height: 70vh !important;
  }

  /* Also try these */
  .wp-block-spectra-container {
    min-height: 70vh !important;
  }

  .spectra-is-root-container {
    min-height: 70vh !important;
  }

}