/* CF Starter · 门店版（/shop/）：只在页面用到 cf-s- 开头的区块时加载（functions.php） */
/* ===================== 门店版（/shop/）：类名都以 cf-s- 开头 ===================== */
.cf-s-topbar p{margin:0;text-align:center;letter-spacing:.06em}
.cf-s-hdr{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.cf-s-hdr>.cf-s-logo{grid-column:2;grid-row:1;text-align:center}
.cf-s-hdr>.wp-block-navigation{grid-column:1;grid-row:1}
.cf-s-hdr>.cf-s-hdr-right{grid-column:3;grid-row:1}
.cf-s-logo .wp-block-site-title{margin:0;font-family:Georgia,"PingFang SC","Microsoft YaHei",serif;font-size:24px;letter-spacing:.18em}
.cf-s-logo .cf-logo-en{margin:4px 0 0!important;font-size:10px;letter-spacing:.28em}
.cf-s-header .wp-block-navigation__container{gap:26px}
.cf-s-hdr-tel{margin:0;font-family:Georgia,serif;font-size:16px;white-space:nowrap}
.cf-s-hdr-tel a{color:var(--wp--preset--color--contrast)}

/* 首屏：大字 + 竖图 + 本周豆子小卡 */
.cf-s-hero h1{font-size:clamp(40px,5.6vw,84px);line-height:1.08;letter-spacing:-.01em;margin:6px 0 22px!important;color:var(--wp--preset--color--navy)}
.cf-s-lead{font-size:18px;max-width:30em;color:var(--wp--preset--color--navy-2)}
.cf-s-today{gap:10px 28px!important;margin-top:34px!important;padding-top:18px;border-top:1px solid var(--cf-line)}
.cf-s-today p{margin:0;font-size:14px;color:var(--cf-muted)}
.cf-s-hero-img{position:relative;padding:0 0 56px 0}
.cf-s-hero-img>figure{margin:0!important;border-radius:220px 220px 0 0;overflow:hidden}
.cf-s-hero-img>figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.cf-s-note{position:absolute;left:-40px;bottom:0;margin:0!important;background:var(--wp--preset--color--base);padding:18px 22px!important;max-width:290px;box-shadow:0 12px 30px rgba(42,31,25,.12)}
.cf-s-note p{margin:0!important}
.cf-s-note-k{font-size:12px;letter-spacing:.12em;color:var(--cf-accent);font-weight:600}
.cf-s-note-t{font-size:18px;font-weight:700;color:var(--wp--preset--color--navy);margin:4px 0!important}
.cf-s-note p:last-child{font-size:13px;color:var(--cf-muted)}

/* 滚动字条（纯装饰，读屏跳过；系统设了「减少动态效果」就停住） */
.cf-s-mq{overflow:hidden;padding:0!important}
.cf-s-marquee{overflow:hidden;padding:22px 0;white-space:nowrap}
.cf-s-track{display:inline-flex;animation:cf-s-run 48s linear infinite}
.cf-s-track span{font-size:clamp(22px,2.6vw,34px);font-weight:700;color:var(--wp--preset--color--surface);padding:0 22px}
.cf-s-track span::after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cf-accent);margin-left:44px;vertical-align:middle}
@keyframes cf-s-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cf-s-track{animation:none}}

/* 出炉时间表 */
.cf-s-sched-img{margin-top:28px!important}
.cf-s-sched-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.cf-s-sched{border-top:2px solid var(--wp--preset--color--navy)}
.cf-s-row{display:grid!important;grid-template-columns:130px minmax(0,1fr) auto;gap:4px 28px;align-items:baseline;padding:24px 0!important;border-bottom:1px solid var(--cf-line);margin:0!important}
.cf-s-row>*{margin:0!important}
.cf-s-row .cf-s-time{font-family:Georgia,serif;font-size:34px;line-height:1;color:var(--cf-accent)}
.cf-s-row h3{font-size:21px;margin:0 0 4px!important}
.cf-s-row p{margin:0;color:var(--cf-muted)}
.cf-s-row .cf-s-tag{font-size:13px;color:var(--wp--preset--color--navy-2);border:1px solid var(--cf-line);border-radius:999px;padding:4px 12px;white-space:nowrap;background:var(--wp--preset--color--surface)}

/* 价目单（深色） */
.cf-s-mlist{list-style:none;padding:0!important;margin:0}
.cf-s-mlist li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.cf-s-mlist strong{display:flex;align-items:baseline;gap:10px;font-weight:600;font-size:17px}
.cf-s-mlist strong::after{content:"";flex:1;border-bottom:1px dotted rgba(255,255,255,.3);transform:translateY(-4px)}
.cf-s-mlist span{font-family:Georgia,serif;font-size:19px;color:#e7a57f}
.cf-s-mlist small{grid-column:1/-1;font-size:13px;color:rgba(255,255,255,.55);margin-top:2px}
.cf-s-menu h3{font-size:15px;letter-spacing:.2em;color:#e7a57f!important;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:10px;margin-bottom:0!important}
.cf-s-menu .cf-s-mlist strong{color:#fff}
.cf-s-menu .cf-more a{color:#fff}
.cf-s-light li{border-bottom-color:var(--cf-line)}
.cf-s-light strong{color:var(--wp--preset--color--navy)}
.cf-s-light strong::after{border-bottom-color:color-mix(in srgb,var(--cf-muted) 45%,transparent)}
.cf-s-light span{color:var(--cf-accent)}
.cf-s-light small{color:var(--cf-muted)}

/* 左右交错大图 */
.cf-s-zig+.cf-s-zig{margin-top:var(--wp--preset--spacing--60)!important}
.cf-s-zig .cf-img-fill img{min-height:460px;border-radius:6px}
.cf-s-big{font-family:Georgia,serif;font-size:clamp(64px,7vw,110px);line-height:.9;color:var(--cf-line);margin:0!important}
.cf-s-zig h2{margin-top:6px!important}
.cf-s-fact{display:inline-block;margin-top:8px!important;padding:8px 0;border-top:2px solid var(--cf-accent);font-weight:600;color:var(--wp--preset--color--navy)}

/* 拼图相册 */
.cf-s-mosaic{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:12px}
.cf-s-mosaic>*{margin:0!important}
.cf-s-mosaic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
.cf-s-mosaic figure{height:100%}
.cf-s-mosaic>:nth-child(1),.cf-s-mosaic>:nth-child(3){grid-row:span 2}
.cf-s-mosaic>:nth-child(2){grid-column:span 2}

/* 常客留言 */
.cf-s-qbig{font-size:clamp(22px,2.4vw,32px);line-height:1.55;font-weight:600;color:var(--wp--preset--color--navy);margin:0!important;position:relative;padding-top:64px}
.cf-s-qbig::before{content:"\201C";position:absolute;left:-6px;top:-28px;font-family:Georgia,serif;font-size:140px;line-height:1;color:var(--cf-accent)}
.cf-s-qwho{color:var(--cf-muted);font-size:14px;margin-top:14px!important}
.cf-s-qsmall{border-left:2px solid var(--cf-line);padding-left:24px!important}
.cf-s-qsmall+.cf-s-qsmall{margin-top:36px!important}
.cf-s-qsmall p:first-child{font-size:17px;margin:0}

/* 生日蛋糕 */
.cf-s-cake{background:var(--wp--preset--color--surface);gap:0!important}
.cf-s-cake .cf-img-fill img{min-height:520px}
.cf-s-ticket{padding:56px 60px!important}

/* 常见问题（展开/收起） */
.cf-s-faq .wp-block-details{border-bottom:1px solid var(--cf-line);padding:4px 0;margin:0!important}
.cf-s-faq .wp-block-details:first-of-type{border-top:1px solid var(--cf-line)}
.cf-s-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-size:18px;font-weight:600;color:var(--wp--preset--color--navy)}
.cf-s-faq summary::-webkit-details-marker{display:none}
.cf-s-faq summary::after{content:"+";font-family:Georgia,serif;font-size:26px;line-height:1;color:var(--cf-accent);transition:transform .2s}
.cf-s-faq details[open] summary::after{transform:rotate(45deg)}
.cf-s-faq details p{margin:0 0 16px;color:var(--cf-muted)}
.cf-s-faq h2{margin-bottom:22px!important}
.cf-s-menu-cols{margin-top:var(--wp--preset--spacing--50)!important}
.cf-s-footer p{margin:0 0 8px}
.cf-s-qbig{margin-top:8px!important}

/* 到店信息条（陶土红） */
.cf-s-visit h3{color:#fff;font-size:14px;letter-spacing:.2em;margin:0 0 14px!important;opacity:.8}
.cf-s-visit p{color:#fff;margin:0 0 8px}
.cf-s-hours{list-style:none;padding:0!important;margin:0}
.cf-s-hours li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.cf-s-hours span{font-family:Georgia,serif}
.cf-s-hours-light li{border-bottom-color:var(--cf-line)}
.cf-s-tel{font-family:Georgia,serif;font-size:clamp(26px,2.6vw,36px);line-height:1.2}
.cf-s-visit .cf-s-tel a{color:#fff}
.cf-s-tel a{color:var(--cf-accent)}

/* 内页：米色标题条 + 半压在上面的照片 */
.cf-s-ptitle{padding-top:56px;padding-bottom:0;background:linear-gradient(var(--wp--preset--color--surface) 70%,var(--wp--preset--color--base) 70%)!important}
.cf-s-ptitle h1{font-size:clamp(34px,4.4vw,60px);margin-top:0!important;margin-bottom:30px!important;color:var(--wp--preset--color--navy)}
.cf-s-pimg{margin:0 auto!important}
.cf-s-pimg img{border-radius:6px;max-height:420px}
.cf-s-box{background:var(--wp--preset--color--surface);padding:28px 32px!important;border-radius:6px}
.cf-s-box h3{margin-top:0}
.cf-s-steps li{margin-bottom:8px}
.cf-s-who{font-family:Georgia,"PingFang SC",serif;font-size:24px;font-weight:700;color:var(--wp--preset--color--navy);margin:0 0 6px!important;padding-top:14px;border-top:2px solid var(--cf-accent)}
.cf-s-trio{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cf-s-trio>*{margin:0!important}
.cf-s-trio img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}

/* 页脚：大店名 */
.cf-footer .cf-s-word{font-family:Georgia,"PingFang SC",serif;font-size:clamp(60px,8vw,112px);line-height:1;letter-spacing:.12em;color:var(--wp--preset--color--surface)!important;margin:0 0 18px!important;font-weight:700}
.cf-s-dock .wp-block-button__link{border-radius:999px}

@media (min-width:782px){.cf-s-dock{display:none}.cf-s-rev{flex-direction:row-reverse}}
@media (max-width:781px){
  .cf-s-hdr{display:flex!important}
  .cf-s-logo{text-align:left}
  .cf-s-hero-img{padding-bottom:40px}
  .cf-s-hero-img>figure{border-radius:160px 160px 0 0}
  .cf-s-note{left:12px;right:12px;max-width:none}
  .cf-s-row{grid-template-columns:76px minmax(0,1fr);padding:18px 0!important}
  .cf-s-row .cf-s-tag{grid-column:2;justify-self:start;white-space:normal}
  .cf-s-row .cf-s-time{font-size:24px}
  .cf-s-row h3{font-size:18px}
  .cf-s-zig .cf-img-fill img{min-height:260px}
  .cf-s-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
  .cf-s-mosaic>:nth-child(2){grid-column:auto}
  .cf-s-mosaic>:nth-child(3){grid-row:auto}
  .cf-s-cake .cf-img-fill img{min-height:260px}
  .cf-s-ticket{padding:36px 20px!important}
  .cf-s-qbig{padding-top:48px}
  .cf-s-qbig::before{font-size:110px;top:-22px}
  .cf-s-ptitle{padding-top:36px}
  .cf-s-trio{grid-template-columns:1fr 1fr}
  .cf-s-trio>:last-child{grid-column:span 2}
  .cf-s-trio>:last-child img{aspect-ratio:2/1}
}
