/* Original Artworks and Support the Art Program. Figma: "Original Artworks" and "Support the Art Program" sections. */

/* Support: three ways to help (cards at 16px text, 32px between heading and cards, button 20px under the text) */
.bhis-inner .bhis-art-ways .bhis-wrap { gap: 32px; }
.bhis-inner .bhis-art-ways p.bhis-way__text { font-size: 16px; line-height: 1.4; }
.bhis-inner .bhis-art-ways .bhis-way__actions { margin-top: auto; padding-top: 4px; }
.bhis-inner .bhis-art-ways .bhis-way__actions .wp-block-button { width: auto; }
@media (max-width: 767px) {
	.bhis-inner .bhis-art-ways .bhis-way__actions .wp-block-button, .bhis-inner .bhis-art-ways .bhis-way__actions .wp-block-button__link { width: 100%; box-sizing: border-box; }
}

/* Support: what we accept */
.bhis-inner .bhis-art-accept .bhis-wrap { display: flex; flex-direction: column; gap: 40px; }
.bhis-inner .bhis-accept__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.bhis-inner .bhis-dropoff { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; padding: 32px; border-radius: 16px; background: var(--navy-900); color: var(--cream-100); min-height: 640px; }
.bhis-inner .bhis-dropoff h3.bhis-dropoff__title { margin: 0; padding: 0; font: 400 40px/1.1 var(--font-heading); letter-spacing: -.4px; color: var(--cream-100); }
.bhis-inner .bhis-dropoff p.bhis-dropoff__note { position: relative; z-index: 1; margin: auto 0 0; padding: 0; font: 400 14px/1.4 var(--font-body); color: var(--white-80); }
.bhis-inner .bhis-dropoff p.bhis-dropoff__note a { color: var(--yellow-500); }
.bhis-inner .bhis-dropoff::before, .bhis-inner .bhis-dropoff::after { content: ""; position: absolute; background: no-repeat center / contain; pointer-events: none; }
.bhis-inner .bhis-dropoff::before { left: 32px; top: 196px; width: 205px; height: 187px; background-image: url(assets/img/art-star.svg); }
.bhis-inner .bhis-dropoff::after { left: 212px; top: 395px; width: 162px; height: 171px; background-image: url(assets/img/art-paper.svg); transform: rotate(30deg); }
.bhis-inner .bhis-acc-card { display: flex; flex-direction: column; gap: 24px; padding: 32px; border-radius: 16px; background: var(--white); }
.bhis-inner .bhis-acc-card h3.bhis-acc-card__title { margin: 0; padding: 0; font: 400 24px/1.3 var(--font-heading); color: var(--navy-900); }
.bhis-inner ul.bhis-acc-items { list-style: none; margin: 0; padding: 0; }
.bhis-inner ul.bhis-acc-items li { display: flex; align-items: center; margin: 0; padding: 12px 0; min-height: 47px; box-sizing: border-box; border-top: 1px solid rgba(15, 33, 66, .15); font: 400 16px/1.4 var(--font-body); color: var(--navy-alpha-75); }
@media (max-width: 1099px) {
	.bhis-inner .bhis-accept__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.bhis-inner .bhis-dropoff { min-height: 0; }
	.bhis-inner .bhis-dropoff::before, .bhis-inner .bhis-dropoff::after { display: none; }
	.bhis-inner .bhis-dropoff p.bhis-dropoff__note { margin-top: 8px; }
}
@media (max-width: 767px) {
	.bhis-inner .bhis-dropoff h3.bhis-dropoff__title { font-size: 28px; line-height: 1.2; }
	.bhis-inner .bhis-dropoff, .bhis-inner .bhis-acc-card { padding: 24px; }
}

/* Original Artworks: the navy "Support the art program" card beside the ordering text */
.bhis-inner .bhis-give .bhis-two:has(.bhis-cta-card) { grid-template-columns: minmax(0, 1fr) minmax(0, 680px); align-items: center; }
.bhis-inner .bhis-cta-card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; border-radius: 16px; background: var(--navy-900); color: var(--cream-100); }
.bhis-inner .bhis-cta-card p { margin: 0; padding: 0; }
.bhis-inner .bhis-cta-card p.bhis-cta-card__eyebrow { font: 600 14px/1 var(--font-body); letter-spacing: .1em; text-transform: uppercase; color: var(--yellow-500); }
.bhis-inner .bhis-cta-card h2.bhis-cta-card__title { margin: 0; padding: 0; font: 400 40px/1.1 var(--font-heading); letter-spacing: -.4px; color: var(--cream-100); }
.bhis-inner .bhis-cta-card p.bhis-cta-card__text { font: 400 16px/1.4 var(--font-body); color: var(--white-80); }
.bhis-inner .bhis-cta-card .wp-block-button { margin-top: 8px; }
@media (max-width: 1099px) { .bhis-inner .bhis-give .bhis-two:has(.bhis-cta-card) { grid-template-columns: minmax(0, 1fr); align-items: start; } }
@media (max-width: 767px) {
	.bhis-inner .bhis-cta-card { padding: 24px; }
	.bhis-inner .bhis-cta-card h2.bhis-cta-card__title { font-size: 28px; line-height: 1.2; }
	.bhis-inner .bhis-cta-card .wp-block-button, .bhis-inner .bhis-cta-card .wp-block-button__link { width: 100%; box-sizing: border-box; }
}
.bhis-inner .bhis-art-closed p.bhis-give__note a { color: var(--navy-900); text-decoration: underline; text-underline-offset: 3px; }

/* Support: navy "Three ways to help" with cream cards and navy buttons (the navy surface would otherwise turn the buttons yellow) */
.bhis-inner .bhis-art-ways .bhis-way { background: var(--cream-100); }
.bhis-inner .bhis-art-ways .bhis-way .bhis-hbtn--navy .wp-block-button__link { background: var(--navy-900); color: var(--yellow-500); }
.bhis-inner .bhis-art-ways .bhis-way .bhis-hbtn--navy .wp-block-button__link:hover, .bhis-inner .bhis-art-ways .bhis-way .bhis-hbtn--navy .wp-block-button__link:focus-visible { background: var(--navy-950); color: var(--yellow-300); }