/*
 * Flowing section edges for the parallel design installation.
 * Gutenberg blocks keep their existing semantic classes and remain editable.
 */

body:not(.design-home) :is(
  .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha),
  .lomi-section-aloha,
  .lomi-section-lineage-statement,
  .lv-quotes-section
){
  position:relative;
  z-index:2;
  overflow:visible;
}

body:not(.design-home) :is(
  .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha),
  .lomi-section-aloha,
  .lomi-section-lineage-statement,
  .lv-quotes-section
)::before{
  content:"";
  position:absolute;
  z-index:0;
  top:-31px;
  left:-3%;
  width:106%;
  height:33px;
  background-position:center bottom;
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none;
}

/* Dark-green intermediate statements: a restrained wave at both edges. */
body:not(.design-home) .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23263d35' d='M0 25C178 5 330 31 520 19C724 7 872 32 1068 17C1238 4 1350 18 1440 11V34H0Z'/%3E%3C/svg%3E");
}

body:not(.design-home) .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha)::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-3%;
  bottom:-31px;
  left:-3%;
  height:33px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23263d35' d='M0 0h1440v9c-174 19-321-5-510 8C731 31 589 7 393 21C218 33 103 19 0 25Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat;
  pointer-events:none;
}

/* Quotes retain the homepage convention: one soft sun-yellow upper edge. */
body:not(.design-home) .lv-quotes-section::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 25C196 4 348 31 558 19C757 8 911 32 1105 16C1265 3 1362 17 1440 10V34H0Z'/%3E%3C/svg%3E");
}

body:not(.design-home) .lv-quotes-section{
  margin-top:31px;
  margin-bottom:0;
}

body:not(.design-home) .lv-quotes-section::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-3%;
  bottom:-31px;
  left:-3%;
  height:33px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 0h1440v9c-174 19-321-5-510 8C731 31 589 7 393 21C218 33 103 19 0 25Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat;
  pointer-events:none;
}

/* Aloha and Lomi Ke Ala Hoku share the sun-yellow accent, with a quieter variation. */
body:not(.design-home) .method-detail--lomi :is(.lomi-section-aloha,.lomi-section-lineage-statement)::before{
  top:-31px;
  bottom:auto;
  left:-3%;
  width:106%;
  height:33px;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 19C152 7 291 28 456 16C664 3 824 30 1012 20C1199 10 1324 23 1440 9V34H0Z'/%3E%3C/svg%3E");
}

body:not(.design-home) :is(.lomi-section-aloha,.lomi-section-lineage-statement)::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-3%;
  bottom:-31px;
  left:-3%;
  height:33px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 34' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 0h1440v13c-160 12-310-8-478 3C759 30 605 6 416 20C226 33 99 18 0 26Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat;
  pointer-events:none;
}

body:not(.design-home) .method-detail--lomi :is(.lomi-section-aloha,.lomi-section-lineage-statement) :is(
  .lomi-aloha-heading,
  .lomi-aloha-statement,
  .lomi-lineage-heading,
  .lomi-lineage-translation
){
  border-left:3px solid var(--ember);
}

body:not(.design-home) .method-detail--lomi :is(.lomi-section-aloha,.lomi-section-lineage-statement) :is(
  .lomi-aloha-heading,
  .lomi-lineage-heading
){
  margin-bottom:0;
}

body:not(.design-home) .method-detail--lomi :is(.lomi-section-aloha,.lomi-section-lineage-statement) :is(
  .lomi-aloha-statement,
  .lomi-lineage-translation
){
  padding-top:.65rem;
}

@media(max-width:650px){
  body:not(.design-home) :is(
    .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha),
    .lomi-section-aloha,
    .lomi-section-lineage-statement,
    .lv-quotes-section
  )::before{
    top:-23px;
    height:25px;
  }

  body:not(.design-home) .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha)::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23263d35' d='M0 19C89 6 159 25 247 14C313 7 353 14 390 9V27H0Z'/%3E%3C/svg%3E");
  }

  body:not(.design-home) .method-detail--lomi :is(.lomi-section-aloha,.lomi-section-lineage-statement)::before{
    top:-23px;
    height:25px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 15C74 8 142 23 221 14C295 6 346 16 390 8V27H0Z'/%3E%3C/svg%3E");
  }

  body:not(.design-home) .lv-quotes-section::before{
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 19C91 6 162 25 250 14C315 7 354 14 390 9V27H0Z'/%3E%3C/svg%3E")!important;
  }

  body:not(.design-home) .lv-quotes-section{
    margin-top:23px;
    margin-bottom:0;
  }

  body:not(.design-home) :is(
    .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha),
    .lomi-section-aloha,
    .lomi-section-lineage-statement
  )::after{
    bottom:-23px;
    height:25px;
  }

  body:not(.design-home) .wp-block-group.is-style-lv-section-forest:not(.lomi-section-aloha)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23263d35' d='M0 0H390V9C307 20 238 3 149 14C78 23 34 15 0 20Z'/%3E%3C/svg%3E");
  }

  body:not(.design-home) :is(.lomi-section-aloha,.lomi-section-lineage-statement)::after{
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 0H390V11C316 18 250 5 173 15C94 24 42 14 0 20Z'/%3E%3C/svg%3E")!important;
  }

  body:not(.design-home) .lv-quotes-section::after{
    bottom:-23px;
    height:25px;
    background-color:transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 27' preserveAspectRatio='none'%3E%3Cpath fill='%23eed9a6' d='M0 0H390V9C307 20 238 3 149 14C78 23 34 15 0 20Z'/%3E%3C/svg%3E")!important;
  }
}