/* ========================================================================
   BOOK SALE — CURRENT SHARED X1 TEMPLATE
   File: assets/css/book-sale.css

   Shared styles own page widths, typography, cards, buttons and site colors.
   This file owns only Book Sale arrangements and image crops.
   Decorative sprigs are managed by the Visual Page Preview and Sprigs plugin.
   ======================================================================== */

/* 1. HERO — solid navy when no photograph is assigned.
   The PHP template must not assign a fallback hero image. */
.aauw-x1-page--book-sale .aauw-x1-hero.aauw-x1-hero--image:not([style*="--aauw-x1-hero-image"]) {
    background: #052a4f;
}

/* 2. GREEN PANEL — upper and lower spacing. */
.aauw-x1-page--book-sale .aauw-x1-booksale-layout {
    --aauw-x1-floral: none;
    padding-top: 8px;
    padding-bottom: 12px;
    overflow: clip;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-layout > .aauw-x1-content-section {
    margin-bottom: 0;
}

/* 3. NEWS HEADING — room at either side for editor-positioned artwork. */
.aauw-x1-page--book-sale .aauw-x1-booksale-heading-art {
    position: relative;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-heading-copy {
    width: 70%;
    margin-inline: auto;
}

/* 4. NEWS AND COMMUNITY FEATURES — retain shared card and grid styling. */
.aauw-x1-page--book-sale .aauw-x1-booksale-feature {
    position: relative;
    gap: 24px;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature > .aauw-x1-copy,
.aauw-x1-page--book-sale .aauw-x1-booksale-feature > .aauw-x1-booksale-photo {
    position: relative;
    min-width: 0;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-photo {
    align-self: start;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-photo > img {
    height: 240px;
    object-fit: cover;
}

/* Keep the news copy and photo in the same desktop row. */
.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > .aauw-x1-copy {
    grid-area: 1 / 1;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > figure.aauw-x1-booksale-photo {
    grid-area: 1 / 2;
    align-self: start;
    margin: 0;
}

/* Let the news image use its actual proportions when height is automatic. */
.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > figure.aauw-x1-booksale-photo > img {
    contain: none;
    contain-intrinsic-size: none;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > .aauw-x1-booksale-updates {
    grid-row: 2;
}

@media (max-width: 700px) {
    .aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] {
        grid-template-columns: minmax(0, 1fr);
    }

    .aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > figure.aauw-x1-booksale-photo {
        grid-area: 2 / 1;
    }

    .aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-news-title"] > .aauw-x1-booksale-updates {
        grid-row: auto;
    }
}

/* 5. ABOUT AND LOCATION — icon placement and expandable details. */
.aauw-x1-page--book-sale .aauw-x1-booksale-information .aauw-x1-booksale-icon {
    align-self: center;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-information h3 {
    text-align: center;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-icon svg {
    width: 34px;
    height: 34px;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-card-copy {
    width: 100%;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-details {
    margin-top: 12px;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-details > summary,
.aauw-x1-page--book-sale .aauw-x1-booksale-story > summary {
    cursor: pointer;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-story > summary {
    list-style: none;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-story > summary::-webkit-details-marker {
    display: none;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-details[open] > div,
.aauw-x1-page--book-sale .aauw-x1-booksale-story[open] > div {
    padding-top: 14px;
}

/* 6. PHOTO COLLAGE — overlapping photographs without an outer card. */
.aauw-x1-page--book-sale .aauw-x1-booksale-gallery {
    position: relative;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    padding-bottom: 24px;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-gallery-copy {
    min-width: 0;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage {
    position: relative;
    width: 100%;
    height: 320px;
    min-width: 0;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo {
    position: absolute;
    margin: 0;
    padding: 7px;
    background: var(--aauw-white);
    border: 1px solid var(--aauw-border);
    box-shadow: var(--aauw-shadow);
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo--1 {
    left: 0;
    top: 1%;
    width: 61%;
    height: 58%;
    transform: rotate(-6deg);
    z-index: 1;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo--2 {
    right: 2%;
    top: 4%;
    width: 38%;
    height: 66%;
    transform: rotate(7deg);
    z-index: 2;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo--3 {
    left: 10%;
    top: 43%;
    width: 69%;
    height: 56%;
    transform: rotate(-4deg);
    z-index: 4;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo--4 {
    right: 1%;
    top: 65%;
    width: 27%;
    height: 30%;
    transform: rotate(5deg);
    z-index: 3;
}

/* 7. DECORATIVE SAYING — only this accent uses a handwritten typeface. */
.aauw-x1-page--book-sale .aauw-x1-booksale-gallery-copy .aauw-x1-booksale-accent {
    font-family: "Segoe Print", "Brush Script MT", cursive;
    font-size: 1.5em;
    font-style: italic;
    color: var(--aauw-green-dark);
    transform: rotate(-5deg);
}

/* 8. RESPONSIVE ARRANGEMENTS — shared X1 handles normal site sizing. */
@media (max-width: 900px) {
    .aauw-x1-page--book-sale .aauw-x1-booksale-gallery {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 16px;
    }
}

@media (max-width: 700px) {
    .aauw-x1-page--book-sale .aauw-x1-booksale-feature,
    .aauw-x1-page--book-sale .aauw-x1-booksale-information,
    .aauw-x1-page--book-sale .aauw-x1-booksale-gallery {
        grid-template-columns: minmax(0, 1fr);
    }

    .aauw-x1-page--book-sale .aauw-x1-booksale-heading-copy {
        width: 100%;
    }

    .aauw-x1-page--book-sale .aauw-x1-booksale-photo > img {
        height: 220px;
    }

    .aauw-x1-page--book-sale .aauw-x1-booksale-collage {
        height: 260px;
    }
}

/* 9. Current session updates, replacing the old news button. */
.aauw-x1-page--book-sale .aauw-x1-booksale-updates{
    margin:18px 0 0 auto;
    padding:14px 16px;
    max-width:440px;
    border:1px solid var(--aauw-border);
    border-left:3px solid var(--aauw-green-dark);
    border-radius:5px;
    background:rgba(246,248,241,.9);
}
.aauw-x1-page--book-sale .aauw-x1-booksale-updates>strong{color:var(--aauw-blue-dark);}
.aauw-x1-page--book-sale .aauw-x1-booksale-updates p:last-child{margin-bottom:0;}
/* 10. Community photograph caption: inset from edges and below the image. */
.aauw-x1-page--book-sale .aauw-x1-booksale-caption{
    display:block;
    margin:0;
    padding:12px 16px 16px;
    font-style:italic;
    line-height:1.55;
}

/* 11. Bounded collage and separate caption panel. */
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-gallery{display:grid;grid-template-columns:minmax(150px,21%) minmax(0,1fr);gap:24px;width:100%;max-width:100%;}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-collage{position:relative;height:320px;max-width:720px;width:100%;min-width:0;}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo{position:absolute;box-sizing:border-box;margin:0;padding:7px;max-width:none;}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-collage-photo img{width:100%;height:100%;max-height:100%;object-fit:cover;}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-caption{display:block;margin:10px 0 0;padding:12px 16px;background:#f3f6f2;border:1px solid #dce4dc;border-radius:5px;font-size:12px;line-height:1.5;font-style:italic;}
@media(max-width:700px){
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-gallery{grid-template-columns:minmax(0,1fr);}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-collage{height:260px;}
}

/* 12. Photo captions: larger, readable text below each feature photograph. */
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-caption{font-size:15px;line-height:1.6;}

/* 13. Separate photo and caption: no enclosing frame between the two boxes. */
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-feature > figure.aauw-x1-booksale-photo{
    border:0;
    box-shadow:none;
    background:transparent;
    padding:0;
    border-radius:0;
    overflow:visible;
}

/* 14. Expanded Community Story spans both columns beneath the photo and copy. */
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-story-wide{grid-column:1 / -1;min-width:0;width:100%;}
.aauw-x1-page.aauw-x1-page--book-sale .aauw-x1-booksale-story-wide details>div{max-width:none;width:100%;box-sizing:border-box;}


/* BOOK SALE — ghostly background sprigs */
.aauw-x1-page--book-sale .aauw-x1-booksale-feature,
.aauw-x1-page--book-sale .aauw-x1-booksale-information > section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(
        110deg, #f7f8f2 0%, #fff 58%, #f3f6ea 100%
    );
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::before,
.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
    opacity: .16;
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::before {
    left: -35px;
    top: -25px;
    background-image:
        url("../images/backgrounds/policies-greenery-left.png");
    transform: rotate(-12deg);
}

.aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::after {
    right: -30px;
    bottom: -30px;
    background-image:
        url("../images/backgrounds/policies-greenery-right.png");
    transform: rotate(10deg);
}

@media (max-width: 700px) {
    .aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::before,
    .aauw-x1-page--book-sale .aauw-x1-booksale-feature[aria-labelledby="x1-booksale-community-title"]::after {
        width: 135px;
        height: 125px;
        opacity: .12;
    }
}
/* Book Sale: white backgrounds */
.aauw-x1-page--book-sale .aauw-x1-booksale-layout,
.aauw-x1-page--book-sale .aauw-x1-booksale-heading-art,
.aauw-x1-page--book-sale .aauw-x1-booksale-feature,
.aauw-x1-page--book-sale .aauw-x1-booksale-information > section {
    background: #fff;
}