/*
Theme Name: Gutentools Health
Theme URI: https://themegrove.com/products/gutentools-starter/gutentools-health/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Gutentools Health is a versatile and user-friendly Full Site Editing (FSE) WordPress theme designed specifically for health-focused websites such as clinics, hospitals, wellness centers, and medical professionals. Featuring a clean layout, modern design, and full support for Gutenberg blocks, it enables users to create professional, responsive, and lightweight websites without any coding. The theme is fully customizable, making it easy to showcase services, staff profiles, patient testimonials, appointment bookings, and health resources. Whether you're an individual practitioner or a large healthcare institution, Gutentools Health provides a flexible, SEO-optimized foundation for building an engaging and trustworthy online presence. Demo: https://demos.gutentools.com/block-demos/gutentools-health/
Template: gutentools-starter
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gutentools-health
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/


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

  .responsive-spacing {
    padding: 40px 20px !important;
  }

  .title-spacing {
    margin-bottom: 20px !important;
  }

  .ge-banner{
    min-height: unset !important;
  }

  .banner-left{
    display: none;
  }

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

}
/* Farmasal: Locations hub grid (avoid gaps; allow DOM reordering on filter) */
.farmasal-locations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.farmasal-location-card {
  min-width: 0;
}

.farmasal-location-card.is-span-all {
  grid-column: 1 / -1;
}

@media (max-width: 781px) {
  .farmasal-locations-grid {
    grid-template-columns: 1fr;
  }
  .farmasal-location-card.is-span-all {
    grid-column: auto;
  }
}

/* Farmasal: Blog Modern */
.farmasal-blog__hero {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.farmasal-blog__title {
  letter-spacing: -0.02em;
}

.farmasal-blog__hero-tools {
  gap: 16px;
  align-items: flex-start;
}

.farmasal-blog__search {
  flex: 1 1 320px;
}

.farmasal-blog .wp-block-search__inside-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 999px;
  background: #fff;
  overflow: hidden;
}

.farmasal-blog .wp-block-search__input {
  border: 0 !important;
  padding: 12px 14px;
}

.farmasal-blog .wp-block-search__button {
  border: 0;
  background: transparent;
  padding: 0 14px;
}

/* Tag cloud as pill filters */
.farmasal-blog__tags {
  flex: 0 1 520px;
}

.farmasal-blog__tags a,
.sticky-sidebar .wp-block-tag-cloud a {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 8px 8px 0;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
}

.farmasal-blog__tags a:hover,
.sticky-sidebar .wp-block-tag-cloud a:hover {
  border-color: rgba(0, 128, 128, 0.55);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

/* Blog cards */
.farmasal-blog-card {
  border: 1px solid rgba(0, 0, 0, 0.10);
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.farmasal-blog-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 0, 0, 0.16);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
}

.farmasal-blog-card__media img {
  display: block;
  width: 100%;
}

.farmasal-blog-card__body {
  padding: 16px 18px 18px;
}

.farmasal-blog-card__meta {
  gap: 10px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
}

.farmasal-blog-card__cats a {
  text-decoration: none;
  color: inherit;
}

.farmasal-blog-card__title a {
  text-decoration: none;
}

.farmasal-blog-card__title a:hover {
  text-decoration: underline;
}

/* Make sidebar actually sticky on desktop */
@media (min-width: 782px) {
  .sticky-sidebar {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px);
    align-self: start;
  }
}

/* Farmasal: Taxonomy chips */
.farmasal-taxonomy-chips__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.farmasal-chip {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}

.farmasal-chip:hover {
  border-color: rgba(0, 128, 128, 0.55);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

/* Farmasal: Blog hub (interactive) */
.farmasal-blog-hub__controls {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 140px;
  gap: 16px;
  margin-bottom: 12px;
}

.farmasal-blog-hub__label {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 6px;
}

.farmasal-blog-hub__input,
.farmasal-blog-hub__select {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
}

.farmasal-blog-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.farmasal-blog-card--hub .farmasal-blog-card__excerpt {
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
}

.farmasal-blog-hub__meta {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.55);
  margin: 0 0 12px;
}

.farmasal-blog-hub__footer {
  margin-top: 14px;
}

@media (max-width: 1024px) {
  .farmasal-blog-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 781px) {
  .farmasal-blog-hub__controls {
    grid-template-columns: 1fr;
  }
  .farmasal-blog-hub__grid {
    grid-template-columns: 1fr;
  }
}

/* Farmasal: Reviews dashboards (Testimonials) */
.farmasal-reviews-dashboard {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  padding: 20px;
  background: #fff;
}

.farmasal-reviews-dashboard--placeholder {
  opacity: 0.85;
  background: rgba(0, 0, 0, 0.02);
}

.farmasal-reviews-dashboard__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.farmasal-reviews-dashboard__link {
  font-size: 13px;
  text-decoration: none;
  opacity: 0.8;
}

.farmasal-reviews-dashboard__link:hover {
  opacity: 1;
  text-decoration: underline;
}

.farmasal-reviews-dashboard__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 14px;
}

.farmasal-reviews-metric {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.015);
}

.farmasal-reviews-metric__label {
  font-size: 12px;
  opacity: 0.7;
  margin-bottom: 4px;
}

.farmasal-reviews-metric__value {
  font-size: 20px;
  font-weight: 600;
}

.farmasal-reviews-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.farmasal-review-card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 14px;
  background: #fff;
}

.farmasal-review-card__top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
}

.farmasal-review-card__author {
  font-weight: 600;
  font-size: 13px;
}

.farmasal-review-card__meta {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  opacity: 0.75;
}

.farmasal-review-card__stars {
  letter-spacing: 0.06em;
}

.farmasal-review-card__text {
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.9;
}

@media (max-width: 1024px) {
  .farmasal-reviews-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 781px) {
  .farmasal-reviews-dashboard__summary {
    grid-template-columns: 1fr;
  }
  .farmasal-reviews-cards {
    grid-template-columns: 1fr;
  }
}

/* Farmasal: Blog hub pagination + per-page */
.farmasal-blog-hub__pagination {
  margin-top: 10px;
}

.farmasal-blog-hub__pagination-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.farmasal-blog-hub__page {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.farmasal-blog-hub__page:hover {
  border-color: rgba(0, 128, 128, 0.55);
}

.farmasal-blog-hub__page.is-active {
  background: rgba(0, 128, 128, 0.12);
  border-color: rgba(0, 128, 128, 0.4);
}

.farmasal-blog-hub__ellipsis {
  color: rgba(0, 0, 0, 0.5);
}

/* No-JS paginate_links() markup */
.farmasal-blog-hub__pagination ul.page-numbers {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.farmasal-blog-hub__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  color: inherit;
}

.farmasal-blog-hub__pagination .page-numbers.current {
  background: rgba(0, 128, 128, 0.12);
  border-color: rgba(0, 128, 128, 0.4);
}

/* Farmasal: Landing blog latest (home) tweaks */
.farmasal-blog-latest .farmasal-blog-card__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.03);
}

.farmasal-blog-latest .farmasal-blog-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.farmasal-blog-latest .farmasal-blog-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.farmasal-blog-latest .farmasal-blog-card__title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Farmasal: allow fixed background to show on inner pages (not home) */
body:not(.home) .wp-site-blocks > main > main.wp-block-group.has-white-background-color.has-background {
  background-color: transparent !important;
}



.farmasal-card-glass.is-clickable-card {
	cursor: pointer;
}

.farmasal-card-glass.is-clickable-card:focus-visible {
	outline: 2px solid var(--wp--preset--color--secondary);
	outline-offset: 2px;
}


/* Farmasal FAQ: native Gutenberg details styling */
body.page-id-150 main .wp-block-details {
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(60, 91, 119, 0.24);
	border-radius: 12px;
	padding: 0;
	margin: 0 0 12px 0;
	overflow: hidden;
	backdrop-filter: blur(1.5px);
}

body.page-id-150 main .wp-block-details summary {
	list-style: none;
	position: relative;
	cursor: pointer;
	padding: 16px 48px 16px 16px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
	transition: background-color 180ms ease;
}

body.page-id-150 main .wp-block-details summary::-webkit-details-marker {
	display: none;
}

body.page-id-150 main .wp-block-details summary::after {
	content: '+';
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: var(--wp--preset--color--secondary);
}

body.page-id-150 main .wp-block-details[open] summary::after {
	content: '−';
}

body.page-id-150 main .wp-block-details summary:hover {
	background: rgba(101, 168, 207, 0.12);
}

body.page-id-150 main .wp-block-details summary:focus-visible {
	outline: 2px solid var(--wp--preset--color--secondary);
	outline-offset: -2px;
}

body.page-id-150 main .wp-block-details > :not(summary) {
	padding: 0 16px 16px;
	margin-top: 0;
}

body.page-id-150 main .wp-block-details > p {
	margin: 0;
}

@media (max-width: 781px) {
	body.page-id-150 main .wp-block-details summary {
		padding: 14px 44px 14px 14px;
	}
	body.page-id-150 main .wp-block-details > :not(summary) {
		padding: 0 14px 14px;
	}
}


/* Single Post: transparent reading column and sidebar */
body.single-post main .wp-block-column.has-white-background-color.has-background,
body.single-post main .sticky-sidebar.has-white-background-color.has-background {
  background-color: transparent !important;
}


/* Landing intro video overlay */
body.farmasal-intro-active {
  overflow: hidden;
}

.farmasal-intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: #000;
  opacity: 1;
  transition: opacity 0.65s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.farmasal-intro-overlay.is-fading-out {
  opacity: 0;
}

.farmasal-intro-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.farmasal-intro-skip {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.farmasal-intro-skip:hover {
  background: rgba(0, 0, 0, 0.65);
}