/* Menosyke public brand layer 2026-07-18 — logo palette */
:root{
  --ms-navy:#021b5c;
  --ms-navy-dark:#00133f;
  --ms-navy-mid:#0a2d78;
  --ms-pink:#f30b63;
  --ms-pink-2:#f3194f;
  --ms-red:#f12633;
  --ms-rose:#fff0f5;
  --ms-rose-2:#ffe2ec;
  --ms-blue-soft:#eef3ff;
  --ms-blue-soft-2:#dfe8ff;
  --ms-white:#ffffff;
  --ms-text:#111b36;
  --ms-muted:#5f667a;
  --ms-border:#dce3f0;
  --ms-shadow:0 22px 62px rgba(2,27,92,.13);
  --ms-shadow-strong:0 28px 78px rgba(2,27,92,.19);
  --ms-brand-gradient:linear-gradient(135deg,var(--ms-pink) 0%,var(--ms-pink-2) 46%,var(--ms-red) 100%);
  --ms-navy-gradient:linear-gradient(135deg,var(--ms-navy-dark) 0%,var(--ms-navy) 55%,var(--ms-navy-mid) 100%);

  --navy:var(--ms-navy)!important;
  --blue:var(--ms-pink)!important;
  --blue2:var(--ms-pink-2)!important;
  --cyan:var(--ms-navy-mid)!important;
  --red:var(--ms-red)!important;
  --red2:var(--ms-pink)!important;
  --orange:var(--ms-red)!important;
  --gold:var(--ms-pink-2)!important;
  --light:var(--ms-blue-soft)!important;
  --card:var(--ms-white)!important;
  --text:var(--ms-text)!important;
  --muted:var(--ms-muted)!important;
  --border:var(--ms-border)!important;
  --shadow:var(--ms-shadow)!important;
}
*{scrollbar-color:var(--ms-pink) var(--ms-blue-soft)}
html{accent-color:var(--ms-pink)}
body{
  color:var(--ms-text)!important;
  background:
    radial-gradient(circle at 8% 3%,rgba(243,11,99,.10),transparent 28rem),
    radial-gradient(circle at 96% 15%,rgba(10,45,120,.09),transparent 30rem),
    var(--ms-white)!important;
}
body::before{
  content:"";display:block;height:5px;
  background:linear-gradient(90deg,var(--ms-navy) 0 27%,var(--ms-pink) 27% 61%,var(--ms-red) 61% 100%);
}
::selection{background:var(--ms-pink);color:#fff}

/* Header and navigation */
.site-header,.header,.topbar{
  background:rgba(255,255,255,.95)!important;
  border-bottom-color:rgba(2,27,92,.10)!important;
  box-shadow:0 8px 30px rgba(2,27,92,.065)!important;
  backdrop-filter:blur(18px)!important;
}
.site-logo,.logo img,img.logo,.brand-logo{
  max-height:64px!important;width:auto!important;object-fit:contain!important;
}
.nav-link,.header-link,.back-link,.nav a{color:var(--ms-navy)!important}
.nav-link:hover,.header-link:hover,.back-link:hover,.nav a:hover{color:var(--ms-pink)!important}
.nav-link.active{color:var(--ms-pink)!important}
.nav-link.active::after{background:var(--ms-brand-gradient)!important}
.language-current,.language-menu{border-color:rgba(2,27,92,.14)!important;background:#fff!important}
.language-current{color:var(--ms-navy)!important}
.language-menu{box-shadow:var(--ms-shadow)!important}
.language-link.active,.language-link:hover{background:var(--ms-blue-soft)!important;color:var(--ms-navy)!important}
.mobile-menu-button{color:var(--ms-navy)!important;border:1px solid rgba(2,27,92,.12)!important}

/* Buttons */
.provider-header-button,.nav-button,.header-link.primary,.primary-button,.btn-primary,.submit-button,
.btn:not(.secondary):not(.outline),button.primary,.permission-button.allow,.card-cta{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--ms-brand-gradient)!important;
  box-shadow:0 14px 30px rgba(243,11,99,.25)!important;
}
.provider-header-button:hover,.primary-button:hover,.btn-primary:hover,.submit-button:hover,
.btn:not(.secondary):not(.outline):hover,.permission-button.allow:hover,.card-cta:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.01)!important;
  box-shadow:0 18px 38px rgba(243,11,99,.32)!important;
}
.secondary-button,.btn.secondary,.btn-outline,.permission-button:not(.allow){
  color:var(--ms-navy)!important;
  background:#fff!important;
  border-color:rgba(2,27,92,.20)!important;
  box-shadow:none!important;
}
.secondary-button:hover,.btn.secondary:hover,.btn-outline:hover,.permission-button:not(.allow):hover{
  background:var(--ms-blue-soft)!important;border-color:var(--ms-navy)!important;
}

/* Common surfaces and forms */
.search-panel,.search-card,.panel,.card,.page-card,.login-card,.package-card,.price-card,.step,.box,
.permission-card,.listing-hero-summary,.main-panel,.side-panel{
  border-color:rgba(2,27,92,.11)!important;
  box-shadow:var(--ms-shadow)!important;
}
.search-card,.search-panel,.permission-card,.panel,.card,.page-card,.login-card,.package-card,.price-card{
  background:rgba(255,255,255,.97)!important;
}
.form-field input,.form-field select,input,select,textarea{
  border-color:var(--ms-border)!important;background:#fff!important;color:var(--ms-text)!important;
}
.form-field input:focus,.form-field select:focus,input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(243,11,99,.13)!important;
  border-color:var(--ms-pink)!important;
  box-shadow:0 0 0 1px rgba(243,11,99,.06)!important;
}
.checkbox-field{
  background:linear-gradient(135deg,var(--ms-blue-soft),var(--ms-rose))!important;
  border-color:rgba(243,11,99,.16)!important;
}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ms-pink)!important}

/* Hero */
.hero{
  position:relative;
  background:
    radial-gradient(circle at 88% 14%,rgba(243,11,99,.17),transparent 17rem),
    radial-gradient(circle at 73% 78%,rgba(2,27,92,.11),transparent 24rem),
    linear-gradient(135deg,#fff 0%,var(--ms-blue-soft) 48%,var(--ms-rose) 100%)!important;
}
.hero::after{
  content:"";position:absolute;inset:auto 0 0;height:7px;pointer-events:none;
  background:linear-gradient(90deg,var(--ms-navy) 0 31%,var(--ms-pink) 31% 68%,var(--ms-red) 68% 100%);
  opacity:.94;
}
.hero h1,.hero-title,h1{color:var(--ms-navy)!important}
.hero h1 .blue-word,.hero-highlight,.highlight,.accent{color:var(--ms-pink)!important}
.hero h1 .blue-word::after{background:linear-gradient(90deg,rgba(243,11,99,.20),rgba(241,38,51,.20))!important}
.hero-description,.hero-text,.hero p,.intro{color:#3f4861!important}
.eyebrow{
  color:var(--ms-navy)!important;background:#fff!important;
  border:1px solid rgba(243,11,99,.20)!important;box-shadow:0 8px 22px rgba(2,27,92,.08)!important;
}
.radar-card,.organizer-visual,.step-visual{
  background:
    radial-gradient(circle at center,rgba(243,11,99,.19) 0 11%,transparent 12% 24%,rgba(2,27,92,.11) 25% 40%,transparent 41%),
    linear-gradient(135deg,var(--ms-rose),#fff 49%,var(--ms-blue-soft))!important;
}
.map-pin-large,.permission-icon{color:var(--ms-pink)!important;background:#fff!important}

/* Nearby results and event cards */
.nearby-section,.results-section,.pricing-section,.section.soft{
  background:linear-gradient(180deg,#fff,var(--ms-blue-soft))!important;
}
.section-title .pin-dot,.distance-badge,.time-badge{
  color:var(--ms-pink)!important;background:var(--ms-rose)!important;border-color:rgba(243,11,99,.12)!important;
}
.event-card,.results-grid .card,.related-card{
  overflow:hidden!important;
  border:1px solid rgba(2,27,92,.10)!important;
  box-shadow:0 16px 42px rgba(2,27,92,.10)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.event-card:nth-child(3n+1),.results-grid .card:nth-child(3n+1){border-top:5px solid var(--ms-navy)!important}
.event-card:nth-child(3n+2),.results-grid .card:nth-child(3n+2){border-top:5px solid var(--ms-pink)!important}
.event-card:nth-child(3n),.results-grid .card:nth-child(3n){border-top:5px solid var(--ms-red)!important}
.event-card:hover,.results-grid .card:hover,.related-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(243,11,99,.30)!important;
  box-shadow:var(--ms-shadow-strong)!important;
}
.active-deal-card,.event-card.has-deal{border:2px solid var(--ms-pink)!important}
.badge.open,.tag.open{background:var(--ms-blue-soft)!important;color:var(--ms-navy)!important}
.badge.event,.tag{background:var(--ms-rose)!important;color:var(--ms-pink)!important}
.superdeal-badge,.badge.deal,.deal-ribbon,.hero-deal-overlay{
  color:#fff!important;background:var(--ms-brand-gradient)!important;border-color:transparent!important;
}
.deal-strip-red,.deal-box{
  background:linear-gradient(135deg,var(--ms-rose),#fff 55%,var(--ms-blue-soft))!important;
  border-color:rgba(243,11,99,.28)!important;
  color:var(--ms-navy)!important;
}
.view-link,.show-all{color:var(--ms-pink)!important}

/* Newsletter / last-minute offers */
.superdeal-section{background:linear-gradient(180deg,#fff,var(--ms-rose))!important}
.superdeal-card{
  position:relative;overflow:hidden!important;color:#fff!important;
  background:
    radial-gradient(circle at 7% 10%,rgba(243,11,99,.30),transparent 15rem),
    radial-gradient(circle at 94% 88%,rgba(241,38,51,.24),transparent 18rem),
    var(--ms-navy-gradient)!important;
  border:0!important;
  box-shadow:0 28px 78px rgba(2,27,92,.27)!important;
}
.superdeal-card::after{
  content:"";position:absolute;right:-55px;top:-55px;width:210px;height:210px;border-radius:50%;
  border:32px solid rgba(255,255,255,.07);pointer-events:none;
}
.superdeal-copy h2,.superdeal-copy p,.superdeal-interest-label,.superdeal-form label span,.superdeal-help,.superdeal-category-help{
  color:#fff!important;
}
.superdeal-copy p,.superdeal-help,.superdeal-category-help{opacity:.83}
.envelope-visual{
  background:linear-gradient(135deg,#fff,var(--ms-rose) 50%,var(--ms-blue-soft))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
.superdeal-form input,.superdeal-form select,.superdeal-interest-dropdown summary,.superdeal-interest-menu{
  background:#fff!important;border-color:rgba(255,255,255,.40)!important;
}
.superdeal-interest-option{color:var(--ms-text)!important}

/* How it works */
.how-section,.section{background:#fff!important}
.step-card,.step{border-top:5px solid var(--ms-navy)!important}
.step-card:nth-child(2),.step:nth-child(2){border-top-color:var(--ms-pink)!important}
.step-card:nth-child(3),.step:nth-child(3){border-top-color:var(--ms-red)!important}
.step-number,.step::before{background:var(--ms-brand-gradient)!important;box-shadow:0 10px 24px rgba(243,11,99,.24)!important}

/* Organizer, pricing and CTAs */
.organizer-section{background:linear-gradient(180deg,#fff,var(--ms-blue-soft))!important}
.organizer-card,.cta{
  color:#fff!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(243,11,99,.25),transparent 15rem),
    var(--ms-navy-gradient)!important;
  border:0!important;box-shadow:var(--ms-shadow-strong)!important;
}
.organizer-card h2,.organizer-card p,.organizer-card a,.cta h2,.cta p{color:#fff!important}
.organizer-actions .primary-button{background:var(--ms-brand-gradient)!important}
.price-card,.package-card{position:relative;overflow:hidden!important}
.price-card::before,.package-card::before,.login-card::before,.page-card::before{
  content:"";display:block;position:absolute;left:0;right:0;top:0;height:6px;
  background:linear-gradient(90deg,var(--ms-navy) 0 30%,var(--ms-pink) 30% 69%,var(--ms-red) 69% 100%)!important;
}
.login-card::before,.page-card::before{position:relative;margin:-1px -1px 22px;border-radius:24px 24px 0 0}
.price,.package-price{color:var(--ms-pink)!important}
.check-list li::before{background:var(--ms-blue-soft)!important;color:var(--ms-navy)!important}

/* Event detail */
.listing-hero-detail{background:linear-gradient(135deg,var(--ms-blue-soft),#fff 55%,var(--ms-rose))!important}
.hero-placeholder,.image-placeholder{color:#fff!important;background:var(--ms-navy-gradient)!important}

/* Status and messages */
.message.success,.alert.success,.notice.success{background:var(--ms-blue-soft)!important;color:var(--ms-navy)!important;border-color:rgba(2,27,92,.14)!important}
.message.error,.alert.error,.notice.error{background:var(--ms-rose)!important;color:#a90d38!important;border-color:rgba(243,11,99,.20)!important}
.status.active{background:var(--ms-blue-soft)!important;color:var(--ms-navy)!important}
.status.pending_payment{background:var(--ms-rose)!important;color:var(--ms-pink)!important}

/* Footer */
.site-footer{background:var(--ms-navy-dark)!important;border-top:0!important;color:#fff!important}
.site-footer *{color:#fff!important}
.footer-links a:hover{color:#ff91b9!important}
.menosyke-slogan{color:var(--ms-pink)!important;font-weight:900;letter-spacing:.01em}

@media(max-width:720px){
  body::before{height:4px}
  .site-logo,.logo img,img.logo{max-height:52px!important}
  .hero{
    background:
      radial-gradient(circle at 88% 12%,rgba(243,11,99,.14),transparent 13rem),
      linear-gradient(155deg,#fff 0%,var(--ms-blue-soft) 58%,var(--ms-rose) 100%)!important;
  }
  .hero h1{font-size:clamp(37px,11.5vw,58px)!important}
  .superdeal-card{background:var(--ms-navy-gradient)!important}
}

/* Menosyke logo v2: supplied location + pulse logo */
.site-logo,
.brand img,
.logo img,
img[alt="Menosyke"] {
  width: clamp(190px, 23vw, 300px);
  max-width: 100%;
  height: auto;
  max-height: 78px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 720px) {
  .site-logo,
  .brand img,
  .logo img,
  img[alt="Menosyke"] {
    width: 190px;
    max-height: 58px;
  }
}