/*
Theme Name: Ronak
Author: Authhor
Description: Custom Blog Theme named Ronak
Version: 1.0
Text Domain:https://ronakadvertising.com
*/

/* === RESPONSIVE IMPROVEMENTS === */

/* General Fixes */
img {
  max-width: 100%;
  height: auto;
}

/* Featured + Side Posts Section */
@media (max-width: 991.98px) {
  .featured-left-post {
    margin-bottom: 20px;
    height: auto;
  }

  .featured-left-post img {
    height: auto;
  }

  .overlay {
    position: static;
    background: #000;
    margin-top: 10px;
    border-radius: 6px;
    padding: 10px;
  }
}

/* Grid 6-post cards */
@media (max-width: 575.98px) {
  .row-cols-2.row-cols-sm-3.row-cols-md-6 > .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Header */
@media (max-width: 767.98px) {
    .navbar-nav.ms-auto {
    width: 300px;
  }
  .site-header .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .main-navigation .navbar-toggler {
    margin-top: 10px;
  }

  .header-menu ul {
    flex-direction: column;
    gap: 0;
  }
}

/* Footer */
@media (max-width: 767.98px) {
  footer .row > div {
    text-align: center !important;
  }

  .footer .d-flex {
    justify-content: center !important;
  }
}

/* Sidebar and Widgets */
@media (max-width: 767.98px) {
  .custom-container .row {
    flex-direction: column;
  }

  .col-md-4, .col-md-8 {
    width: 100%;
    max-width: 100%;
  }
}

/* Right-side post spacing */
@media (max-width: 767.98px) {
  .right-side-post {
    flex-direction: column;
    align-items: stretch;
  }
  .right-side-post img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}