/* 1.3.22 Ready-made Dainty Affairs designs (inc/patterns.php). Loaded on pages and in the editor, so what she builds
   in wp-admin looks like what visitors see. Brand: gray #4a4550, pink #fa82b2, light pink #f9cad9, yellow accents. */

/* sections */
.da-sec{margin:96px 0 0}
.da-sec>.da-eyebrow{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:.16em;font-size:13px;color:#155E63;text-transform:uppercase;margin:0 0 12px}
.da-sec>.wp-block-heading{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(30px,3.4vw,46px);line-height:1.12;color:#4a4550;margin:0 0 34px;max-width:780px}
@media (max-width:781px){.da-sec{margin-top:72px}}

/* buttons inside the designs (the same pills as the rest of the site, also in the editor) */
:is(.da-open,.da-sec,.da-band) .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
:is(.da-open,.da-sec,.da-band) .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:#fa82b2;color:#4a4550;font-weight:800;font-size:16px;text-decoration:none;border:0;box-shadow:0 12px 30px rgba(250,130,178,.3)}
:is(.da-open,.da-sec,.da-band) .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:#4a4550;box-shadow:inset 0 0 0 2px #4a4550}
:is(.da-open,.da-sec,.da-band) .wp-block-button .wp-block-button__link:hover{background:#4a4550;color:#fff}

/* 1. page opening */
.wp-block-columns.da-open{display:flex;gap:clamp(32px,6vw,96px);align-items:center;margin:0}
.wp-block-columns.da-open>.wp-block-column{flex:1 1 0;min-width:0}
.da-open .wp-block-heading.da-lead-line{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(26px,2.6vw,34px);line-height:1.2;color:#4a4550;margin:0 0 18px}
.da-open p.da-lead{font-size:clamp(19px,1.6vw,22px);line-height:1.6;color:#4a4550;margin:0 0 14px}
.da-open p{color:#5d5862;line-height:1.7}
.wp-block-columns.da-open .wp-block-column>.wp-block-image.da-photo{margin:0 0 0 auto;width:min(460px,100%)}
.wp-block-columns.da-open .wp-block-column>.wp-block-image.da-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:30px;box-shadow:0 40px 90px rgba(120,20,60,.2)}
@media (max-width:781px){.wp-block-columns.da-open{flex-direction:column;align-items:stretch;gap:28px}.wp-block-columns.da-open>.wp-block-column{flex-basis:100%!important}.wp-block-columns.da-open .wp-block-column>.wp-block-image.da-photo{width:100%;margin:0}}

/* 2. photo and words */
.wp-block-media-text.da-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px);align-items:center;margin:0 0 56px}
.wp-block-media-text.da-side>.wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}
.wp-block-media-text.da-side>.wp-block-media-text__content{grid-column:2;grid-row:1}
.wp-block-media-text.da-side.has-media-on-the-right>.wp-block-media-text__media{grid-column:2}
.wp-block-media-text.da-side.has-media-on-the-right>.wp-block-media-text__content{grid-column:1}
.wp-block-media-text.da-side .wp-block-media-text__media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:26px}
.wp-block-media-text.da-side .wp-block-media-text__content{padding:0}
.wp-block-media-text.da-side h3{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(24px,2.2vw,30px);margin:0 0 12px;color:#4a4550}
.wp-block-media-text.da-side p{color:#5d5862;line-height:1.7}
@media (max-width:781px){.wp-block-media-text.da-side{grid-template-columns:minmax(0,1fr)!important;gap:20px;margin-bottom:44px}.wp-block-media-text.da-side>.wp-block-media-text__media,.wp-block-media-text.da-side.has-media-on-the-right>.wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.da-side>.wp-block-media-text__content,.wp-block-media-text.da-side.has-media-on-the-right>.wp-block-media-text__content{grid-column:1;grid-row:2}}

/* 3. gallery */
.wp-block-gallery.da-gallery{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.wp-block-gallery.da-gallery .wp-block-image{width:auto!important;margin:0!important}
.wp-block-gallery.da-gallery .wp-block-image img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px;transition:transform .4s ease}
.wp-block-gallery.da-gallery .wp-block-image:hover img{transform:translateY(-4px)}
@media (max-width:781px){.wp-block-gallery.da-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.wp-block-gallery.da-gallery .wp-block-image img{border-radius:16px}}

/* 4. price list */
.wp-block-group.da-price{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:20px 0;border-bottom:1.5px dashed #f0b8cd;margin:0}
.da-price p{margin:0}
.da-price .da-price-item{color:#5d5862;line-height:1.55;font-size:16px}
.da-price .da-price-item strong{display:inline-block;font-family:'Playfair Display',serif;font-weight:600;font-size:21px;color:#4a4550;margin-bottom:2px}
.da-price .da-price-amount{font-family:'Playfair Display',serif;font-weight:600;font-size:22px;color:#4a4550;white-space:nowrap}
.da-sec-prices p.da-note{font-size:14px;color:#5d5862;margin:16px 0 0}

/* 5. questions */
.wp-block-details.da-q{background:#fff;border-radius:18px;margin:0 0 12px;padding:0;box-shadow:0 10px 30px rgba(120,20,60,.06);max-width:860px}
.wp-block-details.da-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;font-family:'Playfair Display',serif;font-weight:600;font-size:20px;color:#4a4550}
.wp-block-details.da-q summary::-webkit-details-marker{display:none}
.wp-block-details.da-q summary::after{content:'+';flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f9cad9;font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;line-height:1;transition:transform .3s ease}
.wp-block-details.da-q[open] summary::after{transform:rotate(45deg)}
.wp-block-details.da-q>p{margin:0;padding:0 24px 22px;color:#5d5862;line-height:1.7}

/* 6. order band */
.wp-block-group.da-band{margin:96px 0 0;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px);border-radius:32px;background:#f9cad9;text-align:center}
.da-band .wp-block-heading{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(30px,3.4vw,46px);color:#4a4550;margin:0 0 12px}
.da-band p{max-width:620px;margin:0 auto;color:#4a4550;line-height:1.7}
.da-band .wp-block-buttons{justify-content:center}
.da-band .wp-block-button.is-style-outline .wp-block-button__link{background:#fff;box-shadow:none}

/* a page that ends with the order band does not ask twice: the footer's big "Design it now" line is left out there */
body:has(.entry .da-band) .footer>.wrap.cta{display:none}

/* a page that opens with a design: the page title sits with the words, like the Dessert catering page */
.wp-page .page-title.in-cols{margin:0 0 18px}

/* on a pink page the band is a white card (light pink would vanish into the background) */
.wp-page.bg-pink .wp-block-group.da-band{background:#fff;box-shadow:0 24px 60px rgba(120,20,60,.08)}
.wp-page.bg-pink .da-band .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;box-shadow:inset 0 0 0 2px #4a4550}