/*
Theme Name: Senior Residence
Template: twentytwentyfive
Version: 1.0
*/

@font-face {
	font-display: swap;
	font-family: GeorgiaBold;
	font-style: normal;
	font-weight: 700;
	src: url(/wp-content/uploads/fonts/georgiab.ttf) format("truetype")
}
@font-face {
	font-display: swap;
	font-family: TangerineBold;
	font-style: normal;
	font-weight: 700;
	src: url(/wp-content/uploads/fonts/Tangerine-Bold.ttf) format("truetype")
}
h2, h3 {
	color: #6a6b6b;
	font-family: 'GeorgiaBold', Arial, sans-serif;
}
.in-curand {
	position: sticky;
	top: 30vh;
}
strong {
	font-family: 'GeorgiaBold', Arial, sans-serif;
}
.page-template-pagina-cazare h1,
.page-template-default h1 {
	height: 0;
	overflow: hidden;
}
.wp-block-navigation-item a[aria-current="page"] {
/* 	background-color: #d18f36; */
/*     color: #000; */
    font-weight: 600;
/* 	padding-inline: .25rem; */
}
.wp-block-navigation-item a[aria-current="page"]:hover {
	text-decoration: none;
}
.wp-block-navigation-item a {
	outline: none;
}
h3 + p.subtitle {
	font-size: .9rem;
	margin-block-start: 0 !important;
}
header {
	background-color: rgba(255, 255, 255, .8);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari */
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	position: sticky;
	top: 0;
	z-index: 10;
}
header:has(.has-modal-open.is-menu-open) {
/* 	position: unset; */
	backdrop-filter: unset;
	-webkit-backdrop-filter: unset;
}
header > div:first-child {
	background-color: transparent !important;
}
header nav {
	text-transform: uppercase;
}
main {
	background-attachment: fixed;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 90% auto;
	margin-block-start: 0 !important;
}
main > div:first-child {
	padding-block-start: 0 !important;
}
.entry-content {
	margin-block-start: 0 !important;
}
body:not(.home) main {
	background-image: url(/wp-content/uploads/crs-premium-bg.png);
}
body:not(.home):not(.page-template-pagina-cazare) header + figure {
	display: none !important;
}
footer {
	margin-block-start: 0;
}
:root :where(.is-layout-grid) {
	gap: 2rem;
}
.recuperare {
	align-items: start;
	
}
.wp-block-column:has(.wellness-page) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
body:not(.home) .wp-block-column:has(.wellness-page) h2,
.wp-block-column:has(.wellness-page) > div:first-child {
	align-self: start;
	position: sticky;
	/*top: 204px;*/
	top: 40vh;
}
.wellness-page {
/* 	align-self: end;
	bottom: 0;
	position: sticky; */
}
.recuperare > figure {
/*     align-self: start;
    top: 120px; */
}
.wellness,
.supraveghere-medicala {
	gap: 8px;
}
.recuperare {
	gap: 18px;
}
body.home figure.wp-block-post-featured-image {
	margin-block: 0 !important;
}
.page-template-pagina-cazare,
.home {
	--wp--preset--spacing--60: clamp(20px, 5vw, 30px);
}
.crs-email, .crs-tel, .crs-adresa {
	align-items: center;
	display: flex;
	gap: .5rem;
}
.crs-email::before, .crs-tel::before, .crs-adresa::before {
	background-size: contain;
	content: '';
	height: 16px;
	width: 16px;
}
.crs-adresa::before {
	background-image: url(/wp-content/uploads/map-icon.svg);
}
.crs-email::before {
	background-image: url(/wp-content/uploads/mail-icon.svg);
}
.crs-tel::before {
	background-image: url(/wp-content/uploads/phone-icon.svg);
}

/* Contact */

      .content-wrapper {
          max-width: 100%;
          padding-inline: 1rem;
      }
      .contact-info {
        margin-inline-start: 0;
        max-width: 100%;
        padding-inline: 1rem;
        width: auto;
      }
      .contact-info > p {
/*         text-align: center; */
      }
      .map-container {
        grid-template-columns: 1fr;
      }
    }

    /* Video Modal */
    .video-modal {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.9);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      padding: 2rem;
    }
    .video-modal.open { display: flex; }
    .video-modal__close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      /* background: #000; */
      background: transparent;
      color: #fff;
      /* border: 1px solid #444; */
      border: 0;
      /* border-radius: .25rem; */
      font-size: 2rem;
      line-height: 1;
      width: 2.5rem;
      height: 2.5rem;
      display: grid;
      place-items: center;
      cursor: pointer;
    }
    .video-modal video {
      width: min(90vw, 1280px);
      max-height: 90vh;
      height: auto;
      outline: none;
      background: #000;
    }
    .video-wrapper {
      position: relative;
    }
    .video-wrapper::before {
      background: url(images/video-icon.svg) center center / contain no-repeat;
      content: '';
      height: 100px;
      left: 50%;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%) scale(1);
      transition: all .25s;
      width: 100px;
    }
    .video-wrapper:hover::before {
      transform: translateX(-50%) translateY(-50%) scale(1.2);
    }
    form span {
      color: red;
    }
    input, textarea {
      border: 0;
      border-radius: .5rem;
      font-size: 1rem;
      margin-block: .25rem 1rem;
      padding: 0.5rem;
      width: 100%;
      box-sizing: border-box;
    }
    input:focus-visible, textarea:focus-visible {
      outline: 2px solid #0f90e8;
      outline-offset: 2px;
    }
    textarea {
      resize: vertical;
    }
    .map-container button {
/*       background-color: #000000; */
		background-color: #ecbf72;
/*       background-image: linear-gradient(to right, #0f90e8, #0f90e8); */
      border: none;
      border-radius: 9999px;
/*       color: white; */
      cursor: pointer;
		font-family: inherit;
/*       font-size: 1rem; */
		font-size: var(--wp--preset--font-size--medium);
      padding: 1rem 2.25rem;
    }
    svg {
      display: block;
      height: auto;
      margin-inline: auto;
      max-width: 60%;
    }
    .map-container {
      background-color: #F4F4F4;
      display: grid;
      gap: 2rem;
      grid-template-columns: repeat(2, 1fr);
    }
    iframe {
		height: 100%;
      width: 100%;
    }
    .contact-info {
      margin-inline-start: auto;
      max-width: 80%;
      width: 100%;
    }
.wp-singular.page.page-id-24 .entry-content {
	padding: 0;
}
.wp-singular.page.page-id-24 .entry-content .map-container {
	margin-right: 0 !important;
}
.wp-singular.page.page-id-24 main > div:first-child {
	padding-bottom: 0 !important;
}
.slider-crs,
.slider-cazare {
	aspect-ratio: 3 / 1.75;
/* 	background-color: #fff; */
	margin-block-start: 0;
	margin-inline: auto;
	max-width: 1200px;
	overflow: hidden;
    position: relative;
    width: 100%;
}
.slider-crs > figure,
.slider-cazare > figure {
	overflow: hidden;
    position: relative;
    width: 100% !important;
}
.slider-crs > figure,
.slider-cazare > figure {
  clip-path: circle(0% at 0 50%);
  height: 100%;
  position: absolute !important;
  transition: 1s 1s;
  z-index: -1;
  width: 100%;
}
.slider-crs > figure.active,
.slider-cazare > figure.active {
  clip-path: circle(150% at 0 50%);
  transition: 1s;
  z-index: unset;
}
.tipuri-camere {
	display: none;
}
.hidden {
	display: none;
}
.despre-noi-grid {
	gap: 8px !important;
}
.activitati-grid,
.cazare-grid {
	gap: 12px !important;
}
.wp-block-navigation.is-menu-open li ul,
.wp-block-navigation__submenu-container {
	padding-inline: 0 !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding-inline-end: 0 !important;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
	left: 0;
	right: unset;
}
.slider-icons {
	bottom: 1rem;
	display: flex;
	gap: 1rem;
	position: absolute;
	right: 1rem;
}
.slide-icon {
	background: #ffffff;
	border: 2px solid #ecbf72;
	border-radius: 50%;
	cursor: pointer;
	display: inline-flex;
	height: 1.25rem;
	transition: background .25s;
	width: 1.25rem;
}
.slide-icon.active {
	background: #ecbf72;
}
@media (min-width: 942px) {
	.recuperare > figure {
		position: sticky;
	}
}
@media (max-width: 941px) {
	.recuperare > figure {
		order: 1;
	}
	.map-container,
	.supraveghere-medicala,
	.cazare-grid,
	.activitati-grid,
	.despre-noi-grid,
	.recuperare,
	.wellness {
		grid-template-columns: repeat(1, 1fr);
	}
	.slider-icons {
		gap: 1rem;
	}
	.slide-icon {
		height: .5rem;
		width: .5rem;
	}
	.supraveghere-medicala figure:nth-child(2) {
		order: 1;
	}
	.supraveghere-medicala + .supraveghere-medicala {
		display: none;
	}
	.despre-noi-grid img {
		width: 100%;
	}
	.supraveghere-medicala > figure,
	.cazare-grid > figure,
	.activitati-grid > figure,
	.despre-noi-grid > figure {
		grid-column: span 1;
	}
	body:not(.home) .wp-block-column:has(.wellness-page) h2,
	.wp-block-column:has(.wellness-page) > div:first-child {
		position: relative;
		top: 0;
	}
	.contact-info {
		box-sizing: border-box;
		max-width: 100%;
		padding-inline: var(--wp--preset--spacing--50);
	}
}