/* ======================================
   CASIE BRAND TYPOGRAPHY SYSTEM
   Cormorant Garamond + Lato
   Optimized for MyRealPage
   ====================================== */


/* ===== TITLES (Elegant / Editorial) ===== */
h1.title,
h2.title,
h3.title,
.title.title {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-weight: 500 !important;

  letter-spacing: 0px !important;
  line-height: 1.15 !important;
  text-transform: none !important;

  /* polish only on display text */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* ===== SUB-TITLES (Clean / Supportive) ===== */
h2.sub-title,
h3.sub-title,
.sub-title.sub-title {
  font-family: 'Lato', sans-serif !important;
  font-weight: 500 !important;

  letter-spacing: 0.5px !important;
  line-height: 1.65 !important;
  text-transform: none !important;
  opacity: 0.95;


  /* light polish only */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* ===== BODY TEXT (Readable / Crisp) ===== */
p,
.text p,
.mrp-style-area p {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400 !important;

  line-height: 1.7 !important;
  letter-spacing: 0.1px !important;

  /* intentionally NO smoothing */
   text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* ===== MENU ===== */
nav a,
.vmenu200c a,
.mrp-menu a {
  font-family: 'Lato', sans-serif !important;
  font-weight: 600 !important;

  letter-spacing: 0.4px !important;
  text-transform: none !important;
}


/* ===== BUTTONS ===== */
.fluid-button label,
button.fluid-button label {
  font-family: 'Lato', sans-serif !important;
  font-weight: 700 !important;

  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
} 

.fluid-button {
  border-radius: 999px; /* fully pill-shaped */
  overflow: hidden;    /* ensures backgrounds respect the radius */
}


/* Base filled button styling */
a.fluid-button.button.filled {
  position: relative;
  overflow: hidden;

  background-color: #2C3D35 !important;
  border-color: #2C3D35 !important;

  transition:
    background-color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease;
}

/* Label stays crisp */
a.fluid-button.button.filled label {
  position: relative;
  z-index: 2;
  color: #F8F7F4 !important;
}

/* Sheen overlay */
a.fluid-button.button.filled::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.12) 45%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.12) 55%,
    transparent 100%
  );

  transform: translateX(-120%);
  transition: transform 0.6s ease;
  z-index: 1;
}

/* Hover / focus */
a.fluid-button.button.filled:hover,
a.fluid-button.button.filled:focus {
  background-color: #59453B !important;
  border-color: #59453B !important;

  transform: translateY(-2px) scale(1.015);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.05);
}

/* Animate sheen on hover */
a.fluid-button.button.filled:hover::after,
a.fluid-button.button.filled:focus::after {
  transform: translateX(120%);
}

/* Active press state */
a.fluid-button.button.filled:active {
  transform: translateY(0) scale(0.99);
  box-shadow:
    0 6px 16px rgba(0,0,0,0.25);
} 


/* Global: make all fluid buttons rounded */
a.fluid-button,
button.fluid-button {
  border-radius: 999px !important;
  overflow: hidden;
}

/* Specifically: make filled buttons rounded too (highest relevance) */
a.fluid-button.button.filled {
  border-radius: 999px !important;
  overflow: hidden;
}

/* If there’s any inner wrapper or label that could clip corners */
a.fluid-button.button.filled label,
a.fluid-button.button.filled span,
a.fluid-button.button.filled .inner {
  border-radius: inherit;
} 


/* Hide the default myRealPage footer block */
#bid_3728896{
  display: none !important;
}

/* Hide the CREA attribution block */
.mrp-crea-attribution{
  display: none !important;
} 



/* =========================
   MOBILE DRAWER MENU TWEAK
   Make parent labels open submenus, not navigate
   ========================= */

@media (max-width: 62rem){

  /* 1) Disable tap on parent labels (anchors) that have submenus */
  nav.vmenu200c .mrp-menu-level-0 > li.has-submenu > a,
  nav.vmenu200c .mrp-menu-level-1 > li.has-submenu > a{
    pointer-events: none;
    cursor: default;
  }

  /* 2) Keep the rest of the row tappable (so the drawer script can open the submenu) */
  nav.vmenu200c .mrp-menu-level-0 > li.has-submenu,
  nav.vmenu200c .mrp-menu-level-1 > li.has-submenu{
    pointer-events: auto;
  }

  /* 3) Submenu links still clickable */
  nav.vmenu200c .mrp-menu-level-1 a,
  nav.vmenu200c .mrp-menu-level-2 a{
    pointer-events: auto;
    cursor: pointer;
  }

}