/*
 * 웨딩홀 축하화환 페이지 스타일
 *
 * ★ 모든 선택자는 .dws- 로 시작한다. (테마·다른 플러그인에 영향 없음)
 *   웨딩홀 화면에서만 로드된다.
 *
 * 디자인 기준 = 사장님 기존 웨딩홀 페이지
 *   남색 히어로 · 금색 웨딩홀명 · 빨간 배지 · 메가커피 상자 · 초록 전화 버튼
 */

.dws-page{
  --dws-navy:#0f172a; --dws-navy2:#1e293b; --dws-gold:#fbbf24; --dws-red:#dc2626;
  --dws-ink:#1f2430; --dws-muted:#6b7280; --dws-line:#e5e7eb; --dws-soft:#f8fafc;
  --dws-call:#16a34a; --dws-call-dark:#15803d; --dws-sms:#2563eb;
  --dws-kakao:#fee500; --dws-kakao-ink:#191600;
  max-width:760px; margin:0 auto; color:var(--dws-ink);
  line-height:1.75; word-break:keep-all; font-size:16px;
}
.dws-page *{box-sizing:border-box}
.dws-page img{max-width:100%;height:auto;display:block}
.dws-page a{text-decoration:none}

/* 테마 제목(h1)을 페이지 톤에 맞춘다. h1 은 테마 것 하나만 쓴다. */
.dws-single .entry-header{max-width:760px;margin:0 auto;padding:0 0 10px;border:0}
.dws-single .entry-header .entry-title{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.4;margin:0;color:#1f2430}
.dws-single .entry-header .entry-meta,
.dws-single .ast-single-entry-banner,
.dws-single .post-navigation,
.dws-single .comments-area{display:none!important}

/* ── 히어로 ─────────────────────────────── */
.dws-hero{
  background:linear-gradient(170deg,var(--dws-navy) 0%,var(--dws-navy2) 100%);
  border-radius:18px; padding:0 18px 22px; text-align:center; color:#e5e7eb; margin-bottom:10px;
}
.dws-pill{display:inline-block;background:var(--dws-red);color:#fff;font-weight:800;font-size:15px;
  padding:9px 20px;border-radius:0 0 18px 18px;box-shadow:0 4px 12px rgba(220,38,38,.35)}
.dws-hname{margin:18px 0 0!important;color:var(--dws-gold);font-size:25px;font-weight:900;line-height:1.35}
.dws-area-h1{margin:18px 0 0!important;color:var(--dws-gold)!important;font-size:25px!important;font-weight:900!important;line-height:1.35!important}
.dws-hsub{margin:4px 0 0!important;color:#fff;font-size:21px;font-weight:800;line-height:1.4}
.dws-hsub span{border-bottom:2px solid #fff}
.dws-lede{margin:14px 0 0!important;font-size:15.5px;line-height:1.75;color:#e5e7eb}

.dws-event{margin:18px 0 0;border:1px solid #f0d5dd;background:#fdf2f5;border-radius:14px;padding:16px 14px;color:#6d5560;font-size:14.5px}
.dws-event-t{margin:0 0 8px!important;font-weight:800;font-size:16px;color:#c2487a}
.dws-event ul{list-style:none;margin:0;padding:0}
.dws-event li{margin:2px 0}
.dws-event u{text-underline-offset:3px}
.dws-event-n{margin:8px 0 0!important;font-size:12.5px;color:#a98b97}

/* ── 버튼 ───────────────────────────────── */
.dws-cta{display:grid;gap:8px;margin-top:16px}
.dws-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:56px;border-radius:12px;
  font-weight:900;font-size:17px;border:0;cursor:pointer;font-family:inherit;text-align:center;padding:0 12px}
.dws-btn:hover{opacity:.93}
.dws-b-call{background:var(--dws-call);color:#fff!important;box-shadow:0 4px 12px rgba(22,163,74,.35)}
.dws-b-shop{background:#fff;color:var(--dws-navy)!important}
.dws-b-sms{background:var(--dws-sms);color:#fff!important}
.dws-b-copy{background:#fff;color:var(--dws-sms);border:1.5px solid #bfdbfe}

/* ── 섹션 공통 ──────────────────────────── */
.dws-sec{padding:26px 4px;border-bottom:1px solid var(--dws-line)}
.dws-sec h2{font-size:20px!important;line-height:1.45!important;margin:0 0 12px!important;letter-spacing:-.3px;font-weight:800}
.dws-sec h3{font-size:17px;margin:16px 0 8px}
.dws-sec p{margin:0 0 12px}
.dws-sub{color:var(--dws-muted);font-size:14.5px;margin-top:-4px!important}
.dws-facts-p{background:var(--dws-soft);border-left:4px solid var(--dws-navy);border-radius:8px;padding:12px 14px}
.dws-checks{list-style:none;margin:14px 0 0;padding:14px 16px;background:#f0fdf4;border-radius:12px;display:grid;gap:6px;font-size:15px}
.dws-checks li::before{content:"✓ ";color:var(--dws-call);font-weight:900}

/* ── 상품 ───────────────────────────────── */
.dws-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dws-prod{border:1px solid var(--dws-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.dws-ph{aspect-ratio:3/4;background:linear-gradient(160deg,#eceff3,#dde2ea);position:relative;display:flex;align-items:center;justify-content:center}
.dws-ph img{width:100%;height:100%;object-fit:contain;background:#fff}
.dws-noimg{font-size:38px}
.dws-tag{position:absolute;left:6px;top:6px;background:var(--dws-navy);color:#fff;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.dws-gift{position:absolute;right:6px;bottom:6px;background:#fef3c7;color:#92400e;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px}
.dws-pi{padding:9px 10px 10px;display:flex;flex-direction:column;gap:3px;flex:1}
.dws-pi b{font-size:14.5px;line-height:1.4}
.dws-price{font-weight:900;color:var(--dws-red);font-size:17px}
.dws-order{margin-top:auto;display:block;text-align:center;background:var(--dws-navy);color:#fff!important;font-weight:800;font-size:14px;border-radius:8px;padding:9px 0}

/* ── 이용 정보표 ────────────────────────── */
.dws-table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.dws-table th,.dws-table td{border:1px solid var(--dws-line);padding:10px 11px;text-align:left;vertical-align:top}
.dws-table th{background:#f9fafb;width:32%;font-weight:700;color:#374151}
.dws-table small{color:var(--dws-muted);font-size:13px}
.dws-copy{font:inherit;font-size:12.5px;border:1px solid var(--dws-line);background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer;color:#374151;margin-left:4px}
.dws-maps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.dws-maps a{display:block;text-align:center;padding:11px;border:1px solid var(--dws-line);border-radius:10px;color:var(--dws-ink)!important;font-weight:700;font-size:14.5px}

/* ── 리본 문구 ──────────────────────────── */
.dws-ribbons{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dws-ribbons li{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--dws-line);border-radius:10px;padding:10px 12px;font-size:15.5px}

/* ── 주문 방법 · 문자 주문서 ────────────── */
.dws-steps{list-style:none;counter-reset:dfh;margin:0 0 12px;padding:0;display:grid;gap:8px}
.dws-steps li{counter-increment:dfh;display:flex;gap:10px;align-items:center;background:var(--dws-soft);border-radius:10px;padding:11px 12px;font-size:15px}
.dws-steps li::before{content:counter(dfh);flex:0 0 26px;height:26px;border-radius:50%;background:var(--dws-navy);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.dws-smsform{margin:14px 0;background:#eef2f7;border-radius:16px;padding:14px}
.dws-bubble{background:var(--dws-sms);color:#fff;border-radius:18px 18px 4px 18px;padding:14px 16px;font-size:15px;line-height:1.75}
.dws-bubble-info{margin-top:8px;background:#1e40af}
.dws-smsbtns{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:10px}
.dws-smsbtns .dws-btn{min-height:48px;font-size:15px}
.dws-contact{background:var(--dws-soft);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.9}
.dws-contact a{font-weight:800;color:var(--dws-ink)!important}

/* ── Q&A ────────────────────────────────── */
.dws-faq details{border:1px solid var(--dws-line);border-radius:12px;margin-bottom:8px;overflow:hidden;background:#fff}
.dws-faq summary{list-style:none;cursor:pointer;padding:14px 40px 14px 14px;font-weight:800;font-size:15.5px;line-height:1.5;position:relative}
.dws-faq summary::-webkit-details-marker{display:none}
.dws-faq summary::before{content:"Q ";color:var(--dws-red);font-weight:900}
.dws-faq summary::after{content:"+";position:absolute;right:14px;top:11px;font-size:20px;color:var(--dws-muted)}
.dws-faq details[open] summary::after{content:"−"}
.dws-a{padding:0 14px 14px;font-size:15px;color:#374151}
.dws-a::before{content:"A ";color:var(--dws-call);font-weight:900}

/* ── 배송 사진 ──────────────────────────── */
.dws-photos{display:grid;gap:10px}
.dws-photos figure{margin:0}
.dws-photos img{width:100%;border-radius:12px}

/* 사진이 4장 이상이면 격자로 한 번에 다 보여준다 (넘기지 않아도 12장이 다 보임) */
.dws-photos.dws-gal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dws-photos.dws-gal figure{margin:0}
.dws-photos.dws-gal img{width:100%;height:190px;object-fit:cover;border-radius:10px;display:block}
@media (min-width:560px){
  .dws-photos.dws-gal{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .dws-photos.dws-gal img{height:210px}
}

/* 정보표 안 '화환 주문은 1544-3789' — 크고 빨갛게 */
.dws-order-tel{display:inline-block;margin-top:4px;color:#dc2626;font-weight:800;font-size:16px;text-decoration:none}
.dws-order-tel:hover{text-decoration:underline}

/* ── 중간 사진 (한 줄에 한 장씩, 원본 비율 그대로) ── */
.dws-midphotos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 6px}
.dws-midphotos figure{margin:0}
.dws-midphotos img{width:100%;height:210px;object-fit:cover;border-radius:10px;display:block}

/* ── 같은 구 · 지역 목록 ────────────────── */
.dws-rel a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid var(--dws-line);color:var(--dws-ink)!important;font-size:15.5px}
.dws-rel a small{color:var(--dws-muted);font-size:13px}
.dws-rel-all{font-weight:800}
.dws-chips{display:flex;flex-wrap:wrap;gap:8px}
.dws-chips a{border:1px solid var(--dws-line);border-radius:999px;padding:7px 13px;font-size:14.5px;color:var(--dws-ink)!important;background:#fff}
.dws-chips small{color:var(--dws-muted)}
.dws-region{margin-bottom:16px}
.dws-region h3 a{color:var(--dws-navy)!important}

/* ── 마지막 주문 상자 · 안내 ────────────── */
.dws-final{margin:24px 0 8px;background:linear-gradient(170deg,var(--dws-navy),var(--dws-navy2));color:#e5e7eb;border-radius:18px;padding:22px 18px;text-align:center}
.dws-final p{margin:0 0 6px}
.dws-final-t{font-size:19px;font-weight:900;color:#fff}
.dws-brand{font-size:13px;color:var(--dws-muted);line-height:1.75;padding:18px 4px 8px}
.dws-manual{margin-bottom:16px}

/* ── 하단 고정 바 (모든 화면) ───────────── */
.dws-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;background:#fff;
  border-top:1px solid #e5e7eb;box-shadow:0 -4px 14px rgba(0,0,0,.08);padding:8px 10px calc(8px + env(safe-area-inset-bottom));
  transition:transform .22s ease}
.dws-sticky-in{width:100%;max-width:520px;display:grid;grid-template-columns:1.15fr 1.25fr 1fr 1fr;gap:5px}
.dws-sticky a{display:flex;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:10px;
  font-weight:800;font-size:13.5px;letter-spacing:-.4px;white-space:nowrap;text-decoration:none}
/* ★ 색을 변수(--dws-*)로 쓰면 본문 밖인 고정바에서는 값이 없어 흰 글씨가 된다. 여기서는 직접 지정한다. */
.dws-sticky .dws-b-call{background:#16a34a;color:#fff!important;box-shadow:none}
.dws-sticky .dws-b-shop{background:#1f2a44;color:#fff!important;border:0}
.dws-sticky .dws-b-sms{background:#2f5fb3;color:#fff!important;box-shadow:none}
.dws-sticky .dws-b-kakao{background:#fee500;color:#191600!important}
.dws-sticky .dws-ico{font-size:15px}
@media (max-width:380px){
  .dws-sticky a{font-size:12.5px;gap:2px}
  .dws-sticky .dws-ico{display:none}
}
body.dws-screen{padding-bottom:78px}

@media (max-width:420px){
  .dws-hname,.dws-area-h1{font-size:22px!important}
  .dws-hsub{font-size:19px}
  .dws-btn{font-size:16px}
  .dws-table th{width:30%}
}
@media (min-width:900px){
  .dws-cta{grid-template-columns:1fr 1fr}
}

/* ── 맨 위 배너 (2026-10-08) ───────────────── */
.dws-banner{margin:0 0 14px}
.dws-banner img{width:100%;height:auto;border-radius:12px;display:block}
.dws-banner a{display:block}

/* 상품 3열 · 세로 사진 (2026-10-08 사장님: 3*4, 이미지 잘림 수정) */
@media (max-width:520px){.dws-prods{gap:7px}.dws-pi{padding:7px 7px 8px}.dws-pi b{font-size:12.5px}.dws-price{font-size:14px}.dws-order{font-size:12px;padding:7px 0}.dws-tag,.dws-gift{font-size:10px;padding:1px 6px}}

/* 상품에 커서 올리면 테두리 강조 (2026-10-08 사장님) */
.dws-prod{transition:border-color .15s, box-shadow .15s, transform .15s}
.dws-prod:hover{border-color:#e0719a;box-shadow:0 0 0 3px rgba(224,113,154,.25);transform:translateY(-2px)}
.dws-prod:hover .dws-order{background:#e0719a}

/* 첫 화면 2단 구성 (2026-10-08 사장님: 당일닷컴처럼) */
.dws-hero-in{display:grid;grid-template-columns:1fr;gap:16px}
.dws-hero-pic{margin:0;border-radius:14px;overflow:hidden;background:#fff}
.dws-hero-pic img{width:100%;height:250px;object-fit:cover;display:block}
@media (min-width:640px){
  .dws-hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:22px}
  .dws-hero-pic img{height:290px}
}
.dws-cta{grid-template-columns:1fr 1fr}

/* 밝은 첫 화면 (2026-10-08 사장님: 당일닷컴 톤으로) */
.dws-hero{background:#fdf2f5;border:1px solid #f6d9e2;border-radius:18px;padding:30px 26px 26px;color:#2b2b2b;text-align:left}
.dws-hero .dws-pill{display:inline-block;background:#d94b78;color:#fff;font-size:13.5px;font-weight:800;
  padding:7px 15px;border-radius:999px;box-shadow:none;animation:none;margin:0 6px 0 0}
.dws-hname{font-size:21px;font-weight:800;color:#8a4257;margin:14px 0 0;text-shadow:none}
.dws-hsub{margin:10px 0 0}
.dws-hsub span{font-size:27px;font-weight:800;color:#2b2b2b;line-height:1.35;border:0;text-decoration:none;letter-spacing:-0.7px}
.dws-lede{color:#6b6b6b;font-size:15.5px;line-height:1.7;margin-top:14px}
.dws-hero-pic img{border-radius:14px}
/* 버튼 : 첫 칸만 채우고 나머지는 흰색 */
.dws-hero .dws-btn{background:#fff;color:#2b2b2b;border:1px solid #ecdfe4;box-shadow:none;font-size:15.5px;min-height:52px}
.dws-hero .dws-btn.dws-b-call{background:#d94b78;color:#fff;border-color:#d94b78}
.dws-hero .dws-btn:hover{border-color:#d94b78;color:#d94b78}
.dws-hero .dws-btn.dws-b-call:hover{color:#fff;opacity:.93}
/* 커피 박스도 밝게 */
.dws-hero .dws-event{background:#fff;border:1px dashed #e9c4d2;color:#7a5260}
.dws-hero .dws-event b,.dws-hero .dws-event strong{color:#b03a62}

/* 당일닷컴식 첫 화면 (2026-10-08) */
.dws-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.dws-pill{display:inline-block;font-size:13px;font-weight:800;padding:7px 15px;border-radius:999px;
  box-shadow:none;animation:none;letter-spacing:-0.3px}
.dws-pill-on{background:#d94b78;color:#fff}
.dws-pill-off{background:#fff;color:#a86a7c;border:1px solid #f0d5dd}
.dws-hline{font-size:26px;font-weight:800;line-height:1.4;color:#2b2b2b;letter-spacing:-0.8px;margin:0}
.dws-lede{color:#6f6f6f;font-size:15.5px;line-height:1.75;margin-top:16px}
@media (min-width:640px){.dws-hline{font-size:29px}}

/* 중간 사진 3장 나란히 (2026-10-08 사장님) */
@media (min-width:640px){.dws-midphotos img{height:260px}}
@media (max-width:400px){.dws-midphotos{gap:6px}.dws-midphotos img{height:175px}}

/* 커피 안내 핑크톤 (2026-10-08 사장님) */
.dws-event b,.dws-event strong,.dws-event u{color:#c2487a;font-weight:800;text-decoration:none}
.dws-event li{margin:4px 0;line-height:1.65}

/* 첫 화면 버튼·사진 보정 (2026-10-08) */
.dws-hero .dws-btn.dws-b-sms,.dws-hero .dws-btn.dws-b-shop,.dws-hero .dws-btn.dws-b-kakao{background:#fff;color:#2b2b2b;border:1px solid #ecdfe4}
.dws-hero .dws-btn.dws-b-sms:hover,.dws-hero .dws-btn.dws-b-shop:hover,.dws-hero .dws-btn.dws-b-kakao:hover{border-color:#d94b78;color:#d94b78}
/* 오른쪽 사진이 글 높이에 맞춰 위아래를 꽉 채우도록 */
@media (min-width:640px){
  .dws-hero-in{align-items:stretch}
  .dws-hero-pic{height:100%;display:flex}
  .dws-hero-pic img{height:100%;width:100%;min-height:320px;object-fit:cover}
}