/**
 * Responsive Styles
 * Mobile-first breakpoints
 *
 * @package Clinic_Master
 */

/* ============================================
   Breakpoint: 1200px
   ============================================ */
@media (max-width: 1200px) {
	.container {
		max-width: 992px;
	}

	.hero__title {
		font-size: var(--font-size-5xl);
	}

	.stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.services__grid {
		grid-template-columns: repeat(2, 1fr);
	}


	.awards__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.blogs__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.site-footer__top-inner {
		flex-direction: column;
		text-align: center;
		gap: var(--spacing-lg);
	}

	.site-footer__tagline {
		min-width: auto;
	}

	.site-footer__widgets {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-xl);
	}
}

/* ============================================
   Breakpoint: 1024px
   ============================================ */
@media (max-width: 1024px) {
	.contact-page__main-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-3xl);
	}
}

/* ============================================
   Breakpoint: 992px
   ============================================ */
@media (max-width: 992px) {
	.container {
		max-width: 100%;
	}

	.hero__inner,
	.about__inner,
	.appointment__inner,
	.why-choose__inner {
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-2xl);
	}

	.appointment__inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.appointment__image {
		display: none;
	}

	.text-vertical {
		display: none;
	}

	.hero__image,
	.about__image,
	.appointment__image,
	.why-choose__image {
		order: -1;
	}

	.hero__image {
		max-width: 50%;
		margin-left: 0;
	}

	.why-choose__inner {
		grid-template-columns: 1fr;
	}

	.why-choose__image {
		display: none;
	}



	.site-header__nav {
		flex: 1;
		display: flex;
		justify-content: flex-end;
	}
	section.hero.section {
		padding-top: 50px;
	}

	.hero__inner {
		gap: var(--spacing-sm);
	}

	.hero__content {
		max-width: 100%;
		padding-bottom: 50px;
	}

	.hero__decorative-icon--heart {
		width: 60px;
		height: 60px;
		top: 5%;
		right: 10%;
	}

	.hero__success-card {
		display: none;
	}

	.hero__title {
		font-size: var(--font-size-4xl);
	}

	.about__features {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.about__title {
		font-size: clamp(1.75rem, 3vw, 2.25rem);
	}

	.section__title {
		font-size: var(--font-size-3xl);
	}

	.team-card {
		flex: 0 0 calc(50% - var(--spacing-xl));
	}

	.site-header__menu {
		position: fixed;
		top: 70px;
		left: 0;
		right: 0;
		background-color: var(--color-white);
		flex-direction: column;
		padding: var(--spacing-xl);
		box-shadow: var(--shadow-lg);
		transform: translateX(-100%);
		transition: transform var(--transition-base);
		z-index: var(--z-dropdown);
		align-items: flex-start;
		gap: 0;
	}

	.site-header__menu.active {
		transform: translateX(0);
	}

	.site-header__menu-item {
		width: 100%;
	}

	.site-header__menu-link {
		width: 100%;
		padding: var(--spacing-md) 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.site-header__submenu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		background-color: var(--color-gray-50);
		margin-top: 0;
		padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);
		display: none;
	}

	.site-header__menu-item.menu-open>.site-header__submenu {
		display: block;
	}

	.site-header__submenu .site-header__menu-link {
		padding: var(--spacing-sm) var(--spacing-md);
	}

	.site-header__menu-toggle {
		display: flex;
		position: relative;
	}

	.site-header__cta {
		display: none;
	}
	section.services.section{
		padding-top: 80px;
	}

}

/* ============================================
   Breakpoint: 768px
   ============================================ */
@media (max-width: 768px) {
	.container {
		max-width: 100%;
		padding-left: var(--spacing-lg);
		padding-right: var(--spacing-lg);
	}

	.section {
		padding: var(--spacing-3xl) 0;
	}

	.hero {
		padding: var(--spacing-3xl) 0;
	}
	.hero__inner{
		grid-template-columns: 1fr;
	}
	.hero__title {
		font-size: var(--font-size-3xl);
	}

	.hero__description {
		font-size: var(--font-size-base);
	}

	.hero__actions {
		flex-direction: column;
	}

	.hero__actions .btn {
		width: 100%;
	}

	.hero__content {
		max-width: 45%;
	}

	.stats__grid,
	.services__grid,
	.blogs__grid {
		grid-template-columns: 1fr;
	}

	.awards__grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.team-card {
		flex: 0 0 100%;
	}

	.testimonial-card {
		flex: 0 0 100%;
		min-height: auto;
		padding: var(--spacing-xl);
	}

	.testimonials__controls {
		flex-wrap: wrap;
		gap: var(--spacing-md);
	}

	.site-footer__widgets {
		grid-template-columns: 1fr;
		gap: var(--spacing-xl);
	}

	.site-footer__bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: var(--spacing-md);
	}

	.site-footer__back-to-top {
		bottom: 20px;
		right: 20px;
		width: 44px;
		height: 44px;
	}

	h1 {
		font-size: var(--font-size-3xl);
	}

	h2 {
		font-size: var(--font-size-2xl);
	}

	h3 {
		font-size: var(--font-size-xl);
	}

	.section__title {
		font-size: var(--font-size-2xl);
	}

	section.services.section{
		padding-top: 50px;
	}

	.single-post__hero {
		height: 300px;
		margin-bottom: var(--spacing-2xl);
	}

	.single-post__hero-content {
		padding-bottom: var(--spacing-xl);
	}

	.single-post__title {
		font-size: var(--font-size-xl);
	}

	.single-post__meta {
		flex-direction: column;
		gap: var(--spacing-sm);
	}

	.single-post__content {
		font-size: var(--font-size-base);
	}

	.single-post__content h2 {
		font-size: var(--font-size-2xl);
	}

	.single-post__content h3 {
		font-size: var(--font-size-xl);
	}

	.single-post__author {
		flex-direction: column;
		text-align: center;
	}

	.single-post__share-buttons {
		justify-content: center;
	}

	.about-page__hero {
		padding: var(--spacing-2xl) 0;
	}

	.about-page__hero-title {
		font-size: var(--font-size-2xl);
	}

	.about-page__hero-description {
		font-size: var(--font-size-sm);
	}

	.about-page__heading {
		font-size: var(--font-size-xl);
	}

	.about-page__paragraph {
		font-size: var(--font-size-base);
	}

	.about-page__director-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.about-page__director-image {
		max-width: 100%;
	}

	.about-page__director-image-placeholder {
		height: 300px;
	}

	.about-page__director-badge {
		width: 50px;
		height: 50px;
		right: 10px;
		bottom: -15px;
	}

	.about-page__director-name {
		font-size: var(--font-size-xl);
	}

	.about-page__director-message {
		font-size: var(--font-size-base);
	}

	.service-detail__hero {
		padding: var(--spacing-2xl) 0;
	}

	.service-detail__title {
		font-size: var(--font-size-2xl);
	}

	.service-detail__subtitle {
		font-size: var(--font-size-sm);
	}

	.service-detail__hero-actions {
		flex-direction: column;
	}

	.service-detail__hero-actions .btn {
		width: 100%;
	}

	.service-detail__overview-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.service-detail__section-title {
		font-size: var(--font-size-xl);
	}

	.service-detail__description-text {
		font-size: var(--font-size-base);
	}

	.service-detail__process-step {
		flex-direction: column;
		text-align: center;
		gap: var(--spacing-md);
	}

	.service-detail__process-step:hover {
		transform: translateY(-5px);
	}

	.service-detail__why-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.service-detail__cta {
		flex-direction: column;
		text-align: center;
		padding: var(--spacing-lg);
		gap: var(--spacing-lg);
	}
	
	.service-detail__cta-content {
		width: 100%;
	}
	
	.service-detail__cta-title {
		font-size: var(--font-size-xl);
		margin-bottom: var(--spacing-sm);
	}

	.service-detail__cta-description {
		font-size: var(--font-size-sm);
	}

	.service-detail__cta-actions {
		width: 100%;
		justify-content: center;
	}

	.service-detail__cta-actions .btn {
		width: 100%;
		justify-content: center;
	}

	.service-detail__related-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.service-detail__gallery-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.service-detail__videos-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}

	.blog-listing__hero {
		padding: var(--spacing-2xl) 0;
	}

	.blog-listing__title {
		font-size: var(--font-size-2xl);
	}

	.blog-listing__description {
		font-size: var(--font-size-sm);
	}

	.blog-listing__inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.blog-listing__grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.blog-listing__card {
		margin-bottom: var(--spacing-md);
	}

	.blog-listing__post-title {
		font-size: var(--font-size-lg);
	}

	.blog-listing__meta {
		flex-direction: column;
		gap: var(--spacing-sm);
	}

	.blog-listing__pagination-nav {
		gap: var(--spacing-xs);
	}

	.blog-listing__pagination-nav .page-numbers {
		min-width: 36px;
		height: 36px;
		padding: var(--spacing-xs) var(--spacing-sm);
		font-size: var(--font-size-sm);
	}

	.about-page__value-item {
		flex-direction: column;
		text-align: center;
	}

	.about-page__value-icon {
		margin: 0 auto;
	}

	.service-detail__hero {
		padding: var(--spacing-3xl) 0 var(--spacing-2xl);
	}

	.service-detail__title {
		font-size: var(--font-size-3xl);
	}

	.service-detail__subtitle {
		font-size: var(--font-size-base);
	}

	.service-detail__overview-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-3xl);
	}

	.service-detail__why-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}

	.service-detail__related-grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}

	.blog-listing__hero {
		padding: var(--spacing-3xl) 0 var(--spacing-2xl);
	}

	.blog-listing__title {
		font-size: var(--font-size-3xl);
	}

	.blog-listing__description {
		font-size: var(--font-size-base);
	}

	.blog-listing__inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-3xl);
	}

	.blog-listing__sidebar {
		position: static;
	}

	.blog-listing__grid {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}

	/* Contact Page Responsive */
	.contact-page__main-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-3xl);
		padding: 0;
	}

	.contact-page__form {
		padding: 0;
	}

	.contact-page__form-title {
		font-size: var(--font-size-2xl);
	}

	.contact-page__form-wrapper .wpcf7-form-row {
		grid-template-columns: 1fr;
	}

	.contact-page__info-items {
		gap: var(--spacing-xl);
	}

	.contact-page__info-item {
		padding: var(--spacing-lg);
	}

	.contact-page__map-embed {
		height: 400px;
	}
	.lab-investigation__card-inner{
		padding:var(--spacing-lg);
	}
}

@media (max-width: 625px) {
	.hero__content {
		max-width: 100%;
		padding-bottom: 0;
	}

	.hero__image {
		max-width: 100%;
		margin-left: 0;
		opacity: 0.1;
	}

	.appointment__form-row.appointment__form-row--half, .why-choose__features {
		grid-template-columns: repeat(1, 1fr);
	}
	.hero-slider {
		height: 65vh;
	}
	
	.services__actions {
		margin-top: 50px;
		padding-bottom:var(--spacing-xl);
	}
}

/* ============================================
   Breakpoint: 480px
   ============================================ */
@media (max-width: 480px) {
	.container {
		padding-left: var(--spacing-md);
		padding-right: var(--spacing-md);
	}
	[data-aos-delay] {
		transition-delay: 0s !important;
	}
	.hero__title {
		font-size: var(--font-size-2xl);
	}

	.hero__badge {
		font-size: var(--font-size-xs);
		padding: var(--spacing-xs) var(--spacing-md);
	}

	.hero__badge-value {
		font-size: var(--font-size-lg);
	}

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

	.about__decorative {
		width: 200px;
		height: 200px;
	}

	.hero__decorative-icon--heart {
		width: 50px;
		height: 50px;
		padding: var(--spacing-sm);
		display: none;
		/* Hide on very small screens */
	}

	.hero__success-card {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: var(--spacing-lg);
		width: 100%;
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}

	.stat-card__number {
		font-size: var(--font-size-4xl);
	}

	.service-card,
	.team-card,
	.testimonial-card,
	.award-card {
		padding: var(--spacing-md);
	}

	.appointment__form {
		padding: var(--spacing-lg);
	}

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

	.site-header__inner {
		padding: var(--spacing-sm) 0;
	}

	.site-header__logo img {
		max-height: 56px;
	}

	.btn {
		padding: var(--spacing-md) var(--spacing-lg);
		font-size: var(--font-size-sm);
	}

	.single-post__hero {
		height: 350px;
	}

	.single-post__title {
		font-size: var(--font-size-2xl);
	}

	.single-post__layout {
		grid-template-columns: 1fr;
		gap: var(--spacing-2xl);
	}

	.single-post__sidebar {
		position: static;
	}

	.single-post__navigation {
		grid-template-columns: 1fr;
		gap: var(--spacing-md);
	}

	.single-post__nav-item--prev {
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid var(--color-gray-200);
		padding-bottom: var(--spacing-md);
	}

	.single-post__nav-item--next {
		padding-left: 0;
		text-align: left;
	}

	.single-post__nav-item--next .single-post__nav-link:hover {
		transform: translateX(4px);
	}

	.about-page__hero {
		padding: var(--spacing-3xl) 0 var(--spacing-2xl);
	}

	.about-page__hero-title {
		font-size: var(--font-size-3xl);
	}

	.about-page__hero-description {
		font-size: var(--font-size-base);
	}

	.about-page__director-inner {
		grid-template-columns: 1fr;
		gap: var(--spacing-3xl);
	}

	.about-page__director-image {
		max-width: 400px;
		margin: 0 auto;
	}

	.about-page__director-badge {
		right: 20px;
		bottom: -20px;
		width: 60px;
		height: 60px;
	}

	.about-page__values {
		grid-template-columns: 1fr;
		gap: var(--spacing-lg);
	}
}

/* ============================================
   Print Styles
   ============================================ */
@media print {

	.site-header,
	.site-footer,
	.site-header__cta,
	.hero__actions,
	.appointment__form,
	.team__controls {
		display: none;
	}

	.section {
		padding: var(--spacing-lg) 0;
		page-break-inside: avoid;
	}

	a {
		text-decoration: underline;
	}

	img {
		max-width: 100% !important;
		height: auto !important;
	}
}