/* Trip to Makkah — enquiry UI (Elementor kit colours) */
:root{
  --ttm-ink:#1C2D1D;
  --ttm-ink-2:#1C2D1D;
  --ttm-gold:#0284C7;
  --ttm-gold-lt:#0EA5E9;
  --ttm-green:#5BC458;
  --ttm-cream:#EFFFEF;
  --ttm-sand:#F8F8F8;
  --ttm-muted:#7A7A7A;
  --ttm-line:#E2E5E2;
  --ttm-white:#FFFFFF;
  --ttm-radius:12px;
  --ttm-font:"Open Sans",system-ui,sans-serif;
  --ttm-display:"Taviraj",Georgia,serif;
}

.ttm-hp{position:absolute!important;left:-10000px!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}

.ttm-enq{
  font-family:var(--ttm-font);
  background:var(--ttm-white);
  color:var(--ttm-ink);
  border:1px solid #E2E5E2;
  border-radius:var(--ttm-radius);
  padding:.9rem .95rem 1rem;
  box-shadow:0 18px 40px rgba(28,45,29,.12);
}
.ttm-enq--card{margin:1.25rem auto;max-width:560px}
.ttm-enq--hero{margin:0;max-width:100%}
.ttm-enq--popup{border:0;box-shadow:none;background:transparent;padding:0}

.ttm-enq-title{
  margin:0 0 .7rem;
  font-family:var(--ttm-display);
  font-size:1.4rem;
  font-weight:700;
  color:var(--ttm-ink);
  line-height:1.2;
}

.ttm-enq-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:.5rem;
}
@media (min-width:520px){
  .ttm-enq-grid{grid-template-columns:1fr 1fr;gap:.55rem .6rem}
  .ttm-field--full{grid-column:1/-1}
}

.ttm-field{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.ttm-field > span{
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ttm-muted);
}
.ttm-field em{color:var(--ttm-gold);font-style:normal}

.ttm-field input,
.ttm-field select,
.ttm-field textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border:1.5px solid var(--ttm-line);
  border-radius:8px;
  padding:.6rem .68rem;
  background:#fff;
  color:var(--ttm-ink);
  font:inherit;
  font-size:16px; /* prevent iOS zoom */
  font-weight:500;
  outline:none;
  transition:border-color .15s, box-shadow .15s;
  -webkit-appearance:none;
  appearance:none;
}
.ttm-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235A665C' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .7rem center;
  padding-right:2rem;
}
.ttm-field textarea{min-height:70px;resize:vertical}
.ttm-field input:focus,
.ttm-field select:focus,
.ttm-field textarea:focus{
  border-color:var(--ttm-gold);
  box-shadow:0 0 0 3px rgba(2,132,199,.18);
}
.ttm-field.is-invalid input,
.ttm-field.is-invalid select,
.ttm-field.is-invalid textarea{border-color:#b42318}

.ttm-enq-submit{
  margin-top:.65rem;
  width:100%;
  border:0;
  border-radius:8px;
  padding:.82rem 1rem;
  background:var(--ttm-gold);
  color:#fff;
  font-weight:700;
  font-size:.95rem;
  cursor:pointer;
  transition:transform .15s, box-shadow .15s, background .15s;
}
.ttm-enq-submit:hover{transform:translateY(-1px);background:#0369A1;box-shadow:0 12px 24px rgba(2,132,199,.28)}
.ttm-enq-submit[disabled]{opacity:.7;cursor:wait;transform:none;box-shadow:none}

.ttm-enq-note{
  margin:.5rem 0 0;
  text-align:center;
  font-size:.72rem;
  line-height:1.4;
  color:var(--ttm-muted);
}
.ttm-enq-msg{margin-top:.6rem;padding:.65rem .75rem;border-radius:8px;font-size:.86rem;line-height:1.4}
.ttm-enq-msg.is-ok{background:rgba(46,120,80,.1);border:1px solid rgba(46,120,80,.28);color:var(--ttm-ink)}
.ttm-enq-msg.is-err{background:rgba(180,35,24,.08);border:1px solid rgba(180,35,24,.22);color:#7a1c14}

/* Money-page embed shell */
.ttm-money-embed{
  width:100vw;
  max-width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  margin-top:1.5rem;
  margin-bottom:0;
  padding:1.75rem 0 2rem;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(2,132,199,.1), transparent 45%),
    linear-gradient(180deg, #EFFFEF 0%, #FFFFFF 100%);
  border-top:1px solid var(--ttm-line);
  box-sizing:border-box;
}
.ttm-money-embed__inner{
  width:min(560px, calc(100% - 1.25rem));
  margin:0 auto;
}
.ttm-money-embed .ttm-enq--card{
  margin:0;
  max-width:none;
  box-shadow:0 16px 40px rgba(8,18,14,.1);
}

/* Popup — mobile bottom sheet, desktop centered */
#ttm-exit-overlay{
  position:fixed;inset:0;z-index:100000;
  display:none;align-items:flex-end;justify-content:center;
  background:rgba(8,18,14,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:.45rem;
}
#ttm-exit-overlay.is-open{display:flex}
#ttm-exit-popup{
  width:100%;
  max-width:460px;
  max-height:min(92vh,760px);
  display:flex;
  flex-direction:column;
  background:var(--ttm-cream);
  border:1px solid #E2E5E2;
  border-radius:18px 18px 12px 12px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(4,12,9,.4);
  animation:ttmPop .35s cubic-bezier(.22,1,.36,1);
}
@keyframes ttmPop{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ttm-exit-hero{
  position:relative;
  background:var(--ttm-ink);
  color:var(--ttm-cream);
  padding:1.05rem 1.15rem .95rem;
  flex-shrink:0;
}
.ttm-exit-kicker{
  margin:0 0 .35rem;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ttm-gold-lt);
}
.ttm-exit-hero h3{
  margin:0 0 .3rem;
  font-family:var(--ttm-display);
  font-size:clamp(1.25rem,4.2vw,1.5rem);
  font-weight:700;
  color:#fff;
  line-height:1.2;
  padding-right:2rem;
}
.ttm-exit-hero p{margin:0;color:rgba(247,244,238,.78);font-size:.86rem;line-height:1.4}
.ttm-exit-close{
  position:absolute;top:.6rem;right:.6rem;
  width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(247,244,238,.12);color:#fff;font-size:1.25rem;cursor:pointer;
}
.ttm-exit-body{padding:.9rem 1rem 1.05rem;overflow:auto;-webkit-overflow-scrolling:touch}
.ttm-exit-footer{margin:.7rem 0 0;text-align:center;font-size:.8rem;color:var(--ttm-muted)}
.ttm-exit-footer a{color:var(--ttm-gold);font-weight:700;text-decoration:none}

@media (min-width:640px){
  #ttm-exit-overlay{align-items:center;padding:1rem}
  #ttm-exit-popup{border-radius:18px;max-height:min(88vh,720px)}
}