/* Work Hero — visual layer: doodles, motion, comparison pattern */

/* ---------- Doodles (decorative, auto-applied to LP sections) ---------- */
.page main .wp-block-group.alignfull { position: relative; overflow: hidden; }
.page main .wp-block-group.alignfull::before,
.page main .wp-block-group.alignfull::after {
  content: ''; position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: contain; opacity: .95; z-index: 0;
}
/* squiggle (white) on dark hero */
.page main .wp-block-group.alignfull:first-of-type::before {
  width: 84px; height: 44px; top: 14%; left: 7%; transform: rotate(-8deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40'%3E%3Cpath d='M4 30 Q14 6 24 22 T44 18 T64 24 T78 12' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* black asterisk-star on light sections (odd) */
.page main .wp-block-group.alignfull:nth-of-type(odd):not(:first-of-type)::before {
  width: 34px; height: 34px; top: 12%; left: 9%; transform: rotate(12deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M18 2 L21 14 L33 10 L24 18 L33 26 L21 22 L18 34 L15 22 L3 26 L12 18 L3 10 L15 14 Z' fill='%23000000'/%3E%3C/svg%3E");
}
/* pink sparkle on light sections (even) */
.page main .wp-block-group.alignfull:nth-of-type(even)::after {
  width: 30px; height: 30px; top: 18%; right: 10%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2 L24 16 L38 20 L24 24 L20 38 L16 24 L2 20 L16 16 Z' fill='%23eb5078'/%3E%3C/svg%3E");
}
/* black squiggle bottom-left on even light sections */
.page main .wp-block-group.alignfull:nth-of-type(even)::before {
  width: 66px; height: 36px; bottom: 10%; left: 6%; transform: rotate(6deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40'%3E%3Cpath d='M4 30 Q14 6 24 22 T44 18 T64 24 T78 12' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
@media (max-width: 781px) {
  .page main .wp-block-group.alignfull::before, .page main .wp-block-group.alignfull::after { display: none; }
}

/* ---------- Section transitions: colored band overlap ---------- */
.page main .wp-block-group.alignfull { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ---------- Scroll motion ---------- */
.wh-anim { opacity: 0; transform: translateY(20px); transition: opacity .55s ease, transform .55s ease; }
.wh-anim.wh-in { opacity: 1; transform: none; }
.wh-anim.wh-d1 { transition-delay: .08s; } .wh-anim.wh-d2 { transition-delay: .16s; } .wh-anim.wh-d3 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) { .wh-anim { opacity: 1 !important; transform: none !important; transition: none !important; } }

/* ---------- Comparison "WH-favored" pattern ---------- */
.wh-compare { align-items: stretch; }
.wh-compare .wp-block-column { padding: 6px 4px; }
.wh-compare .wh-row { padding: 13px 10px 11px; margin: 0; border-bottom: 1px solid #e4e4e4; font-size: 16px; line-height: 1.45; text-align: center; }
.wh-compare .wh-row:last-child { border-bottom: 0; }
.wh-compare .wh-col-label .wh-row { text-align: right; font-weight: 700; font-family: var(--wh-body); border-bottom: 1px solid transparent; }
.wh-compare .wh-col-head { font-family: var(--wh-display); font-size: 20px; letter-spacing: .6px; text-align: center; padding: 14px 8px 10px; margin: 0; }
.wh-compare-hero { background: var(--wh-sky); border: 2px solid var(--wh-black); border-radius: 14px; transform: translateY(-14px); box-shadow: none; }
.wh-compare-hero .wh-row { border-bottom-color: rgba(0,0,0,.14); font-weight: 600; }
.wh-check { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; margin-right: 7px; border-radius: 50%; background: var(--wh-black); color: var(--wh-white); font-size: 12px; line-height: 1; vertical-align: -4px; }
@media (max-width: 781px) { .wh-compare-hero { transform: none; } .wh-compare .wh-col-label .wh-row { text-align: center; } }

/* Floating booking CTA */
.wh-float-cta { position: fixed; right: 22px; bottom: 22px; z-index: 9999; font-family: var(--wh-display); font-size: 15px; background: var(--wh-black); color: var(--wh-white) !important; padding: 15px 26px 11px; border-radius: 100px; text-decoration: none; border: 2px solid var(--wh-black); transition: background .15s ease, color .15s ease; }
.wh-float-cta:hover { background: var(--wh-yellow); color: var(--wh-black) !important; }
@media (max-width: 600px) { .wh-float-cta { right: 14px; bottom: 14px; font-size: 14px; padding: 13px 20px 9px; } }

/* Footer */
.wh-invert img { filter: invert(1); }
.wh-footer-link { margin: 0 0 12px; font-size: 15px; }
.wh-footer-link a { color: #ffffff !important; text-decoration: none; }
.wh-footer-link a:hover { color: var(--wh-yellow) !important; }
.wh-social { display: flex; gap: 10px; margin-top: 18px; }
.wh-social a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 7px; background: #ffffff; color: #000000; }
.wh-social a:hover { background: var(--wh-yellow); }

/* Nav dropdowns + blog cards */
.wp-block-navigation .wp-block-navigation__submenu-container { background: #ffffff !important; border: 1.5px solid #000; border-radius: 10px; padding: 6px; min-width: 240px; }
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 12px; font-size: 14px; }
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wh-sky); border-radius: 6px; }
.wh-post-card h2 a { text-decoration: none; }
.wh-post-card h2 a:hover { color: var(--wh-dim); }
.wh-post-card .wp-block-post-excerpt__more-link { font-family: var(--wh-display); font-size: 15px; color: var(--wh-black); }