/* ============================== */
/* Typography */
/* ============================== */
/* Bold text */
b,strong { color: var(--blue) !important; }

/* Italic text */
/* i,em {  color: var(--blue) } */

/* ============================== */
/* Text Editor Formattings */
/* ============================== */
.window-card-text ul{
    margin-top: 12px;
    margin-bottom: 12px;
}
.window-card-text strong {
    color: var(--blue) !important;
}

/* ============================== */
/* Menu Box Style */
/* ============================== */

/* Owners menu item wrapper */
.menu-owners-highlight {
  position: relative;
}

/* Menu link */
.menu-owners-highlight > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;

  text-decoration: none;
  background: none;
}

/* Blue vertical rectangle */
.menu-owners-highlight::before {
  content: "";
  position: absolute;

  width: 40px;
  top: -2px;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);

  border: 3px solid var(--blue);
  pointer-events: none;
}

/* White mask behind text */
.menu-owners-highlight .owners-inline-box {
  display: inline-block;
  background: #fff; /* match header background */
}


/* ============================== */
/* Language Selector Customizations */
/* ============================== */

/* Remove Weglot dropdown arrow */
.country-selector.weglot-dropdown .wgcurrent::before,
.country-selector.weglot-dropdown .wgcurrent::after {
  display: none !important;
  content: none !important;
}
/* Remove border & background from Weglot wrapper */
.country-selector.weglot-dropdown .wgcurrent {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;  
}

.country-selector.weglot-dropdown ul {
  border: none !important;	
}

.country-selector.weglot-dropdown span,
.country-selector.weglot-dropdown a{
 font-size: 22px !important;
}

.country-selector {
	width: 40px;
}

/* ============================== */
/* Animate globe on Weglot open */
/* ============================== */

/* Target the globe SVG */
.elementor-element-0735997 .elementor-icon svg {
  transition: transform 0.4s ease;
  transform-origin: center;
}

/* When Weglot dropdown is OPEN */
.elementor-element-0735997 
.country-selector[aria-expanded="true"] 
~ .elementor-element 
.elementor-icon svg,
.elementor-element-0735997:has(.country-selector[aria-expanded="true"]) 
.elementor-icon svg {
  transform: rotate(180deg);
}


/* ============================== */
/* Home Page Cards */
/* ============================== */

.corner-border {
  position: relative;
}

/* STATIC CORNERS */
.corner-border::before,
.corner-border::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 33.333%;
  pointer-events: none;
}

/* TOP-RIGHT static */
.corner-border::before {
  top: 0;
  right: 0;
  left: 50%;

  background:
    linear-gradient(var(--blue), var(--blue)) top right / 100% 5px no-repeat,
    linear-gradient(var(--blue), var(--blue)) top right / 5px 100% no-repeat;
}

/* BOTTOM-LEFT static */
.corner-border::after {
  bottom: 0;
  left: 0;
  right: 50%;

  background:
    linear-gradient(var(--blue), var(--blue)) bottom left / 100% 5px no-repeat,
    linear-gradient(var(--blue), var(--blue)) bottom left / 5px 100% no-repeat;
}

.corner-border {
  --hover-border: rgba(var(--blue-rgb), 0.62);
  --hover-width: 2px;

  background:
    linear-gradient(var(--hover-border), var(--hover-border)) top left / 0% var(--hover-width) no-repeat,
    linear-gradient(var(--hover-border), var(--hover-border)) top left / var(--hover-width) 0% no-repeat,
    linear-gradient(var(--hover-border), var(--hover-border)) bottom right / 0% var(--hover-width) no-repeat,
    linear-gradient(var(--hover-border), var(--hover-border)) bottom right / var(--hover-width) 0% no-repeat;

  transition: background-size 0.5s ease;
}

/* DRAW ON HOVER */
.corner-border:hover {
  background-size:
    100% var(--hover-width),
    var(--hover-width) 100%,
    100% var(--hover-width),
    var(--hover-width) 100%;
}

/* ============================== */
/* Location Animations */
/* ============================== */

.bg-zoom {
  position: relative;
  overflow: hidden;
}

.bg-zoom::before {
  content: "";
  position: absolute;
  inset: 0;

  background: inherit;
  transform: scale(1);
  transition: transform 0.5s ease;

  z-index: 0;
}

.bg-zoom:hover::before {
  transform: scale(1.1);
}

.bg-zoom > * {
  position: relative;
  z-index: 1;
}


/* ============================== */
/* Hero Blur Pages */
/* ============================== */

.bg-blur {
  position: relative;
  overflow: hidden;
}

/* Background Overlay Effect */

.bg-blur::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(128, 128, 128, 0.25);
  z-index: 0;
}

/* Content stays sharp */
.bg-blur > * {
  position: relative;
  z-index: 1;
}



/* ============================== */
/* Door Widget Animation */
/* ============================== */
/* MAIN CONTAINER */
.door-container {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  perspective: 1200px;
}

/* HIDE CONTENT INITIALLY */
.door-content {
  opacity: 0;
  transition: opacity 0.6s ease 0.6s;
  position: relative;
  z-index: 2;
}

/* SINGLE DOOR */
.door-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2026/01/ArtStay-Door-New.svg') center/cover no-repeat;
  z-index: 3;
  transform-origin: left center;
  transition: transform 0.9s ease;
}

/* OPEN STATE */
.door-container.open::before {
  transform: rotateY(-105deg);
}

/* SHOW CONTENT */
.door-container.open .door-content {
  opacity: 1;
}

/* ================ */
/* GLOW EFFECTS */
/* ================ */


/* HOVER PEEK (INDICATOR) */
.door-container:hover::before {
  transform: rotateY(-12deg);
}

/* OPEN STATE (FULL OPEN) */
.door-container.open::before {
  transform: rotateY(-105deg);
}

.door-container::before {
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.door-container.open:hover::before {
  transform: rotateY(-105deg);
}
.door-container:hover::before {
  transform: rotateY(-12deg);
  box-shadow: -12px 0 20px rgba(0,0,0,0.25);
}

/* INNER GLOW LAYER */
.door-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 30% 50%,
    rgba(255, 220, 160, 0.45),
    rgba(255, 200, 120, 0.15),
    transparent 70%
  );
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

/* GLOW ON HOVER */
.door-container:hover::after {
  opacity: 1;
}

/* FULL GLOW WHEN OPEN */
.door-container.open::after {
  opacity: 1;
}