/*
Template:       doctio
Theme Name:     Doctio Child
Theme URI:      https://demo.themedraft.net/wp/doctio/
Author:         ThemeDraft
Author URI:     https://themedraft.net/
Description:    Doctio is a medical health WordPress theme
Version:        1.0.0
Text Domain:    doctio
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
*/

.banner-title {
    color: #ffffff !Important;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
}
.wf-faq-hero p.sub {
    font-size: 18px;
    margin: 0 0 24px;
    display: none;
}
.wpforms-container.inline-fields .wpforms-submit {
    display: block;
    width: 40% !Important;
}

.wf-faq-search-bar button[type="submit"] {
	width: auto;
}
.widget.col-lg-3.col-md-6.widget_themedraft_nav_menu .menu-doctio-main-menu-container .menu-doctio-main-menu .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.page-item-21.current_page_item.menu-item-1182 a{
    color: #fff !important;
}

.wc-block-components-panel__button-icon {
    width: 10% !important;
}

svg {
    max-width: 10% !important;
}

.woocommerce-product-title a {
    color: #223645 !important;
}

.td-button, .wf-bs-button{
    background-color: #81C6B9 !important;
    border: #81C6B9 !important;
    color: #fff !important;
}

/* Minimal styles; move to a file like /css/faq.css and enqueue if preferred */
.wf-faq-hero {position:relative; padding: 80px 20px; color:#fff; text-align:center; background-size:cover; background-position:center;}
.wf-faq-hero .overlay {position:absolute; inset:0;}
.wf-faq-hero .inner {position:relative; max-width:1100px; margin:0 auto;}
.wf-faq-hero h1 {font-size:42px; margin:0 0 12px; color: #fff;}
.wf-faq-hero p.sub {font-size:18px; margin:0 0 24px;}
.wf-faq-search {display:flex; gap:10px; justify-content:center; align-items: baseline;}
.wf-faq-search .wf-input {padding:12px 14px; width:min(600px, 90vw); border-radius:6px; border:1px solid #e4e4e4;}
.wf-faq-search .wf-btn {padding:12px 16px; border-radius:20px; border:none; cursor:pointer; background-color: #81C6B9;}
.wf-container {max-width:1200px; margin:50px auto; padding:0 20px;}
.wf-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
@media (max-width: 992px){.wf-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 640px){.wf-grid{grid-template-columns:1fr;} }
.wf-card {border:1px solid #eee; border-radius:10px; padding:18px; background:#fff;}
.wf-card h3 {margin-top:0; font-size:20px;}
.wf-card ul {margin:12px 0 0; padding:0; list-style:none;}
.wf-card li {margin:8px 0;}
.wf-card a {text-decoration:none; color: #8C9DAD;}
.wf-view-all {display:inline-block; margin-top:10px; font-size:14px;}


.wpforms-container.inline-fields .wpforms-form {
    justify-content: center !important;
}



@media screen and (max-width: 768px) {
    .td-tiwcb-third-image {
        position: static !important;
    }
}

.fas.fa-plus {
    display: none !important;
}

.flaticon-shopping-cart-1 {
    color: #000 !important;
}

a:hover, .td-primary-color, .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_ancestor > a, .post-meta li i, .post-meta li a:hover, .sticky .post-content-wrapper:before, .post-details-wrapper article .entry-content .is-style-outline .wp-block-button__link, blockquote.wp-block-quote:before, blockquote:before, .widget.widget_rss .rss-date, .comment-metadata time, .comments-area .reply a:hover, .comment-author.vcard .fn a:hover, .bypostauthor .comment-author.vcard .fn:after, .td-header-src-btn:hover, .td-text-button, .not-found-text-wrapper .text-404 h4 {
    color: #81C6B9 !Important;
}

.td-recent-widget-date .posted-on a {
	color: #81C6B9 !Important;
}

.td-recent-widget-date .posted-on, .breadcrumb-container .current-item, .widget-contact-info-list li i {
	color: #81C6B9 !Important;
}

.sidebar-widget-area .widget.widget_block h2{
	background-color: #81C6B9 !Important;
}

.sidebar-widget-area .widget-title {
	background-color: #81C6B9 !Important;
}

.widget.themedraft_contact_form_widget, .td-subscribe-button, input[type="submit"]:hover{
	background-color: #81C6B9 !Important;
}

.widget button[type="submit"].wp-block-search__button, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce button.button {
	background-color: #81C6B9 !Important;
}

.cart-product-count, .sidebar-widget-area .widget .wp-block-categories li a:hover, .wc-block-product-search__button, .woocommerce span.onsale, .woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: #81C6B9 !Important;
	border-color: #81C6B9 !Important;
}


.form-icon {
	color: #fbf2e91a !Important;
}

.themedraft_contact_form_widget div.themedraft-contact-form-container select, .themedraft_contact_form_widget div.themedraft-contact-form-container input {
	border-color: #FFC5AD !Important;
}

.sidebar-widget-area .widget .wp-block-categories li a:hover {
    color: #ffffff !Important;
}

.td-primary-bg {
	background-color: #81C6B9 !Important;
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
	background-color: #81C6B9 !Important;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
	background-color: #81C6B9 !Important;
}

div.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	background-color: #81C6B9 !Important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item .wc-block-components-order-summary-item__quantity {
	background-color: #81C6B9 !Important;
}

.widget.widget_layered_nav li a:hover {
	background-color: #fff !Important;
}

.widget .wc-block-product-categories-list-item a:hover {
	background-color: #fff !Important;
}

.slick-dots .slick-active button {
	background-color: #81C6B9 !Important;
}

.slick-dots button {
	background-color: #fff !Important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	background-color: #fff !Important;
	border-color: #fff !Important;
}

.mobile-menu-trigger span{
	background-color: #81C6B9 !Important;
}


/* Wrapper */
.wf-related {
  --wf-gap: 1rem;
  --wf-cols: 4;             /* default; overridden by inline style from shortcode */
  --wf-radius: 14px;
  --wf-shadow: 0 6px 20px rgba(0,0,0,.06);
  --wf-border: 1px solid rgba(0,0,0,.06);
  --wf-accent: #111;        /* tweak to match your theme */
}

/* Title */
.wf-related__title {
  margin: 0 0 .75rem;
  font-size: clamp(1.1rem, 1.2vw + .9rem, 1.4rem);
  font-weight: 600;
}

/* Grid */
.wf-related__grid {
  display: grid;
  grid-template-columns: repeat(var(--wf-cols), minmax(0, 1fr));
  gap: var(--wf-gap);
}

/* Card */
.wf-card {
  display: flex;
  flex-direction: column;
  border: var(--wf-border);
  border-radius: var(--wf-radius);
  background: #fff;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
  will-change: transform;
}
.wf-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--wf-shadow);
}

/* Thumbnail */
.wf-card__thumb {
  aspect-ratio: 1 / 1;
  display: block;
  background: #f6f7f8;
  overflow: hidden;
}
.wf-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Body */
.wf-card__body {
  padding: .9rem .9rem .4rem;
	text-align: center;
}
.wf-card__name {
  margin: 0 0 .35rem;
  font-size: .98rem;
  line-height: 1.35;
}
.wf-card__name a {
  color: #223645 !Important;
  text-decoration: none;
}
.wf-card__name a:hover {
  text-decoration: underline;
}
.wf-card__price {
  font-weight: 600;
  font-size: .95rem;
}

/* Actions */
.wf-card__actions {
  padding: 0 .9rem .9rem;
  margin-top: auto;
}

.woocommerce a.button {
	background-color: #81C6B9 !important;
	text-align: center;
}

.wf-btn,
.wf-card__actions .button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .65rem .9rem;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
  transition: filter .2s ease, opacity .2s ease, background .2s ease;
}
.wf-card__actions .button:hover { filter: brightness(1.05); }

/* Responsive columns */
@media (max-width: 1100px) { .wf-related__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px)  { .wf-related__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px)  { .wf-related__grid { grid-template-columns: repeat(2, 1fr); } }

.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow
 {
    border-color: #81C6B9 !important;
}

.post-tags a, .fas.fa-arrow-left, .fas.fa-arrow-right {
	background-color: #81C6B9 !important;
}


/* =====================================================================
 * Mobile shop header + Filters button (hidden on desktop)
 * ===================================================================== */
.td-mobile-shop-header {
	display: none;
}
.td-filters-close {
	display: none;
}

@media (max-width: 767px) {

	/* Reduce the parent theme's large top margin (margin:100px 0) on the
	   shop / product category content area */
	.woocommerce-shop.page-builder-not-used .content-area,
	.tax-product_cat.page-builder-not-used .content-area,
	.tax-product_tag.page-builder-not-used .content-area,
	.post-type-archive-product.page-builder-not-used .content-area {
		margin-top: 16px !important;
	}

	/* Declutter: remove banner, sort/result topbar, and in-page sidebar */
	.td-woo-banner {
		display: none !important;
	}
	.td-woo-shop-topbar {
		display: none !important;
	}
	.td-shop-sidebar {
		display: none;
	}

	/* Mobile shop header with Filters button */
	.td-mobile-shop-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin: 10px 0 16px;
	}
	.td-mobile-shop-title {
		margin: 0;
		font-size: 26px;
		line-height: 1.2;
	}
	.td-mobile-filters-toggle {
		flex: 0 0 auto;
		background-color: #81C6B9 !important;
		color: #fff !important;
		border: none;
		border-radius: 999px;
		padding: 8px 20px;
		font-weight: 600;
		cursor: pointer;
	}

	/* Two-column product grid, reduced whitespace */
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
		margin: 0 !important;
	}

	/* Kill WooCommerce clearfix pseudo-elements which otherwise become
	   empty grid items occupying the first cell */
	.woocommerce ul.products::before,
	.woocommerce ul.products::after,
	.woocommerce-page ul.products::before,
	.woocommerce-page ul.products::after {
		content: none !important;
		display: none !important;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: auto !important;
		margin: 0 !important;
		float: none !important;
		clear: none !important;
	}

	/* Filters overlay: full-screen panel built from the existing sidebar */
	body.td-filters-open {
		overflow: hidden;
	}
	body.td-filters-open .td-shop-sidebar {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 99999;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 56px 20px 24px;
		background: #fff;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.td-filters-open .td-shop-sidebar .sidebar-widget-area {
		margin-top: 0 !important;
	}
	body.td-filters-open .td-filters-sort {
		display: block;
		margin: 0 0 24px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}
	body.td-filters-open .td-filters-sort-label {
		margin: 0 0 10px;
		font-size: 18px;
	}
	body.td-filters-open .td-filters-sort .td-woo-sort-list,
	body.td-filters-open .td-filters-sort .woocommerce-ordering,
	body.td-filters-open .td-filters-sort select.orderby {
		display: block !important;
		width: 100%;
	}
	body.td-filters-open .td-filters-sort select.orderby {
		padding: 10px 12px;
		border: 1px solid #e4e4e4;
		border-radius: 6px;
	}
	body.td-filters-open .td-filters-close {
		display: block;
		position: fixed;
		top: 10px;
		right: 14px;
		z-index: 100000;
		width: 40px;
		height: 40px;
		line-height: 1;
		font-size: 30px;
		background: transparent;
		border: none;
		color: #223645;
		cursor: pointer;
	}
}