/* Copied from extra.css. url() paths are relative to the site root. */
/* FP-0002 Ti Amann — "patisserie" layout. Soft, elegant French patisserie: cream + caramel + Breton blue,
   Cormorant Garamond display (incl. italic) + Jost body, centered composition, hairline rules, Breton stripes. */
.layout-patisserie{font-size:1.0625rem;letter-spacing:.005em}
.layout-patisserie h1,.layout-patisserie h2{font-weight:500;letter-spacing:.01em}
.layout-patisserie h2{font-size:clamp(2rem,6vw,2.8rem)}
.layout-patisserie h3{font-family:var(--f-heading);font-weight:600;font-size:1.45rem}
.layout-patisserie .brand{font-style:italic;font-weight:500;font-size:1.5rem}

/* header: centered, hairline + Breton stripe band */
.layout-patisserie .site-header{background:var(--c-bg);border-bottom:0;position:relative;padding-bottom:12px}
.layout-patisserie .site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(180deg,#1F3A6B 0 3px,transparent 3px 6px)}
.layout-patisserie .site-header .wrap{justify-content:center;flex-direction:column;gap:.25rem;padding-block:1rem .5rem}
.layout-patisserie .site-nav ul{justify-content:center}
.layout-patisserie .site-nav a{font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}

/* essentials early: flavors + pop-up, then preorder/pop-up info */
.layout-patisserie.page-home main{display:flex;flex-direction:column}
.layout-patisserie.page-home .hero{order:1}
.layout-patisserie.page-home #specials{order:2}
.layout-patisserie.page-home #visit{order:3}
.layout-patisserie.page-home #gallery{order:4}
.layout-patisserie.page-home #about{order:5}
.layout-patisserie.page-home #popups{order:6}
.layout-patisserie.page-home #contact{order:7}

/* hero: centered, airy */
.layout-patisserie .hero .wrap{grid-template-columns:1fr;text-align:center;justify-items:center;padding-block:3rem 2.5rem;gap:1.5rem}
.layout-patisserie .hero h1{font-style:italic;font-weight:500;font-size:clamp(3.4rem,15vw,6.5rem);line-height:.95;margin-bottom:.15em}
.layout-patisserie .eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:500;color:#8C5220;margin-bottom:.75rem}
.layout-patisserie .hero p.lead{margin-inline:auto;max-width:32rem;font-weight:400;color:var(--c-text)}
.layout-patisserie .hero .btn-row{justify-content:center}
.layout-patisserie .btn{border-radius:2px;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;font-weight:500;padding:.8rem 1.6rem}
.layout-patisserie .hero .btn-primary{background:#1F3A6B;color:#fff}
.layout-patisserie .hero .btn-secondary{color:#1F3A6B;border-color:#1F3A6B;border-width:1px}
.layout-patisserie .hero-art{width:min(100%,34rem);border-radius:50% 50% 4px 4px / 30% 30% 4px 4px;overflow:hidden}

/* sections: centered titles with a small ornament */
.layout-patisserie section > .wrap > h2,.layout-patisserie .grid-2 h2{position:relative}
.layout-patisserie #specials h2,.layout-patisserie #gallery h2{text-align:center}
.layout-patisserie #specials h2::after,.layout-patisserie #gallery h2::after{content:"";display:block;width:3rem;height:1px;background:#8C5220;margin:.6rem auto 0}
.layout-patisserie #specials .section-intro,.layout-patisserie #gallery .section-intro{text-align:center;margin-inline:auto}
.layout-patisserie section.alt{background:#FFFDF8;border-block:1px solid var(--c-border)}
.layout-patisserie .card{border-radius:2px;border:1px solid var(--c-border);box-shadow:none;padding:1.5rem}
.layout-patisserie .special{text-align:center;border-top:3px solid #1F3A6B}
.layout-patisserie .special .when{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:500}
.layout-patisserie .special a{display:inline-flex;align-items:center;min-height:44px}

/* preorder + pop-up info */
.layout-patisserie #visit .hours th{font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}
.layout-patisserie #visit .wrap{align-items:start}

/* gallery: arched frames */
.layout-patisserie .gallery img{border-radius:999px 999px 4px 4px}
.layout-patisserie .gallery figcaption{text-align:center;font-family:var(--f-heading);font-style:italic;font-size:1.2rem;color:#1F3A6B}

.layout-patisserie .link-list a{border-radius:2px;font-weight:500}
.layout-patisserie .site-footer{border-top:12px solid transparent;border-image:repeating-linear-gradient(180deg,#FBF5EA 0 3px,#1F3A6B 3px 6px) 12}

/* menu page: a printed carte */
.layout-patisserie .menu-head{text-align:center}
.layout-patisserie .menu-head h1{font-style:italic;font-weight:500}
.layout-patisserie .menu-head p{margin-inline:auto}
.layout-patisserie .cat-nav{background:var(--c-bg)}
.layout-patisserie .cat-nav a{border-radius:2px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;background:transparent}
.layout-patisserie .menu-cat{text-align:center}
.layout-patisserie .menu-cat h2{font-style:italic}
.layout-patisserie .menu-cat > .wrap{max-width:40rem}
.layout-patisserie .items{grid-template-columns:1fr}
.layout-patisserie .item{border-bottom:0;padding:1.1rem 0}
.layout-patisserie .item-top{flex-direction:column;align-items:center;gap:.15rem}
.layout-patisserie .item h3{font-size:1.6rem}
.layout-patisserie .item + .item::before{content:"·  ·  ·";display:block;color:#8C5220;margin-bottom:1rem;letter-spacing:.2em}
.layout-patisserie .menu-note,.layout-patisserie .legend{text-align:center}
.layout-patisserie .cat-nav a[aria-current="true"]{background:#1F3A6B;color:#fff;border-color:#1F3A6B}
/* r3: square gallery frames so IG photos and the cannelés placeholder line up */
.layout-patisserie .gallery img{aspect-ratio:1/1;object-fit:cover}
/* r4 (template v1.3.0): centered patisserie header keeps the nav centered; Preorder button sits under it */
@media (min-width:48rem){.layout-patisserie .site-header .site-nav{margin-left:0}}
.layout-patisserie .site-header .btn-order{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}