/*
 * ==========================================
 * ILL IT SOLUTIONS - POPPY APPEAL
 * ==========================================
 *
 * Dedicated styling for:
 * /news/poppy-appeal-essex/
 *
 * Scope:
 * - annual Poppy Appeal archive
 * - year selector
 * - annual content cards
 * - fundraising totals
 * - photo sections
 * - Light / Dark mode
 *
 * Brand blue: #4A99D4
 * Dark surface: #232323
 */


/* ==========================================
 * BASE / TYPOGRAPHY
 * ========================================== */

.illit-poppy-appeal,
.illit-poppy-why,
.illit-poppy-year-nav,
.illit-poppy-year-panel,
.illit-poppy-final {
    position: relative;
}


.illit-poppy-eyebrow {
    margin: 0 0 8px 0 !important;

    color: #4A99D4 !important;
    -webkit-text-fill-color: #4A99D4 !important;

    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


.illit-poppy-section-intro {
    max-width: 760px;
    margin-right: auto !important;
    margin-left: auto !important;

    color: #5D5D5D;
    line-height: 1.65;
}


.illit-poppy-intro h2,
.illit-poppy-why h2,
.illit-poppy-year-nav h2,
.illit-poppy-year-panel h2,
.illit-poppy-final h2 {
    margin-bottom: 14px;

    line-height: 1.18;
}


.illit-poppy-intro p,
.illit-poppy-why p,
.illit-poppy-year-panel p,
.illit-poppy-final p {
    line-height: 1.68;
}


/* ==========================================
 * INTRODUCTION
 * ========================================== */

.illit-poppy-intro {
    background: #FFFFFF;
}


.illit-poppy-intro .img-inner {
    overflow: hidden;

    border: 1px solid #E3E6EA;
    border-radius: 14px;

    box-shadow:
        0 8px 24px rgba(31, 41, 55, 0.08);
}


.illit-poppy-intro img {
    width: 100%;
}


/* ==========================================
 * WHY WE SUPPORT IT
 * ========================================== */

.illit-poppy-why {
    background: #F6F8FA !important;
}


.illit-poppy-why .col-inner {
    padding: 34px 38px;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    border: 1px solid #E3E6EA;
    border-radius: 14px;

    box-shadow:
        0 6px 18px rgba(31, 41, 55, 0.06);
}


.illit-poppy-why a {
    color: #4A99D4 !important;
    -webkit-text-fill-color: #4A99D4 !important;
}


/* ==========================================
 * YEAR SELECTOR
 * ========================================== */

.illit-poppy-year-nav {
    background: #FFFFFF;
}


.illit-poppy-tabs {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 8px;

    max-width: 980px;
    margin: 26px auto 0 auto;
    padding: 8px;

    background: #F3F5F7 !important;
    background-color: #F3F5F7 !important;
    background-image: none !important;

    border: 1px solid #E1E5E9;
    border-radius: 12px;
}


.illit-poppy-tabs button {
    min-height: 42px;
    margin: 0 !important;
    padding: 9px 8px !important;

    appearance: none;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 1px solid transparent !important;
    border-radius: 8px !important;

    color: #4A99D4 !important;
    -webkit-text-fill-color: #4A99D4 !important;

    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.illit-poppy-tabs button:hover,
.illit-poppy-tabs button:focus-visible {
    transform: translateY(-1px);

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    border-color: rgba(74, 153, 212, 0.35) !important;

    outline: none;
}


.illit-poppy-tabs button.is-active,
.illit-poppy-tabs button[aria-selected="true"] {
    background: #4A99D4 !important;
    background-color: #4A99D4 !important;

    border-color: #4A99D4 !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}


/* ==========================================
 * PROGRESSIVE ENHANCEMENT / PANELS
 * ==========================================
 *
 * Without JS every year remains visible.
 * JS adds .illit-poppy-tabs-ready to <body>
 * and then displays only the chosen year.
 */

body.illit-poppy-tabs-ready
.illit-poppy-year-panel {
    display: none;
}


body.illit-poppy-tabs-ready
.illit-poppy-year-panel.is-active {
    display: block;
}


.illit-poppy-year-panel {
    background: #F6F8FA !important;
}


/* ==========================================
 * TOTAL RAISED CARD
 * ========================================== */

.illit-poppy-total-card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;

    min-width: 280px;
    margin: 14px auto 28px auto;
    padding: 19px 28px 20px 28px;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid #E1E5E9;
    border-top: 4px solid #4A99D4;
    border-radius: 12px;

    box-shadow:
        0 6px 18px rgba(31, 41, 55, 0.07);
}


.illit-poppy-total-label {
    margin-bottom: 3px;

    color: #5D5D5D !important;
    -webkit-text-fill-color: #5D5D5D !important;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.09em;
}


.illit-poppy-total-card strong {
    display: block;

    margin: 2px 0 2px 0;

    color: #4A99D4 !important;
    -webkit-text-fill-color: #4A99D4 !important;

    font-size: 2.15rem;
    font-weight: 700;
    line-height: 1.1;
}


.illit-poppy-total-card > span:last-child {
    color: #5D5D5D !important;
    -webkit-text-fill-color: #5D5D5D !important;

    font-size: 0.86rem;
}


/* ==========================================
 * YEAR STORY CARDS
 * ========================================== */

.illit-poppy-story-card {
    height: 100%;
    padding: 30px 32px;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;

    border: 1px solid #E1E5E9;
    border-radius: 12px;

    box-shadow:
        0 5px 18px rgba(31, 41, 55, 0.06);
}


.illit-poppy-story-card h3 {
    margin-top: 4px;
    margin-bottom: 10px;

    color: #303030 !important;
    -webkit-text-fill-color: #303030 !important;

    font-size: 1.08rem;
    line-height: 1.3;
}


.illit-poppy-story-card h3:not(:first-child) {
    margin-top: 24px;
}


.illit-poppy-story-card p {
    margin-bottom: 12px;

    color: #5D5D5D !important;
    -webkit-text-fill-color: #5D5D5D !important;
}


.illit-poppy-gallery-heading {
    margin-top: 38px;
    margin-bottom: 20px;

    text-align: center;
}


.illit-poppy-year-panel .img-inner {
    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #E1E5E9;
    border-radius: 10px;

    box-shadow:
        0 5px 16px rgba(31, 41, 55, 0.06);
}


.illit-poppy-year-panel .img-inner img {
    width: 100%;

    transition: transform 0.25s ease;
}


.illit-poppy-year-panel .img-inner:hover img {
    transform: scale(1.015);
}


/* ==========================================
 * FINAL MESSAGE
 * ========================================== */

.illit-poppy-final {
    background: #FFFFFF;
}


.illit-poppy-final > .section-content > .row {
    padding: 32px 34px;

    background: #F3F5F7 !important;
    background-color: #F3F5F7 !important;

    border: 1px solid #E1E5E9;
    border-radius: 14px;
}


.illit-poppy-final .button {
    margin-bottom: 10px !important;
}


/* ==========================================
 * DARK MODE
 * ========================================== */

html.darklooks-mode-changer-enabled
.illit-poppy-intro,
html.darklooks-mode-changer-enabled
.illit-poppy-year-nav,
html.darklooks-mode-changer-enabled
.illit-poppy-final {
    background: #232323 !important;
    background-color: #232323 !important;
    background-image: none !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-why,
html.darklooks-mode-changer-enabled
.illit-poppy-year-panel {
    background: #232323 !important;
    background-color: #232323 !important;
    background-image: none !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-why .col-inner,
html.darklooks-mode-changer-enabled
.illit-poppy-story-card,
html.darklooks-mode-changer-enabled
.illit-poppy-total-card {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;
    background-image: none !important;

    border-color: #414141 !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.18);
}


html.darklooks-mode-changer-enabled
.illit-poppy-tabs {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;
    background-image: none !important;

    border-color: #414141 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-tabs button {
    color: #6EB2E2 !important;
    -webkit-text-fill-color: #6EB2E2 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-tabs button:hover,
html.darklooks-mode-changer-enabled
.illit-poppy-tabs button:focus-visible {
    background: #333333 !important;
    background-color: #333333 !important;

    border-color: rgba(74, 153, 212, 0.50) !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-tabs button.is-active,
html.darklooks-mode-changer-enabled
.illit-poppy-tabs button[aria-selected="true"] {
    background: #4A99D4 !important;
    background-color: #4A99D4 !important;

    border-color: #4A99D4 !important;

    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-story-card h3,
html.darklooks-mode-changer-enabled
.illit-poppy-year-panel h2,
html.darklooks-mode-changer-enabled
.illit-poppy-intro h2,
html.darklooks-mode-changer-enabled
.illit-poppy-why h2,
html.darklooks-mode-changer-enabled
.illit-poppy-year-nav h2,
html.darklooks-mode-changer-enabled
.illit-poppy-final h2 {
    color: #F4F4F4 !important;
    -webkit-text-fill-color: #F4F4F4 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-intro p,
html.darklooks-mode-changer-enabled
.illit-poppy-why p,
html.darklooks-mode-changer-enabled
.illit-poppy-story-card p,
html.darklooks-mode-changer-enabled
.illit-poppy-section-intro,
html.darklooks-mode-changer-enabled
.illit-poppy-final p {
    color: #D8D8D8 !important;
    -webkit-text-fill-color: #D8D8D8 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-total-label,
html.darklooks-mode-changer-enabled
.illit-poppy-total-card > span:last-child {
    color: #D0D0D0 !important;
    -webkit-text-fill-color: #D0D0D0 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-year-panel .img-inner {
    background: #2B2B2B;

    border-color: #414141;
}


html.darklooks-mode-changer-enabled
.illit-poppy-final > .section-content > .row {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;

    border-color: #414141 !important;
}


/* ==========================================
 * POST TEMPLATE CLEANUP
 * ==========================================
 *
 * JS adds body.illit-poppy-page on this post.
 * This lets the specialist page use the full
 * article width without affecting other posts.
 */

body.illit-poppy-page .post-sidebar,
body.illit-poppy-page .blog-share,
body.illit-poppy-page .entry-meta {
    display: none !important;
}


body.illit-poppy-page .blog-wrapper .large-9,
body.illit-poppy-page .blog-wrapper .large-8,
body.illit-poppy-page .blog-wrapper .large-7 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}


body.illit-poppy-page .article-inner,
body.illit-poppy-page .entry-content {
    max-width: none;
}


body.illit-poppy-page .entry-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/* ==========================================
 * TABLET
 * ========================================== */

@media (max-width: 849px) {

    .illit-poppy-tabs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }


    .illit-poppy-why .col-inner,
    .illit-poppy-story-card {
        padding: 26px 26px;
    }

}


/* ==========================================
 * MOBILE
 * ========================================== */

@media (max-width: 549px) {

    .illit-poppy-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }


    .illit-poppy-tabs button {
        min-height: 40px;
        padding: 8px 5px !important;
    }


    .illit-poppy-total-card {
        width: 100%;
        min-width: 0;
        padding-right: 18px;
        padding-left: 18px;
    }


    .illit-poppy-total-card strong {
        font-size: 1.85rem;
    }


    .illit-poppy-why .col-inner,
    .illit-poppy-story-card {
        padding: 22px 20px;
    }


    .illit-poppy-final > .section-content > .row {
        padding: 26px 20px;
    }

}


/* ==========================================
 * REDUCED MOTION
 * ========================================== */

@media (prefers-reduced-motion: reduce) {

    .illit-poppy-tabs button,
    .illit-poppy-year-panel .img-inner img {
        transition: none !important;
    }

}

/* ==========================================
 * POPPY APPEAL V2 - DESKTOP POLISH
 * ==========================================
 *
 * Refinements from first live Light/Dark render:
 * - stronger two-column opening composition
 * - adaptive / cleaner gallery presentation
 * - remove standard post navigation/comments/author UI
 * - compact final campaign card
 * - preserve the existing WordPress post H1 for SEO
 */


/* ------------------------------------------
 * OPENING SECTION - BALANCED 7 / 5 LAYOUT
 * ------------------------------------------ */

.illit-poppy-intro > .section-content > .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}


.illit-poppy-intro > .section-content > .row > .col:first-child {
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
}


.illit-poppy-intro > .section-content > .row > .col:last-child {
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
}


.illit-poppy-intro > .section-content > .row > .col:last-child > .col-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.illit-poppy-intro .img {
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 0 0 auto !important;
}


.illit-poppy-intro .img-inner {
    width: 100% !important;
    max-width: 470px !important;
}


.illit-poppy-intro .img-inner img {
    display: block;
    width: 100% !important;
    height: auto !important;
}


/* ------------------------------------------
 * YEAR CONTENT SPACING
 * ------------------------------------------ */

.illit-poppy-year-panel > .section-content > .row {
    position: relative;
}


.illit-poppy-year-panel > .section-content > .row + .row {
    margin-top: 8px;
}


.illit-poppy-year-panel .row > .col {
    margin-bottom: 20px;
}


/* ------------------------------------------
 * PHOTO GALLERIES
 * ------------------------------------------ */

.illit-poppy-gallery-heading {
    position: relative;

    margin-top: 34px;
    margin-bottom: 22px;
    padding-bottom: 12px;
}


.illit-poppy-gallery-heading::after {
    content: "";

    position: absolute;
    bottom: 0;
    left: 50%;

    width: 42px;
    height: 2px;

    transform: translateX(-50%);

    background: #4A99D4;
    border-radius: 999px;
}


.illit-poppy-year-panel .img {
    width: 100% !important;
    margin: 0 !important;
}


.illit-poppy-year-panel .img-inner {
    width: 100% !important;
    min-height: 100%;

    border-radius: 12px;
}


.illit-poppy-year-panel .img-inner img {
    display: block;

    width: 100% !important;
    height: auto !important;

    object-fit: cover;
}


/* Keep two-image galleries visually balanced */
.illit-poppy-year-panel .row > .col.medium-6 .img-inner,
.illit-poppy-year-panel .row > .col.large-6 .img-inner,
.illit-poppy-year-panel .row > .col[class*="span-6"] .img-inner {
    max-width: 520px;
    margin-right: auto;
    margin-left: auto;
}


/* ------------------------------------------
 * FINAL CAMPAIGN CARD
 * ------------------------------------------ */

.illit-poppy-final > .section-content > .row {
    display: flex !important;
    align-items: center !important;

    padding: 28px 30px !important;
}


.illit-poppy-final > .section-content > .row > .col:first-child {
    padding-right: 28px;
}


.illit-poppy-final > .section-content > .row > .col:last-child > .col-inner {
    display: grid;
    gap: 10px;

    align-content: center;
}


.illit-poppy-final .button {
    width: 100%;
    margin: 0 !important;
}


/* ------------------------------------------
 * STANDARD WORDPRESS / FLATSOME POST UI
 * ------------------------------------------
 *
 * This is intentionally scoped to the specialist
 * Poppy Appeal post via body.illit-poppy-page.
 * The post title/H1 remains untouched.
 */

body.illit-poppy-page .entry-author,
body.illit-poppy-page .author-box,
body.illit-poppy-page .navigation-post,
body.illit-poppy-page .post-navigation,
body.illit-poppy-page .nav-links,
body.illit-poppy-page #comments,
body.illit-poppy-page .comments-area,
body.illit-poppy-page .comment-respond,
body.illit-poppy-page .comments,
body.illit-poppy-page .blog-share,
body.illit-poppy-page .entry-meta,
body.illit-poppy-page .post-sidebar {
    display: none !important;
}


/* Remove the leftover divider/spacing around hidden post furniture */
body.illit-poppy-page .article-inner > .entry-divider,
body.illit-poppy-page .article-inner > .is-divider,
body.illit-poppy-page .article-inner > hr {
    display: none !important;
}


body.illit-poppy-page .article-inner {
    padding-bottom: 0 !important;
}


body.illit-poppy-page .entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ------------------------------------------
 * DARK MODE - V2 POLISH
 * ------------------------------------------ */

html.darklooks-mode-changer-enabled
.illit-poppy-gallery-heading::after {
    background: #4A99D4 !important;
}


html.darklooks-mode-changer-enabled
.illit-poppy-final > .section-content > .row {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;

    border-color: #414141 !important;
}


/* ------------------------------------------
 * TABLET
 * ------------------------------------------ */

@media (max-width: 849px) {

    .illit-poppy-intro > .section-content > .row {
        flex-wrap: wrap !important;
    }


    .illit-poppy-intro > .section-content > .row > .col:first-child,
    .illit-poppy-intro > .section-content > .row > .col:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }


    .illit-poppy-intro > .section-content > .row > .col:last-child > .col-inner {
        justify-content: center;
    }


    .illit-poppy-intro .img,
    .illit-poppy-intro .img-inner {
        max-width: 520px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }


    .illit-poppy-final > .section-content > .row {
        flex-wrap: wrap !important;
    }


    .illit-poppy-final > .section-content > .row > .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }


    .illit-poppy-final > .section-content > .row > .col:first-child {
        padding-right: 0;
        padding-bottom: 20px;
    }

}


/* ------------------------------------------
 * MOBILE
 * ------------------------------------------ */

@media (max-width: 549px) {

    .illit-poppy-intro .img,
    .illit-poppy-intro .img-inner {
        max-width: 100% !important;
    }


    .illit-poppy-year-panel .row > .col {
        margin-bottom: 16px;
    }


    .illit-poppy-final > .section-content > .row {
        padding: 24px 20px !important;
    }

}

/* ==========================================
 * POPPY APPEAL V3 - FINAL DESKTOP POLISH
 * ==========================================
 *
 * Final refinements from the second live render:
 * - equal-height annual gallery frames
 * - stronger two-image gallery balance
 * - force the final campaign card into a true
 *   8/4 desktop layout
 * - keep tablet/mobile stacking unchanged
 */


/* ------------------------------------------
 * ANNUAL PHOTO GALLERY - EQUAL FRAMES
 * ------------------------------------------ */

/*
 * The gallery row is the row containing the
 * .illit-poppy-gallery-heading. The selector is
 * deliberately scoped to this specialist page.
 */

.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading) {
    align-items: stretch !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col:not(:first-child) {
    display: flex !important;
    align-items: stretch !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col:not(:first-child)
> .col-inner {
    display: flex !important;
    width: 100% !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
.img {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
.img-inner {
    position: relative;

    overflow: hidden;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;

    margin: 0 !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    border-radius: 12px !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
.img-inner img {
    position: absolute;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;
}


/*
 * Two-image galleries get a slightly narrower
 * combined width so the pair reads as one
 * intentional gallery rather than two oversized
 * unrelated images.
 */

.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.medium-6,
.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.large-6 {
    flex-basis: 50% !important;
    max-width: 50% !important;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.medium-6:first-of-type,
.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.large-6:first-of-type {
    padding-left: 18px;
}


.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.medium-6:last-child,
.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
> .col.large-6:last-child {
    padding-right: 18px;
}


/* Dark mode keeps gallery frames intentional */
html.darklooks-mode-changer-enabled
.illit-poppy-year-panel
.row:has(.illit-poppy-gallery-heading)
.img-inner {
    background: #2B2B2B !important;
    background-color: #2B2B2B !important;

    border-color: #414141 !important;
}


/* ------------------------------------------
 * FINAL CAMPAIGN CARD - TRUE 8 / 4 LAYOUT
 * ------------------------------------------ */

.illit-poppy-final
> .section-content
> .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}


.illit-poppy-final
> .section-content
> .row
> .col.medium-8,
.illit-poppy-final
> .section-content
> .row
> .col.large-8 {
    flex: 0 0 66.666667% !important;
    flex-basis: 66.666667% !important;
    max-width: 66.666667% !important;

    padding-right: 34px !important;
}


.illit-poppy-final
> .section-content
> .row
> .col.medium-4,
.illit-poppy-final
> .section-content
> .row
> .col.large-4 {
    flex: 0 0 33.333333% !important;
    flex-basis: 33.333333% !important;
    max-width: 33.333333% !important;
}


.illit-poppy-final
> .section-content
> .row
> .col.medium-4
> .col-inner,
.illit-poppy-final
> .section-content
> .row
> .col.large-4
> .col-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    width: 100% !important;

    align-content: center !important;
}


.illit-poppy-final
> .section-content
> .row
> .col.medium-4
.button,
.illit-poppy-final
> .section-content
> .row
> .col.large-4
.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;

    margin: 0 !important;

    text-align: center !important;
}


/* ------------------------------------------
 * TABLET - STACK AGAIN
 * ------------------------------------------ */

@media (max-width: 849px) {

    .illit-poppy-final
    > .section-content
    > .row {
        flex-wrap: wrap !important;
    }


    .illit-poppy-final
    > .section-content
    > .row
    > .col.medium-8,
    .illit-poppy-final
    > .section-content
    > .row
    > .col.large-8,
    .illit-poppy-final
    > .section-content
    > .row
    > .col.medium-4,
    .illit-poppy-final
    > .section-content
    > .row
    > .col.large-4 {
        flex: 0 0 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }


    .illit-poppy-final
    > .section-content
    > .row
    > .col.medium-8,
    .illit-poppy-final
    > .section-content
    > .row
    > .col.large-8 {
        padding-right: 0 !important;
        padding-bottom: 20px !important;
    }


    .illit-poppy-year-panel
    .row:has(.illit-poppy-gallery-heading)
    > .col.medium-6,
    .illit-poppy-year-panel
    .row:has(.illit-poppy-gallery-heading)
    > .col.large-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

}


/* ------------------------------------------
 * MOBILE - FULL-WIDTH GALLERY ITEMS
 * ------------------------------------------ */

@media (max-width: 549px) {

    .illit-poppy-year-panel
    .row:has(.illit-poppy-gallery-heading)
    > .col.medium-6,
    .illit-poppy-year-panel
    .row:has(.illit-poppy-gallery-heading)
    > .col.large-6 {
        flex-basis: 100% !important;
        max-width: 100% !important;

        padding-right: 15px !important;
        padding-left: 15px !important;
    }


    .illit-poppy-year-panel
    .row:has(.illit-poppy-gallery-heading)
    .img-inner {
        aspect-ratio: 4 / 3;
    }

}