/*
Theme Name: Medical Clinic Child
Theme URI: http://cmsmasters.net/medical-clinic-child/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Medical Clinic Child Theme
Template: medical-clinic
Version: 1.0.0
License:
License URI:
Text Domain: medical-clinic-child
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/* =========================================================
   TEAM ASRAF SIUM
   MOBILE HEADER ONLY

   Mobile:
   Logo Left | White Phone Icon | Hamburger

   Phone Icon -> WhatsApp
   Desktop: NO CHANGE
========================================================= */


/* Desktop / non-mobile এ custom action hidden */
.tas_mobile_header_actions {
	display: none !important;
}


/* =========================================================
   MOBILE ONLY
========================================================= */

@media only screen and (max-width: 767px) {


	/* =====================================================
	   HEADER MID
	===================================================== */

	#header .header_mid {
		height: auto !important;
		min-height: 68px !important;
		overflow: visible !important;
		clear: both !important;
	}


	#header .header_mid .header_mid_outer {
		height: auto !important;
		min-height: 68px !important;
		overflow: visible !important;
	}


	#header .header_mid .header_mid_inner {

		width: 100% !important;

		height: auto !important;
		min-height: 68px !important;

		padding: 0 12px !important;
		margin: 0 !important;

		box-sizing: border-box !important;

		display: flex !important;
		flex-wrap: wrap !important;

		align-items: center !important;

		text-align: left !important;
	}



	/* =====================================================
	   LOGO - LEFT
	===================================================== */

	#header .header_mid .header_mid_inner .logo_wrap {

		order: 1;

		flex: 1 1 0 !important;
		min-width: 0 !important;

		width: auto !important;
		height: 68px !important;

		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

		display: flex !important;

		align-items: center !important;
		justify-content: flex-start !important;

		text-align: left !important;

	}


	/* Parent theme vertical helper remove */

	#header .header_mid .header_mid_inner .logo_wrap:after {

		display: none !important;
		content: none !important;

	}


	#header .header_mid .logo_wrap .logo {

		display: flex !important;

		align-items: center !important;
		justify-content: flex-start !important;

		width: auto !important;
		height: auto !important;

		max-width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

	}


	/* =====================================================
	   MAIN LOGO
	   Logo একটু বড় করা হয়েছে
	===================================================== */

	#header .header_mid
	.logo_wrap
	.logo > img:not(.logo_retina) {

		display: block !important;

		position: static !important;

		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;

		width: auto !important;
		height: auto !important;

		max-width: 195px !important;
		max-height: 46px !important;

		margin: 0 !important;
		padding: 0 !important;

	}


	/* =====================================================
	   MOBILE RETINA LOGO

	   White retina logo hide করে
	   normal TAS logo ব্যবহার করছি
	===================================================== */

	#header .header_mid
	.logo_wrap
	.logo > img.logo_retina {

		display: none !important;

	}



	/* =====================================================
	   PHONE ICON AREA
	===================================================== */

	#header .header_mid .tas_mobile_header_actions {

		order: 2;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 auto !important;

		/*
		 * Phone icon এবং hamburger-এর
		 * মাঝে extra space
		 */
		margin: 0 12px 0 0 !important;

		padding: 0 !important;

		float: none !important;

	}



	/* =====================================================
	   PHONE BUTTON CLICK AREA
	===================================================== */

	#header .header_mid .tas_mobile_header_btn {

		width: 34px !important;
		height: 34px !important;

		flex: 0 0 34px !important;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		border: none !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		text-decoration: none !important;

		line-height: 1 !important;

	}



	/* =====================================================
	   WHITE PHONE ICON
	   Click -> WhatsApp
	===================================================== */

	#header .header_mid .tas_mobile_whatsapp_phone {

		background: transparent !important;

		color: #ffffff !important;

		border: none !important;

		box-shadow: none !important;

		outline: none !important;

	}


	#header .header_mid .tas_mobile_whatsapp_phone:hover,
	#header .header_mid .tas_mobile_whatsapp_phone:focus,
	#header .header_mid .tas_mobile_whatsapp_phone:active {

		background: transparent !important;

		color: #ffffff !important;

		border: none !important;

		box-shadow: none !important;

	}


	#header .header_mid
	.tas_mobile_whatsapp_phone svg {

		display: block !important;

		width: 19px !important;
		height: 19px !important;

		margin: 0 !important;
		padding: 0 !important;

		fill: #ffffff !important;
		color: #ffffff !important;

	}



	/* =====================================================
	   HAMBURGER - RIGHT
	===================================================== */

	#header .header_mid
	.header_mid_inner
	.resp_mid_nav_wrap {

		order: 3;

		display: flex !important;

		align-items: center !important;
		justify-content: flex-end !important;

		flex: 0 0 42px !important;

		width: 42px !important;
		height: 68px !important;

		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;

	}


	#header .header_mid .resp_mid_nav_outer {

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 42px !important;
		height: 42px !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: center !important;

	}


	/* Remove theme vertical alignment helper */

	#header .header_mid .resp_mid_nav_outer:after {

		display: none !important;
		content: none !important;

	}


	#header .header_mid .resp_mid_nav {

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		width: 42px !important;
		height: 42px !important;

		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

	}



	/* =====================================================
	   MOBILE MENU
	   Opens below header
	===================================================== */

	#header .header_mid
	.header_mid_inner
	.mid_nav_wrap {

		order: 4;

		flex: 0 0 calc(100% + 24px) !important;

		width: calc(100% + 24px) !important;
		height: auto !important;

		float: none !important;
		clear: both !important;

		margin: 0 -12px !important;
		padding: 0 !important;

		visibility: visible !important;
		opacity: 1 !important;

		overflow: hidden !important;

	}


	/*
	 * nav display force করা হচ্ছে না।
	 *
	 * CMSMasters theme JS hamburger click-এর
	 * মাধ্যমে menu open/close করবে।
	 */

	#header .header_mid .mid_nav_wrap nav {

		width: 100% !important;
		height: auto !important;

	}


	#header .header_mid .navigation {

		width: 100% !important;

		box-sizing: border-box !important;

	}



	/* =====================================================
	   OVERRIDE PARENT THEME <= 540px RULES
	===================================================== */

	#header .header_mid
	.header_mid_inner
	> div:not(.mid_nav_wrap):not(.logo_wrap):not(.social_wrap) {

		margin-top: 0 !important;
		margin-bottom: 0 !important;

		vertical-align: middle !important;

	}


	#header .header_mid
	.header_mid_inner
	.mid_nav_wrap {

		margin-top: 0 !important;

	}

}



/* =========================================================
   SMALL MOBILE
   421px এবং নিচে
========================================================= */

@media only screen and (max-width: 420px) {


	#header .header_mid .header_mid_inner {

		padding-left: 10px !important;
		padding-right: 10px !important;

	}


	/* Logo */

	#header .header_mid
	.logo_wrap
	.logo > img:not(.logo_retina) {

		max-width: 175px !important;
		max-height: 42px !important;

	}


	/* Phone -> hamburger gap */

	#header .header_mid .tas_mobile_header_actions {

		margin-right: 10px !important;

	}


	/* Phone click area */

	#header .header_mid .tas_mobile_header_btn {

		width: 32px !important;
		height: 32px !important;

		flex-basis: 32px !important;

	}


	/* Phone icon */

	#header .header_mid
	.tas_mobile_whatsapp_phone svg {

		width: 18px !important;
		height: 18px !important;

	}


	/* Menu full width */

	#header .header_mid
	.header_mid_inner
	.mid_nav_wrap {

		flex-basis: calc(100% + 20px) !important;

		width: calc(100% + 20px) !important;

		margin-left: -10px !important;
		margin-right: -10px !important;

	}

}



/* =========================================================
   VERY SMALL MOBILE
   355px এবং নিচে
========================================================= */

@media only screen and (max-width: 355px) {


	/* Logo */

	#header .header_mid
	.logo_wrap
	.logo > img:not(.logo_retina) {

		max-width: 155px !important;
		max-height: 39px !important;

	}


	/* Phone -> hamburger gap */

	#header .header_mid .tas_mobile_header_actions {

		margin-right: 8px !important;

	}


	/* Phone click area */

	#header .header_mid .tas_mobile_header_btn {

		width: 30px !important;
		height: 30px !important;

		flex-basis: 30px !important;

	}


	/* Phone icon */

	#header .header_mid
	.tas_mobile_whatsapp_phone svg {

		width: 17px !important;
		height: 17px !important;

	}


	/* Hamburger */

	#header .header_mid
	.header_mid_inner
	.resp_mid_nav_wrap {

		flex-basis: 38px !important;
		width: 38px !important;

	}

}
/* =========================================================
   ALL PROFILE CARDS
   Hide Contact Info + Social Icons
   Existing Header CSS Will Not Be Affected
========================================================= */

/* Hide profile contact information */
.cmsmasters_profile .profile_contact_info,
.profile_contact_info {
	display: none !important;
}

/* Hide profile social icons */
.cmsmasters_profile .profile_social_icons,
.profile_social_icons {
	display: none !important;
}

/* =========================================================
   GLOBAL AUTHOR HIDE
   Keep Post / Project Dates Visible
========================================================= */

/* Blog author */
.cmsmasters_post_author {
	display: none !important;
}

/* Project author in listings */
.cmsmasters_project_author {
	display: none !important;
}

/* About Author box */
.about_author {
	display: none !important;
}

/* Generic CMSMasters author links */
.entry-meta .vcard.author {
	display: none !important;
}

/* =========================================================
   SINGLE PROJECT - MORE PROJECTS
   Hide Date / Meta Only
   Other Project & Blog Dates Stay Unchanged
========================================================= */

.single-project .cmsmasters_single_slider
.cmsmasters_single_slider_item_inner_meta {
	display: none !important;
}
/* News archive visual refresh: dynamic content remains unchanged */
.content_wrap.r_sidebar:has(.tas-news-main-archive) {
  padding-top: 36px;
  padding-bottom: 85px;
}

.tas-news-main-archive {
  column-gap: 24px;
}

.tas-news-main-archive .tas-news-card {
  margin-bottom: 24px;
  border: 1px solid #e4ebf3;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(35, 62, 92, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tas-news-main-archive .tas-news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(35, 62, 92, 0.15);
}

.tas-news-main-archive .tas-news-media {
  aspect-ratio: 4 / 3;
  border-radius: 14px 14px 0 0;
  background: #eef4f8;
}

.tas-news-main-archive .tas-news-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.tas-news-main-archive .tas-news-card:hover .tas-news-media img {
  transform: scale(1.04);
}

.tas-news-main-archive .tas-fb-play {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
}

.tas-news-main-archive .tas-news-content {
  padding: 21px 22px 23px;
}

.tas-news-main-archive .tas-news-date {
  margin-bottom: 9px;
  color: #3eb8d7;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.tas-news-main-archive .tas-news-title {
  margin-bottom: 11px !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.tas-news-main-archive .tas-news-title a {
  transition: color 0.2s ease;
}

.tas-news-main-archive .tas-news-title a:hover {
  color: #1877f2 !important;
}

.tas-news-main-archive .tas-news-excerpt {
  color: #596673;
  font-size: 14px;
  line-height: 1.75;
}

.tas-news-main-archive .tas-news-readmore {
  margin-top: 17px;
  padding: 8px 14px;
  border-radius: 5px;
  background: #1877f2;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease;
}

.tas-news-main-archive .tas-news-readmore:hover {
  background: #3065b5;
  transform: translateY(-1px);
}

.tas-news-main-archive .tas-news-pagination {
  margin-top: 28px;
}

.tas-news-main-archive .tas-news-pagination a,
.tas-news-main-archive .tas-news-pagination span {
  min-width: 34px;
  height: 34px;
  border-radius: 5px;
  line-height: 34px;
  text-align: center;
}

#page:has(.tas-news-main-archive) .widget {
  margin-bottom: 26px;
  padding: 21px 20px 22px;
  border: 1px solid #e4ebf3;
  border-radius: 12px;
  background: #f7fafc;
}

#page:has(.tas-news-main-archive) .widgettitle {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 1.3;
}

#page:has(.tas-news-main-archive) .widget_search input {
  border-radius: 6px;
  background: #ffffff;
}

#page:has(.tas-news-main-archive) .widget_custom_posts_tabs_entries .tabs li a {
  border-radius: 5px;
}

@media only screen and (max-width: 1024px) {
  .content_wrap.r_sidebar:has(.tas-news-main-archive) {
    padding-top: 24px;
    padding-bottom: 70px;
  }
  .tas-news-main-archive {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .content_wrap.r_sidebar:has(.tas-news-main-archive) {
    padding-top: 18px;
    padding-bottom: 50px;
  }
  .tas-news-main-archive .tas-news-card {
    margin-bottom: 18px;
    border-radius: 11px;
  }
  .tas-news-main-archive .tas-news-media {
    border-radius: 11px 11px 0 0;
  }
  .tas-news-main-archive .tas-news-content {
    padding: 17px 17px 19px;
  }
  .tas-news-main-archive .tas-news-title {
    font-size: 19px !important;
  }
  #page:has(.tas-news-main-archive) .widget {
    margin-bottom: 18px;
    padding: 17px 16px 18px;
  }
}