/* Frosted Flakes Theme */
.theme-frosted-flakes .seeds-page-section .accordion-item {
  --accordion-item-bg-color: #EAF6FF;
  --accordion-item-label-color: #0061af;
}

/* Special K Theme */
.theme-special-k .seeds-page-section .accordion-item {
  --accordion-item-bg-color: #FFF5F7;
  --accordion-item-label-color: #ED1941;
}

/* Raisin Bran Theme */
.theme-raisin-bran .seeds-page-section .accordion-item {
  --accordion-item-bg-color: #EEEAED;
  --accordion-item-label-color: #64154C;
}

.accordion details {
  border-bottom: .08em solid var(--dark-color);
}

/* stylelint-disable-next-line no-descending-specificity */
.accordion details+details {
  margin-top: 1rem;
}

.accordion details summary {
  position: relative;
  padding: 0 1rem;
  padding-right: 3rem;
  cursor: pointer;
  list-style: none;
  overflow: hidden;
  transition: background-color 0.2s;
  margin-bottom: 1rem;
}

.accordion details summary::-webkit-details-marker {
  display: none;
}

.accordion details summary::after {
  content: "";
  position: absolute;
  top: 30%;
  right: 1.125rem;
  transform: scaleY(1) rotate(135deg);
  width: 2em;
  height: 2em;
  border: 2px solid;
  border-width: .3em .3em 0 0;
}

.seeds-page-section .accordion details  summary::after {
  display: none !important;
}

.seeds-page-section .accordion details  summary::before {
  display: none !important;
}

.seeds-page-section .accordion details.accordion-item ,
.theme-special-k.stand-alone .seeds-page-section .accordion details.accordion-item {
  --icon-size: 32px;
  --icon-gap: 8px;

  position: relative;
  background-color: var(--accordion-item-bg-color);
  padding: 1.2rem 1rem;
  border-radius: 12px;
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 5%);
  display: flex;
  flex-direction: column;
  border-bottom: none;
}

.seeds-page-section details summary,
.theme-special-k.stand-alone .seeds-page-section details summary {
  display: flex;
  align-items: flex-start;
  gap: var(--icon-gap);
  margin: 0;
  padding: 0 !important;
  overflow: visible;
}

.seeds-page-section details sup,
.theme-special-k.stand-alone .seeds-page-section details sup {
  font-size: 0.7rem;
  line-height: 1;
}

.seeds-page-section details summary svg:last-of-type {
  display: none;
}

.theme-special-k .seeds-page-section details summary svg > rect {
  fill:#ED1941;
}

.theme-special-k .seeds-page-section details summary svg > path {
  stroke:#ED1941;
}

.theme-raisin-bran .seeds-page-section details summary svg > rect {
  fill:#64154C;
}

.theme-raisin-bran .seeds-page-section details summary svg > path {
  stroke:#64154C;
}

.theme-frosted-flakes .seeds-page-section details summary svg rect {
  fill:#0061af;
}

.theme-frosted-flakes .seeds-page-section details summary svg rect path {
  stroke:#0061af;
}

.seeds-page-section details summary svg:first-of-type {
  display: block;
}

.seeds-page-section details[open] summary svg:first-of-type {
  display: none;
}

.seeds-page-section details[open] summary svg:last-of-type {
  display: block;
}

.seeds-page-section details summary > p {
  margin: 0 !important;
}

.seeds-page-section details summary > p:empty {
  display: none;
}

.seeds-page-section details summary > p:first-child {
  flex-shrink: 0;
}

.seeds-page-section .accordion details+details {
  margin-top: 0;
}

.theme-frosted-flakes .accordion details:not([open]) summary::after {
  border-color: #0061af;
}

.accordion details summary p {
  font-weight: 700;
}

.accordion details .accordion-item-body {
  padding: 0 1rem;
  margin-top: -1rem;
}

.accordion details[open] .accordion-item-body {
  background-color: var(--background-color);
}

.seeds-page-section .accordion details .accordion-item-body {
  padding-left: 40px;
}

.theme-special-k .seeds-page-section.accordion-container .accordion details .accordion-item-body {
  padding-left: calc(var(--icon-size) + var(--icon-gap));
}

.seeds-page-section .accordion details[open] .accordion-item-body {
  background-color: inherit !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  padding-right: unset !important;
  line-height: 24px !important;
}

.seeds-page-section .accordion .accordion-item summary {
  padding-block: 0;
}

.seeds-page-section .accordion details[open] .accordion-item-body p { 
  margin-block: 0;
}

.seeds-page-section .accordion details[open] .accordion-item-body ul >li {
  margin-bottom: 4px;
}

.accordion details .accordion-item-body ul {
  margin-bottom: 2rem;
}

/* brand specific - Raisin Bran */
.theme-raisin-bran main .section.secondary-bg-section>.accordion-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.theme-raisin-bran .accordion {
  box-shadow: 0 0 1.5rem rgba(0 0 0 / 10%);
  background: var(--white);
  border-radius: 1.25rem;
  padding: 1rem 1rem 3rem;
  max-width: 650px;
  margin: 0 auto;
}

.theme-raisin-bran .accordion summary {
  margin-bottom: 0;
  padding: 1.25rem 4rem 1.25rem 1rem;
}

.theme-raisin-bran .accordion summary::after {
  top: 50%;
  transform: scaleY(1) rotate(45deg);
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-right: 0.1875rem solid var(--primary-hover);
  border-bottom: 0.1875rem solid var(--primary-hover);
  display: block;
  margin-top: -1rem;
}

.theme-raisin-bran .accordion details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
  border-color: var(--primary-hover);
  margin-top: -.25rem;
}

.theme-raisin-bran .accordion summary p {
  margin: 0;
  color: var(--primary-hover);
  font-size: 1.25rem;
  font-weight: 600;
}

.theme-raisin-bran .accordion details {
  border-bottom-color: var(--light-grey);
}

.theme-raisin-bran .accordion details+details {
  margin-top: 0;
}

/* Brand-specific accordion item text color */
.theme-kashi .accordion-item-label p,
.theme-kashi .accordion-item-body p,
.theme-kashi .accordion-item-body ul,
.theme-kashi .accordion-item-body li {
  color: #379b4b;
}

.theme-kashi .accordion-item-label strong {
  color: #379b4b;
}

.theme-kashi .accordion-item-label::after {
  border-color: #379b4b;
}

.theme-kashi .accordion-item[open] .accordion-item-label::after {
  border-color: #379b4b;
}

.theme-kashi .accordion details summary::after {
  border-color: #379b4b;
}

.theme-kashi .accordion details[open] summary::after {
  border-color: #379b4b;
}

.theme-kashi .text-block-container h4 {
  color: #379b4b;
}

.theme-kashi .accordion-item.purple-black .accordion-item-label p strong {
  color: purple;
}

.theme-kashi .accordion-item.purple-black .accordion-item-body p {
  color: black;
}

.theme-kashi .accordion-item[open].purple-black .accordion-item-label::after {
  border-color: purple;
}

.theme-kashi .accordion .accordion-item.purple-black .accordion-item-label::after {
  border-color: purple;
}

.theme-kashi .accordion details[open].purple-black summary::after {
  border-color: purple;
}

.theme-kashi .accordion.small-font .accordion-item ol {
  font-size: 12px;
}

.theme-kashi .accordion.medium-font .accordion-item ol {
  font-size: 14px;
}

.theme-special-k .accordion.small-font .accordion-item ol {
  font-size: 12px;
}

.theme-special-k .accordion.medium-font .accordion-item ol {
  font-size: 14px;
}

.theme-frosted-flakes .accordion.small-font .accordion-item ol {
  font-size: 12px;
}

.theme-frosted-flakes .accordion.medium-font .accordion-item ol {
  font-size: 14px;
}

@media (width >=1024px) {
  .theme-raisin-bran main .section.secondary-bg-section>.accordion-wrapper {
    padding-right: 5.375rem;
    padding-left: 5.375rem;
  }

  .theme-raisin-bran .accordion {
    max-width: 80%;
    padding: 2rem 3rem 3rem;
  }
}

/* brand specific - Bear Naked */
.theme-bear-naked main .section.primary-bg-section>.accordion-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.theme-bear-naked .accordion {
  box-shadow: 0 0 1.5rem rgba(0 0 0 / 10%);
  background: var(--white);
  border-radius: 1.25rem;
  padding: 1rem 1rem 3rem;
  max-width: 650px;
  margin: 0 auto;
}

.theme-bear-naked .accordion summary {
  margin-bottom: 0;
  padding: 1.25rem 4rem 1.25rem 1rem;
}

.theme-bear-naked .accordion summary::after {
  top: 50%;
  transform: scaleY(1) rotate(45deg);
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-right: 0.1875rem solid var(--primary-hover);
  border-bottom: 0.1875rem solid var(--primary-hover);
  display: block;
  margin-top: -1rem;
}

.theme-bear-naked .accordion details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
  border-color: var(--primary-hover);
  margin-top: -.25rem;
}

.theme-bear-naked .accordion summary p {
  margin: 0;
  color: var(--brown);
  font-size: 1.25rem;
  font-weight: 600;
}

.theme-bear-naked .accordion details {
  border-bottom-color: var(--light-grey);
}

.theme-bear-naked .accordion details+details {
  margin-top: 0;
}

@media (width >=1024px) {
  .theme-bear-naked main .section.primary-bg-section>.accordion-wrapper {
    padding-right: 5.375rem;
    padding-left: 5.375rem;
  }

  .theme-bear-naked .accordion {
    max-width: 80%;
    padding: 2rem 3rem 3rem;
  }
}

/* brand specific - All-Bran */
.theme-all-bran .accordion {
  background: var(--white);
  padding: .25rem .5rem .5rem;
  margin: 0 -2rem;
}

.theme-all-bran .accordion details {
  border-bottom-color: #EEE;
}

.theme-all-bran .accordion-item:active {
  border: 2px solid #000;
  outline-offset: 2px;
}

.theme-all-bran .accordion .accordion-item summary {
  padding: 1em 1.83em 0 0.33em;
}

.theme-all-bran .accordion summary p {
  font-size: 1.5em;
  font-weight: 400;
  padding-right: 1rem;
}

.theme-all-bran .accordion summary::after {
  top: 60%;
  right: .40rem;
  transform: scaleY(1) rotate(45deg);
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-right: 0.1875rem solid var(--black);
  border-bottom: 0.1875rem solid var(--black);
  display: block;
  margin-top: -1rem;
}

.theme-all-bran .accordion details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
  border-color: var(--black);
  margin-top: .125rem;
}

.theme-all-bran .accordion .accordion-item .accordion-item-body {
  padding: 0 .5rem;
  margin: 2rem 0 0;
}

.theme-all-bran .accordion .accordion-item .accordion-item-body::after {
  overflow: hidden;
  content: '';
  display: block;
  height: 2em;
}

.theme-all-bran .accordion .accordion-item .accordion-item-body p em {
  color: var(--secondary-color);
}

.theme-all-bran .accordion .accordion-item .accordion-item-body p em a {
  color: var(--secondary-color);
  font-weight: bold;
}

.theme-all-bran .accordion .accordion-item .accordion-item-body p em a:hover {
  color: var(--secondary-hover);
}

@media (width >=768px) {
  .theme-all-bran .accordion {
    padding: 1rem 2rem 2rem;
    margin: 0 auto;
    width: 45em;
  }

  .theme-all-bran .accordion .accordion-item .accordion-item-body {
    padding: 0 2rem;
    margin: 2rem 0 0;
  }
}

/* stand alone specific - Special K */
.theme-special-k.stand-alone .accordion {
  background: var(--white);
  max-width: 1232px;
}

.seeds-page-section .accordion-wrapper:last-child {
  margin-top:1.325rem;

}

.theme-special-k.stand-alone .accordion details {
  border-bottom: 2px dotted #CCC;
}

.theme-special-k.stand-alone .seeds-page-section .accordion details {
  border-bottom: unset;
}

.theme-special-k.stand-alone .accordion-item:active {
  border: 2px solid #000;
  outline-offset: 2px;
}

.theme-special-k.stand-alone .seeds-page-section .accordion-item:active {
  border: unset;
  outline-offset: unset;
}

.theme-special-k.stand-alone .accordion .accordion-item summary {
  padding: 1em 1.83em 0 0.33em;
}

.seeds-page-section .accordion {
  display: flex;
  flex-direction: column;
  gap: 1.325rem;
  max-width: 1100px;
  margin: 0 auto;
  box-shadow: unset;
  padding: unset;
}

.seeds-page-section .accordion .accordion-item[open] {
  gap: 1.5rem;
}

.seeds-page-section .accordion-item:active {
  border: none;
}

.seeds-page-section .accordion-item summary p {
  color: var(--accordion-item-label-color);
  margin: 0 auto;
  line-height: 24px;
}

@media (width < 768px) {
  .seeds-page-section .accordion details.accordion-item {
    --icon-size: 28px;
    --icon-gap: 1rem;

    padding: 1.2rem 1rem;
  }

  .seeds-page-section .accordion details summary {
    display: flex;
    align-items: flex-start;
    gap: var(--icon-gap);
    margin: 0;
    padding: 0;
  }

  .theme-raisin-bran .seeds-page-section .accordion summary p {
    font-size: 1rem;
  }

  .seeds-page-section .accordion details summary > p:not(:empty) {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }

  .seeds-page-section .accordion details summary > svg {
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
  }

  .seeds-page-section .accordion details .accordion-item-body,
  .seeds-page-section .accordion details[open] .accordion-item-body,
  .theme-special-k.stand-alone .seeds-page-section .accordion details .accordion-item-body,
  .theme-special-k.stand-alone .seeds-page-section .accordion details[open] .accordion-item-body {
    padding: 0 1rem 0 calc(var(--icon-size) + var(--icon-gap));
    margin-top: -1rem;
  }
}

@media (width < 441px) {
  .seeds-page-section .accordion details.accordion-item {
    --icon-size: 24px;
    --icon-gap: 1rem;

    padding: 0.9rem 0.7rem;
  }

  .seeds-page-section .accordion details summary {
    display: flex;
    align-items: flex-start;
    gap: var(--icon-gap);
  }

  .seeds-page-section .accordion details summary > p:not(:empty) {
    margin: 0;
    flex: 1 1 calc(100% - var(--icon-size) - var(--icon-gap));
    min-width: 0;
    max-width: calc(100% - var(--icon-size) - var(--icon-gap));
    text-align: left;
  }

  .seeds-page-section .accordion details summary > svg {
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
  }

  .seeds-page-section .accordion details .accordion-item-body,
  .seeds-page-section .accordion details[open] .accordion-item-body {
    padding: 0 0.7rem 0 calc(var(--icon-size) + var(--icon-gap));
  }
}

.seeds-page-section .wtb-action:hover {
  color: #fff !important;
}

.theme-special-k.stand-alone .accordion summary p {
  font-size: 1.5em;
  font-weight: bold;
  color: var(--primary-color);
  padding-right: 1rem;
}

.theme-special-k.stand-alone .seeds-page-section .accordion summary p {
  font-size: unset;
  color: #ED1941;
  padding-right: unset;
}

.theme-special-k.stand-alone .accordion summary p:empty {
  display: none;
}

.theme-frosted-flakes.stand-alone .accordion summary p:empty {
  display: none;
}

.theme-frosted-flakes.stand-alone .accordion summary p {
  color: #0061af;
}

.theme-special-k.stand-alone .accordion summary::after {
  top: 60%;
  right: .40rem;
  transform: scaleY(1) rotate(45deg);
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-right: 0.1875rem solid var(--primary-color);
  border-bottom: 0.1875rem solid var(--primary-color);
  display: block;
  margin-top: -1rem;
}

.theme-special-k.stand-alone .accordion details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
  border-color: var(--black);
  margin-top: .125rem;
}

.theme-special-k.stand-alone .accordion .accordion-item .accordion-item-body {
  background-color: #F2F2F2;
  padding: .25rem .5rem;
  margin: 2rem 0 0;
}

.theme-special-k.stand-alone .seeds-page-section .accordion .accordion-item .accordion-item-body {
  background-color: unset;
  margin: unset;
}

.theme-special-k.stand-alone .accordion .accordion-item .accordion-item-body::after {
  overflow: hidden;
  content: '';
  display: block;
  height: 2em;
}

.theme-special-k.stand-alone .seeds-page-section .accordion .accordion-item .accordion-item-body::after {
  display: none;
  height: 0;
}

.theme-special-k.stand-alone .accordion .accordion-item .accordion-item-body p a {
  color: var(--primary-color);
}

@media (width >=768px) {
  .theme-special-k.stand-alone .accordion .accordion-item .accordion-item-body {
    padding: .25rem 2rem;
    margin: 2rem 0 0;
  }

  .theme-special-k.stand-alone .seeds-page-section .accordion .accordion-item .accordion-item-body {
    padding: unset;
    margin: unset;
  }

  .seeds-page-section .accordion details.accordion-item,
  .theme-special-k.stand-alone .seeds-page-section .accordion details.accordion-item {
    --icon-size: 32px;
    --icon-gap: 1rem;

    padding: 1.2rem 2rem;
  }

  .seeds-page-section .accordion .accordion-item summary,
  .theme-special-k.stand-alone .seeds-page-section .accordion details summary {
    display: flex;
    align-items: flex-start;
    position: unset;
    gap: var(--icon-gap);
    padding: 0;
    font-size: 20px;
    font-weight: 700;
  }

  .seeds-page-section .accordion details summary > svg,
  .theme-special-k.stand-alone .seeds-page-section .accordion details summary > svg {
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    margin-top: -3px;
  }

  .seeds-page-section .accordion details summary > p:not(:empty),
  .theme-special-k.stand-alone .seeds-page-section .accordion details summary > p:not(:empty) {
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .seeds-page-section .accordion-item summary p,
  .theme-special-k.stand-alone .seeds-page-section .accordion details summary p {
    line-height: 24px !important;
  }

  .seeds-page-section .accordion details[open] .accordion-item-body,
  .theme-special-k.stand-alone .seeds-page-section .accordion details[open] .accordion-item-body {
    line-height: 24px !important;
    font-size: 20px !important;
    padding-left: calc(var(--icon-size) + var(--icon-gap)) !important;
  }
}

/* Brand specific – Bear Naked Site */
.theme-bear-naked-site main .section.primary-bg-section.accordion-container {
  background: var(--primary-color, #ff6900);
  padding: 0 !important;
  max-width: 1300px;
  margin: 0 auto;
}

/* White card wrapper */
.theme-bear-naked-site .accordion {
  box-shadow: 0 0 1.5rem rgba(0 0 0 / 10%);
  background: var(--white, #fff);
  border-radius: 1.25rem;
  padding: 1rem 1rem 3rem;
  max-width: 650px;
  margin: 0 auto;
  font-family: 'Londrina Solid', sans-serif;
}

.theme-bear-naked-site .accordion details summary {
  margin-bottom: 0;
  padding: 1.25rem 4rem 1.25rem 1rem;
  color: var(--text-color);
}

.theme-bear-naked-site .accordion details summary p {
  margin: 0;
  color: var(--text-color);
  font-size: 1.25rem;
  font-weight: 400;
}

/* Row separators */
.theme-bear-naked-site .accordion details {
  border-bottom-color: var(--light-grey);
}

.theme-bear-naked-site .accordion details+details {
  margin-top: 0;
}

/* Chevron: slimmer, brand colored, rotates on open */
.theme-bear-naked-site .accordion details summary::after {
  top: 50%;
  transform: scaleY(1) rotate(45deg);
  width: 1.25rem;
  height: 1.25rem;
  border: none;
  border-right: 0.1875rem solid var(--primary-hover);
  border-bottom: 0.1875rem solid var(--primary-hover);
  display: block;
  margin-top: -1rem;
}

.theme-bear-naked-site .accordion details[open] summary::after {
  transform: scaleY(-1) rotate(45deg);
  border-color: var(--primary-hover);
  margin-top: -.25rem;
}

/* Answer body text and spacing */
.theme-bear-naked-site .accordion .accordion-item-body {
  padding: 0 1rem;
  color: var(--text-color);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

@media (width >=1024px) {
  .theme-bear-naked-site .accordion {
    max-width: 80%;
    padding: 2rem 3rem 3rem;
  }
}