/*
 * Gazebo Insider responsive styles
 *
 * All media-query / breakpoint overrides for the theme live here.
 * Loaded after style.css (see gazebo_insider_scripts() in functions.php),
 * so it inherits the :root custom properties defined there.
 *
 * @package Gazebo_Insider
 */

/* —— TABLET (≤ 960px) —— */
@media (max-width: 960px) {

  .intro-inner,
  .about-inner,
  .faq-inner,
  .contact-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .reviews-grid,
  .articles-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-img {
    height: 260px;
  }

  .faq-inner {
    grid-template-columns: 1fr;
  }

  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  .footer-brand {
    grid-column: 1 / -1;
    max-width: none;
  }
}

/* —— MOBILE (≤ 640px) —— */
@media (max-width: 640px) {

  .nav-links,
  .nav-cta {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  section {
    padding: 3.5rem 0;
  }

  .hero-stats {
    flex-wrap: wrap;
  }

  .stat-item {
    min-width: 50%;
    border-bottom: 1px solid rgba(var(--white-rgb), 0.09);
  }

  .stat-item:nth-child(2) {
    border-right: none;
  }

  .stat-item:nth-child(3) {
    border-right: none;
  }

  .btn-row {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 300px;
  }

  .btn-gold,
  .btn-ghost-w {
    text-align: center;
    justify-content: center;
  }

  .team-grid,
  .reviews-grid,
  .articles-grid {
    grid-template-columns: 1fr;
  }

  .cats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  /* Full-width submit button on mobile for easier tapping */
  .btn-green {
    width: 100%;
    margin-left: 0;
  }

  .final-btns {
    flex-direction: column;
    align-items: center;
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 2.2rem;
    text-align: center;
  }

  .footer-brand {
    max-width: none;
  }

  .footer-social,
  .footer-contact-list li {
    justify-content: center;
  }

  .footer-menu {
    align-items: center;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

/* —— SMALL MOBILE (≤ 400px) —— */
@media (max-width: 400px) {
  .hero h1 {
    font-size: 1.9rem;
  }

  .stat-item {
    padding: .85rem 1rem;
  }

  .stat-num {
    font-size: 1.55rem;
  }
}

/*--------------------------------------------------------------
# Blog (Template: Blog) breakpoints
--------------------------------------------------------------*/

/* —— Stack sidebar under posts (≤ 1024px) —— */
@media (max-width: 1024px) {
  .blogs-wrap {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }

  .newsletter-widget {
    grid-column: 1 / -1;
  }
}

/* —— Tablet (≤ 768px) —— */
@media (max-width: 768px) {
  .post-featured {
    grid-template-columns: 1fr;
  }

  .post-featured .pf-img {
    min-height: 220px;
  }

  .posts-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sidebar {
    grid-template-columns: 1fr;
  }
}

/* —— Mobile (≤ 560px) —— */
@media (max-width: 560px) {
  .posts-grid {
    grid-template-columns: 1fr;
  }

  .cat-tabs {
    gap: .4rem;
  }
}

/* ===== Global / Theme (moved from style.css) ===== */
@media (max-width: 640px) {
  .experts-slider__row {
    gap: .4rem;
  }

  .experts-nav {
    width: 38px;
    height: 38px;
  }
}


/* ===== About Us Page (responsive) ===== */
@media(max-width:1024px){
			.site-main--about .story-inner{gap:3rem}
			.site-main--about .mission-grid{gap:3rem}
			.site-main--about .stats-inner{grid-template-columns:repeat(2,1fr)}
			.site-main--about .stat-col:nth-child(2){border-right:none}
			.site-main--about .stat-col:nth-child(3){border-top:1px solid rgba(255,255,255,.12)}
			.site-main--about .steps-grid{grid-template-columns:repeat(2,1fr)}
			.site-main--about .steps-grid::before{display:none}
			.site-main--about .values-grid{grid-template-columns:1fr 1fr}
		}

@media(max-width:768px){
			.site-main--about .story-inner,.site-main--about .mission-grid{grid-template-columns:1fr;gap:2.5rem}
			.site-main--about .story-imgs{height:340px}
			.site-main--about .story-img-main{width:80%;height:280px}
			.site-main--about .story-img-sub{width:55%;height:180px}
			.site-main--about .trust-badges{gap:.75rem}
		}

@media(max-width:580px){
			.site-main--about .values-grid{grid-template-columns:1fr}
			.site-main--about .steps-grid{grid-template-columns:1fr}
			.site-main--about .stats-inner{grid-template-columns:1fr 1fr}
			.site-main--about .cta-btns{flex-direction:column;align-items:center}
			.site-main--about .story-imgs{height:260px}
			.site-main--about .story-img-main{width:85%;height:220px}
			.site-main--about .story-img-sub{width:55%;height:150px}
		}


/* ===== Contact Us Page (responsive) ===== */
@media(max-width:1024px) {
			.site-main--contact .form-info-grid {
				grid-template-columns: 1fr;
				gap: 2rem
			}

			.site-main--contact .info-panel {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1.4rem
			}

			.site-main--contact .social-card {
				grid-column: 1/-1
			}
		}

@media(max-width:768px) {
			.site-main--contact .contact-cards {
				grid-template-columns: 1fr
			}

			.site-main--contact .faq-grid {
				grid-template-columns: 1fr
			}

			.site-main--contact .form-row {
				grid-template-columns: 1fr
			}

			.site-main--contact .info-panel {
				grid-template-columns: 1fr
			}
		}

@media(max-width:580px) {
			.site-main--contact .form-panel {
				padding: 2rem 1.5rem
			}

			.site-main--contact .social-links {
				grid-template-columns: 1fr
			}
		}


/* ===== Disclaimer Page (responsive) ===== */
@media(max-width:900px) {
			.site-main--disclaimer .content-wrap {
				grid-template-columns: 1fr
			}

			.site-main--disclaimer .sidebar {
				position: static
			}

			.site-main--disclaimer .callout-grid {
				grid-template-columns: 1fr
			}
		}


/* ===== Privacy Policy Page (responsive) ===== */
@media(max-width:900px) {
			.site-main--privacy .content-wrap {
				grid-template-columns: 1fr
			}

			.site-main--privacy .sidebar {
				position: static
			}
		}


/* ===== Terms & Conditions Page (responsive) ===== */
@media(max-width:900px) {
			.site-main--terms .content-wrap {
				grid-template-columns: 1fr
			}

			.site-main--terms .sidebar {
				position: static
			}
		}


/* ===== Sitemap Page (responsive) ===== */
@media(max-width:900px){.site-main--sitemap .sitemap-grid{grid-template-columns:1fr 1fr}}

@media(max-width:600px){.site-main--sitemap .sitemap-grid{grid-template-columns:1fr}}


/* ===== Blog Detail (Single Post) Page (responsive) ===== */
@media(max-width:768px){
			.site-main--single .post-detail{padding:1.6rem 1.4rem 1.8rem}
			.site-main--single .post-detail .featured-img{margin:-1.6rem -1.4rem 1.5rem}
			.site-main--single .post-navigation a{max-width:100%}
		}

@media(max-width:560px){
			.site-main--single .post-navigation .nav-links{flex-wrap:wrap}
			.site-main--single .post-navigation .nav-previous,
			.site-main--single .post-navigation .nav-next{flex:1 1 100%;max-width:100%}
		}

/* ===== Blog Detail (legacy template) (responsive) ===== */
@media(max-width:768px){
			.site-main--blog-detail .post-detail{padding:1.6rem 1.4rem 1.8rem}
			.site-main--blog-detail .post-detail .featured-img{margin:-1.6rem -1.4rem 1.5rem}
		}