/* Monstersound Atelier - additions to the studio shell:
   company-party occasion, the eighth design, WhatsApp ordering. Loaded after studio.css. */

/* navigation has one more link: switch to the menu a little earlier */
@media (max-width: 1180px) {
  .nav-links { display: none; position: absolute; left: 0; right: 0; top: 72px; flex-direction: column; gap: 0; background: var(--paper); border-bottom: 1px solid var(--smoke); padding: 8px var(--gutter) 16px; }
  .nav.open .nav-links { display: flex; }
  .nav-links a { padding: 14px 0; border-bottom: 1px solid rgba(27,26,31,.08); font-size: 17px; }
  .menu-btn { display: inline-flex; align-items: center; margin-left: auto; }
}
@media (max-width: 1040px) { .nav-tools .btn-primary { display: none; } }

/* ---------- company-party occasion (full width, festive) ---------- */
.occ-corporate {
  grid-column: 1 / -1; min-height: clamp(340px, 30vw, 440px); color: #F4F1E8;
  background:
    radial-gradient(circle at 8% 22%, #E8C46A 0 5px, transparent 6px),
    radial-gradient(circle at 22% 78%, #E2384D 0 4px, transparent 5px),
    radial-gradient(circle at 38% 14%, #5FD3B6 0 4px, transparent 5px),
    radial-gradient(circle at 54% 64%, #F4F1E8 0 3px, transparent 4px),
    radial-gradient(circle at 63% 26%, #E8C46A 0 3px, transparent 4px),
    radial-gradient(circle at 46% 90%, #E8C46A 0 4px, transparent 5px),
    radial-gradient(70% 90% at 85% 100%, rgba(226, 56, 77, .45), transparent 70%),
    linear-gradient(135deg, #0A1029, #1B2756);
}
.occ-corporate h3 { color: #fff; }
.occ-corporate .occ-link { color: #E8C46A; }
.occ-corporate .phone { transform: rotate(-3deg) translateY(12%); background: #232B4A; }
.occ-new {
  display: inline-block; margin-bottom: 14px; padding: 6px 12px; border-radius: 999px;
  background: #E8C46A; color: #0E1633; font: 700 12px/1 var(--body); letter-spacing: .08em; text-transform: uppercase;
}
.occ-wedding .occ-new, .occ-birthday .occ-new { display: none; }

/* ---------- the eighth design: full-width row ---------- */
.d-festive { grid-column: span 6; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: none; }
.d-festive .design-stage { height: auto; min-height: 380px; background: linear-gradient(160deg, #0A1029, #1B2756); }
.d-festive .design-body { justify-content: center; padding: 40px; }
.d-festive .design-body h3 { font-size: clamp(30px, 3vw, 40px); }
@media (max-width: 1040px) { .d-festive { grid-column: span 2; } }
@media (max-width: 640px) {
  .d-festive { grid-template-columns: 1fr; }
  .d-festive .design-stage { min-height: 0; height: 340px; }
  .d-festive .design-body { padding: 22px; }
}
.sw-festive { background: radial-gradient(circle at 50% 34%, #DCE1EE 22%, transparent 24%), radial-gradient(circle at 25% 75%, #E8C46A 6%, transparent 8%), radial-gradient(circle at 75% 80%, #E2384D 6%, transparent 8%), linear-gradient(180deg, #0A1029, #1B2756); }

/* order buttons open WhatsApp: show the little icon */
.btn .wa-ico { width: 18px; height: 18px; flex: 0 0 auto; fill: currentColor; }

/* ---------- WhatsApp help button ---------- */
.wa-float {
  position: fixed; right: 18px; bottom: 18px; z-index: 60; width: 56px; height: 56px; border-radius: 50%;
  display: grid; place-items: center; background: #25D366; color: #fff; text-decoration: none;
  box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .45); transition: transform .2s ease;
}
.wa-float:hover { transform: scale(1.06); }
.wa-float svg { width: 30px; height: 30px; fill: currentColor; }
.footer .contact { color: var(--ink); font-weight: 600; }