/* ================================================================
   DOMANNAKA2026 — intentional design adjustments
   These sit ON TOP of the exact STUDIO replica and are the only
   places where we deliberately differ from the live site.
   Selectors use STUDIO's stable data-s-<uuid> attributes; every
   rule is !important so it beats STUDIO's (non-important) generated
   styles regardless of injection order.

   Adjust the three values marked [KNOB] to taste.
   ================================================================ */

/* --- Fix 1: shorten the mobile hero (was 100vh, felt too long) --- */
@media screen and (max-width: 540px) {
  .sd[data-s-500dd618-b47a-48c0-bf28-6bcc8ba4605e],
  .sd[data-s-section-inner-500dd618-b47a-48c0-bf28-6bcc8ba4605e] {
    height: 70vh !important;      /* [KNOB] hero height on mobile (was 100vh) */
    min-height: 70vh !important;
  }
}

/* --- Fix 2 (REMOVED): the "DOMANNAKA" background watermark was reverted to
   the original STUDIO look (white, as on the live site) at the user's request. --- */

/* --- Fix 4: keep every large marquee watermark on a SINGLE line ---
   (DOMANNAKA / Stay|Festival Information / STAY / BOOTH / section titles).
   1) the text stays on one line; 2) the item box shrink-wraps to that
   line so scrolling copies do not overlap. Layer is bottom-anchored. */
.sd[data-s-6e619d11-bac4-450f-9c7e-01b7806c61e7],
.sd[data-s-1fa197b8-5cfb-47f0-b8cf-b8ca2742fddf],
.sd[data-s-f407889d-16e2-4d42-8d3c-eea249a9d89c],
.sd[data-s-7d066096-4c59-40fc-be9f-d37a145cf754],
.sd[data-s-45fa6d2f-b3b0-4b21-a6ca-a77e7d31130d],
.sd[data-s-7b2a5447-b97c-4a34-90f7-158694249a24],
.sd[data-s-966f5946-f575-4967-ac32-59504b85388d],
.sd[data-s-33a47a1d-0167-4d87-b53e-c9e6575cdcbf],
.sd[data-s-b181c097-c6b7-439b-b331-516b6ed3421c],
.sd[data-s-78519a4a-8151-4f3f-973a-4d183bf05c02],
.sd[data-s-5dcf52c6-5363-4bef-a2e1-6a679f76bb5b],
.sd[data-s-06bbdfff-f882-41ae-a1bf-62ce6a50175d],
.sd[data-s-b4c2ac2f-d0bc-45d0-8149-8580a10153c2],
.sd[data-s-0d212e1e-2507-4a4d-b48a-f7f49c28f3d3],
.sd[data-s-12d07a66-eedd-4daf-9a93-9f0945014d2a],
.sd[data-s-10350247-0cd7-4cc2-b367-04edf5bf9659],
.sd[data-s-9f515959-3ae7-4f40-9308-5d8d9bff473d],
.sd[data-s-c6587c1b-8e67-43c4-b80d-111fcfa2bf24],
.sd[data-s-60e24270-7810-4a0f-bfa4-e11e9ce22c15],
.sd[data-s-4fafeda1-a233-41ff-a190-c7ea03e3fef1],
.sd[data-s-d9f988ce-1ac8-485f-bd51-06a38a343c0e],
.sd[data-s-1ee7fdd6-015e-4f31-b005-d37d727965b7],
.sd[data-s-81f96b9f-ad49-4e7e-a87c-cc40b1793346],
.sd[data-s-8d94425e-cd20-4b97-8404-72e7c5bff2e8],
.sd[data-s-8b5a69da-c741-4d50-9b66-7decd13751e5],
.sd[data-s-43963953-ba35-40af-b453-588c78c25ab7],
.sd[data-s-1f424b5c-43d0-41b6-a97a-abf1180aa6d9],
.sd[data-s-03a4b62f-8b37-4032-9547-2720f7c7413b],
.sd[data-s-bda6bdba-b110-427d-b725-d477b4597408],
.sd[data-s-8a3d4d98-307b-4f60-8fba-512fa158b6da],
.sd[data-s-2af22a5c-b4f1-46d3-8514-ce49e66a5d84],
.sd[data-s-38153329-e200-478c-8294-b655d81f51b3],
.sd[data-s-98c5d677-9fdb-481f-bdbe-2533ebf83fe6],
.sd[data-s-980c05e6-d29e-4d06-ae37-21e8b0ba9bbe],
.sd[data-s-78335ad7-68b1-403d-b427-0d67620f4875],
.sd[data-s-dca64a71-a01d-40bf-8779-be30b3de92be] {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  width: max-content !important;
  max-width: none !important;
}
.sd[data-s-bdf33ea4-7103-4c3d-baf6-605591ac9607],
.sd[data-s-4ef7f204-b8a5-4090-89cf-9a4a1eac4ca5],
.sd[data-s-9f4900d3-29fa-4455-b177-14412f51cb93],
.sd[data-s-d96f4ded-cdd0-459f-bab4-fe9c9844bd23],
.sd[data-s-7e7d976d-9639-4491-9c43-9547e2e5cf47],
.sd[data-s-56c771d8-7b75-466c-bf00-942d3931dd05],
.sd[data-s-75de7736-d069-4be3-b5a1-919cfa905120],
.sd[data-s-f4b5b820-49be-4e94-95c3-6228166e980d],
.sd[data-s-ba46cf86-bc36-438e-a9a2-d2fa5405e5b7],
.sd[data-s-bf46d142-8cdf-4bb6-a1d1-fda4998693c0],
.sd[data-s-748ef115-b8a6-4d89-9378-1c9bb96d8f8a],
.sd[data-s-84295602-df8e-43b8-9e27-699edd84c4af],
.sd[data-s-42e2a9d3-ed2f-4963-bad6-1d5b44060f8c],
.sd[data-s-b3a7f687-ebbe-4a88-90dd-b438083ba6b7],
.sd[data-s-27610bb1-c5b6-468b-a000-f9b0a580b8c2],
.sd[data-s-569944b4-37d1-41e8-9941-e4b72bd419e5],
.sd[data-s-b9115eb8-38e8-4f5c-aaee-3cf1d5a7ccbf],
.sd[data-s-0f0414b3-e0e5-494e-bc17-309e40c0091e],
.sd[data-s-e8a6e809-bc4d-4fa1-be27-2416e813a6de],
.sd[data-s-8a876d9f-50e1-4232-b77a-539be5943e25],
.sd[data-s-e680bba6-6388-4109-a278-527fd09df348],
.sd[data-s-09a08f56-ff4e-4ce6-b101-01a551ebd5a7],
.sd[data-s-d4567452-1f61-4b95-8e36-dd84ef59d379],
.sd[data-s-85bdd469-fcb8-48d9-9c8b-4c0240293a27],
.sd[data-s-48d8293e-6bf2-457f-8556-88b80bce2700],
.sd[data-s-37069bc0-6352-4aff-92da-3f00b65d3c32],
.sd[data-s-1ec1fcef-f283-4941-b363-5712d39aca8d],
.sd[data-s-996dc731-74c8-49a7-882e-36f596192465],
.sd[data-s-014f80f4-940c-4a63-b718-f3def76f71a7],
.sd[data-s-479e8c41-ca64-46e2-8d07-0d146d15927f],
.sd[data-s-64f8bbbe-73e5-477a-ae10-e6aadddb6317],
.sd[data-s-acca2b77-7dc0-4cf7-af68-ea79783df2d8],
.sd[data-s-78eb13a8-3302-420f-8607-69f0292de417],
.sd[data-s-8297eb2b-a0f4-4dc2-acdf-0da18e3fa48e],
.sd[data-s-f3bf08b9-8c8b-413b-880c-18f5af56efeb],
.sd[data-s-b97b2e18-5acd-4393-90aa-190e2222d5b3] {
  width: max-content !important;
  max-width: none !important;
}

/* --- Fix 5: unify the watermark font-size to match "Stay Information".
   At tablet/desktop every watermark is already 144px; only DOMANNAKA (5 pages)
   and booth's "MAP" were 55px on mobile while the rest are 72px. Bump them to
   72px so all watermarks are the same size as Stay Information. --- */
@media screen and (max-width: 540px) {
  .sd[data-s-45fa6d2f-b3b0-4b21-a6ca-a77e7d31130d],
  .sd[data-s-966f5946-f575-4967-ac32-59504b85388d],
  .sd[data-s-60e24270-7810-4a0f-bfa4-e11e9ce22c15],
  .sd[data-s-8d94425e-cd20-4b97-8404-72e7c5bff2e8],
  .sd[data-s-43963953-ba35-40af-b453-588c78c25ab7],
  .sd[data-s-b181c097-c6b7-439b-b331-516b6ed3421c] {
    font-size: 72px !important;   /* was 55px; matches Stay Information */
  }
}

/* --- Fix 6: DOMANNAKA watermark set to 138px on TABLET only (541–840px),
   per request. Mobile (72px, Fix 5) and desktop (144px) are unchanged. --- */
@media screen and (min-width: 541px) and (max-width: 840px) {
  .sd[data-s-45fa6d2f-b3b0-4b21-a6ca-a77e7d31130d],
  .sd[data-s-966f5946-f575-4967-ac32-59504b85388d],
  .sd[data-s-60e24270-7810-4a0f-bfa4-e11e9ce22c15],
  .sd[data-s-8d94425e-cd20-4b97-8404-72e7c5bff2e8],
  .sd[data-s-43963953-ba35-40af-b453-588c78c25ab7] {
    font-size: 138px !important;   /* [KNOB] DOMANNAKA size on tablet */
  }
}

/* --- Fix 7: on TABLET the DOMANNAKA marquee window becomes height:auto and
   shows the full-height letters, which (against the fixed 120px layer) makes
   the top look denser. Clip the window to a uniform 120px like desktop. --- */
@media screen and (min-width: 541px) and (max-width: 840px) {
  .sd[data-s-679b1784-eb96-4771-952f-8e46361d7e2d],
  .sd[data-s-931cb4bd-12a9-45a2-99f7-8376bac9a767],
  .sd[data-s-a42e86b1-e4e8-464c-bebf-574ddb675725],
  .sd[data-s-8844fa09-59b9-41e5-a57e-61d1b7ef95f8],
  .sd[data-s-2e5015f8-1d24-4367-91e4-3103378256dd] {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
  }
}

/* --- Fix 3: FAQ Q&A rows were inset an extra 30px on mobile, making them
   narrower than their own category headers. Align to the standard width. --- */
@media screen and (max-width: 540px) {
  .sd[data-s-db2eb3a2-2961-4a83-902a-efa075cd4ded] > li > div,
  .sd[data-s-2fa6db6b-de2e-478d-a754-d9732cc7a65c] > li > div,
  .sd[data-s-804abc36-4bf6-4092-80a0-9c1cd1207411] > li > div,
  .sd[data-s-e00c86a7-9f99-45de-92be-d31bba9e1b9c] > li > div,
  .sd[data-s-78982f25-eb76-4b76-8024-e10d855e80c6] > li > div,
  .sd[data-s-8371ea3b-5207-4af9-b3e2-dabea16c5880] > li > div,
  .sd[data-s-9cffac65-ee16-42dd-b18b-6f93326a6f6b] > li > div,
  .sd[data-s-2dbd07f1-1acb-4c03-bb5b-c0132cfcea85] > li > div,
  .sd[data-s-842c38e6-6b10-44b3-91e7-0d52884cc92a] > li > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;   /* [KNOB] symmetric side padding for Q&A text */
    padding-right: 16px !important;
  }
}

/* --- Fix 8: FAQ question cards ("Q + heading"). The heading had a fixed width
   equal to the whole card, so on tablet/mobile the long questions overflowed
   the box (the "Q" marker + gap pushed the text past the right edge). Switch
   each question card to a grid — the "Q" marker in an auto column, the heading
   in a shrinkable minmax(0,1fr) column — so the heading wraps inside the box.
   Desktop is unaffected (no overflow there). Scoped to the FAQ content. --- */
@media screen and (max-width: 840px) {
  [data-s-1a5fa26f-9c23-4cb8-b0a5-69ad94ffde97] li > div:has(> h3) {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
  }
  [data-s-1a5fa26f-9c23-4cb8-b0a5-69ad94ffde97] li > div:has(> h3) > h3 {
    min-width: 0 !important;
    width: auto !important;
  }
}