/*
	Theme Name: Sana Child
	Theme URI: https://teso.io/themes/sana/
	
	Template: sana

	Author: Teso
	Author URI: https://teso.io

	Version: 1.0.0

	License: 
	License URI: 

	Description: Sana is designed to suit the needs of medical professionals from all fields of practice. By being preconfigured and optimized straight out of the box, this theme helps you set things up quickly and easily. The included custom Gutenberg blocks allow you to focus on your content, without the need for designing and coding. Use Sana to build and manage a professional website for your practice.
	Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-imag/*es, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

	Text Domain: tesoiosanachild
	Domain Path: /languages
*/
#breadcrumbs {
	justify-content: start;
	top: 100px;
	position: absolute;
	z-index: 1000;
}
.header--transparency-dark ~ main #breadcrumbs {
  color: #113e42;
}

.header--transparency-light ~ main #breadcrumbs {
  color: #fff; 
}

.header__language-dropdown {
	position: relative;
	display: flex;
	align-items: center;
}

.header__language-current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	color: var(--header-text-color);
	transition: opacity .25s linear;
}

.header__language-arrow {
	display: inline-block;
	line-height: 1;
	transition: transform 0.2s ease;
}

.header__language-arrow svg {
	width: 12px;
	height: 12px;
	display: block;
	fill: currentColor;
}

.header__language-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	gap: 8px;
	padding-top: 8px;
	white-space: nowrap;
}
.header__language-menu a {
	display: inline-flex;
	cursor: pointer;
	text-decoration: none;
	color: var(--header-text-color);
	transition: background-color .25s linear;
	font-size: 90%;
}
.header__language-option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.header__language-dropdown:hover .header__language-menu,
.header__language-dropdown:focus-within .header__language-menu {
	display: inline-flex;
}

.header__language-dropdown:hover .header__language-arrow,
.header__language-dropdown:focus-within .header__language-arrow {
	transform: rotate(180deg);
}

/* ── Contact icon in header ── */
.contact-icon-link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 4px;
	border: none;
	background-color: transparent;
	transition: opacity .25s linear;
	cursor: pointer;
}

.contact-icon-link:hover {
	opacity: 0.8;
}

.contact-icon {
	display: inline-block;
	width: 1.2rem;
	height: 1.5rem;
	opacity: 1;
	fill: var(--search-icon-color);
	transition: opacity 100ms 100ms;
}

/* Active state: icon hides, X appears (reuses theme's search-icon-x) */
.contact-icon-link.contact-icon--is-active {
	position: relative;
	z-index: 10;
}

.contact-icon-link.contact-icon--is-active .contact-icon {
	opacity: 0;
	transition: opacity 100ms;
}

.contact-icon-link.contact-icon--is-active .search-icon-x {
	opacity: 1;
	transform: rotate(225deg);
	transition: opacity 100ms, transform 200ms;
}

/* ── Contact popup (mirrors search-popup--compact) ── */
.contact-popup {
	position: fixed;
	top: -100%;
	left: 50%;
	width: 80%;
	max-width: 500px;
	height: auto;
	padding: 24px;
	border-radius: 12px;
	background: var(--color-negative);
	color: var(--color-main);
	box-shadow: var(--shadow-default);
	transform: translate(-50%, -8px);
	opacity: 0;
	z-index: 2147483647;
	display: flex;
	flex-direction: column;
	gap: 16px;
	transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, top 1ms linear .3s;
}

.contact-popup--is-active {
	top: calc(var(--js-header-height, 4rem) + var(--js-wpadminbar-height, 0px) + 16px);
	transform: translate(-50%, 0);
	transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
	opacity: 1;
}

.header__contact-popup-phones {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.header__contact-popup-phone {
	text-decoration: none;
	color: inherit;
	font-size: 1.1rem;
	font-weight: 600;
}

.header__contact-popup-phone:hover {
	text-decoration: underline;
}

.header__contact-popup-socials {
	display: flex;
	align-items: center;
	gap: 16px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 16px;
}

.header__contact-popup-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: none;
	transition: opacity .2s;
}

.header__contact-popup-social:hover {
	opacity: .65;
}

.header__contact-popup-social svg {
	width: 26px;
	height: 26px;
	display: block;
	fill: currentColor;
}
.header__menu-link.cta-link:hover {
	color: var(--color-main);
}

@media (max-width: 575.98px) {
	.header {
		--header-space-between-links: 0.65rem;
	}
}
.header__menu-link--is-submenu {
  	padding-right: 0px;
	width: 20px;
	height: 20px;
	background:transparent;
	color:#ffffff;
	border: none;
  	margin-left: 10px;
	top:4px;
}
.side-menu-widgets {
	margin-top:20px;
	border-top:1px solid rgba(255,255,255,0.2);
}
.side-menu-widget .social {
	margin-right:15px;
}
.side-menu-widget .social svg {
	width: 30px;
	height: 30px;
	fill: #fff;
}


.wpcf7-form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ffffff;
	/*border: 1px solid #dedede;
	border-radius: 4px;*/
	color: var(--color-main);
	font-family: var(--font-main);
	font-size: inherit;
	min-height: 2.5rem;
	padding: .5rem 1rem;
	width: 100%;
	margin-top: .5rem;
	display: flex;
	margin-bottom: 1rem;
}
input.wpcf7-form-control, select.wpcf7-form-control, input.wpcf7-form-control:active, select.wpcf7-form-control:active, input.wpcf7-form-control:focus, select.wpcf7-form-control:focus {
	border: 1px solid #dedede;
	border-radius: 4px;
}
.wpcf7-form-control.wpcf7-submit {
	display: block;
	text-decoration: none;
	padding: 0.8rem 1.5rem;
	color: var(--color-main);
	border: 0;
	transition: box-shadow .2s linear;
	text-align: center;
	cursor: pointer;
	border-radius: 50px;
	background-color: #e5e5e5;
	font-family: var(--font-main);
	font-size: var(--font-size-body-small);
}
select.wpcf7-form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.wpcf7-radio {
	padding-left: 0;
	display: flex;
	justify-content: center;
}
.wpcf7-acceptance {
	padding-left: 0;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin-left:0;
}


/* ============================================================
   Form popups (#form1 / #form2)
   ============================================================ */
.form-popup {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
}
.form-popup--active {
	display: flex;
}
.form-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .55);
	cursor: pointer;
}
.form-popup__content {
	position: relative;
	z-index: 1;
	background: #fff;
	border-radius: 8px;
	padding: 40px;
	width: 90%;
	max-width: 560px;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 8px 40px rgba(0, 0, 0, .18);
}
.form-popup__close {
	position: absolute;
	top: 14px;
	right: 14px;
	background: none;
	border: 0;
	padding: 4px;
	cursor: pointer;
	line-height: 1;
	color: inherit;
	opacity: .6;
	transition: opacity .2s;
}
.form-popup__close:hover {
	opacity: 1;
}
.form-popup__close svg {
	display: block;
	fill: currentColor;
}
.form-popup__body {
	margin-top: 8px;
}

/* Prevent body scroll while a form popup is open */
body.form-popup-open {
	overflow: hidden;
}
@media (max-width: 768px) {
  .header__menu-list .header__menu-item:last-child {
    padding-bottom: 0;
  }
}