/* Gathered Faith — order confirmation (store page /order-confirmation/; the funnel /thank-you/ carries the same rules in its template). */
.gf-ty-store{--dr-bg:#F7F1E6;--dr-line:rgba(107,30,46,.18);max-width:720px;margin:0 auto;color:var(--gf-ink)}
.gf-ty-store [hidden]{display:none!important}
.gf-ty-store .gf-ty-digital{display:none}
.gf-ty-store .gf-ty-digital.is-on{display:block}
.gf-ty-store .gf-ty-hero{text-align:center;padding:8px 0 22px}
.gf-ty-store .gf-ty-check{width:64px;height:64px;border-radius:50%;background:var(--gf-wine);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 10px 24px rgba(74,19,32,.2)}
.gf-ty-store .gf-ty-hero h1{margin:0 0 8px;font:400 clamp(30px,4vw,42px)/1.08 var(--gf-serif);color:var(--gf-ink)}
.gf-ty-store .gf-ty-hero p{margin:0;color:#4d4245;font-size:17px}
.gf-ty-store .gf-ty-card{background:#fff;border:2px solid var(--gf-wine);border-radius:14px;padding:24px;box-shadow:0 18px 40px rgba(74,19,32,.10);margin-bottom:18px}
.gf-ty-store .gf-ty-card h2{margin:0 0 6px;font:400 26px/1.15 var(--gf-serif);color:var(--gf-ink)}
.gf-ty-store .gf-ty-card > p{margin:0 0 16px;color:#4d4245}
.gf-ty-store .gf-ty-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--gf-wine);color:#fff!important;text-decoration:none;font:700 18px/1 var(--gf-sans);padding:17px 20px;border-radius:10px}
.gf-ty-store .gf-ty-btn:hover{background:#4A1320}
.gf-ty-store .gf-ty-note{margin:10px 0 0;font-size:13.5px;color:#5c5054;text-align:center}
.gf-ty-store .gf-ty-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--dr-line)}
.gf-ty-store .gf-ty-how div{background:var(--dr-bg);border-radius:10px;padding:12px}
.gf-ty-store .gf-ty-how b{display:block;font-size:14px;margin-bottom:2px}
.gf-ty-store .gf-ty-how span{font-size:13px;line-height:1.4;color:#4d4245}
.gf-ty-store sc-dashboard-module{display:block;margin:6px 0 18px}
.gf-ty-store .gf-ty-help{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#fff;border:1px solid var(--dr-line);border-radius:10px;font-size:14.5px}
.gf-ty-store .gf-ty-help p{margin:0}
.gf-ty-store .gf-ty-help a{color:var(--gf-wine)}
.gf-ty-store .gf-ty-continue{text-align:center;margin-top:22px}
.gf-ty-store .gf-ty-continue a{color:var(--gf-wine);font-weight:600}
@media(max-width:640px){.gf-ty-store .gf-ty-how{grid-template-columns:1fr}.gf-ty-store .gf-ty-card{padding:20px 18px}}

/* SureCart order summary ("Order #N", Paid badge, line items, totals) on both confirmation pages, matched to the brand cards.
   SureCart renders it in shadow DOM, so it is styled through its CSS custom properties. */
:is(.gf-ty, .gf-ty-store) sc-order-confirmation-details {
  --sc-card-background-color: #fff;
  --sc-card-border-color: rgba(107, 30, 46, .22);
  --sc-card-border-radius: 14px;
  --sc-card-padding: 22px 24px;
  --sc-shadow-small: 0 12px 30px rgba(74, 19, 32, .08);
  --sc-dashbaord-module-heading-size: 20px;
  --sc-dashbaord-module-heading-weight: 700;
  --sc-dashboard-module-spacing: 12px;
  --sc-tag-success-background-color: #6B1E2E;
  --sc-tag-success-border-color: #6B1E2E;
  --sc-tag-success-color: #F3E9D7;
  --sc-line-item-title-color: var(--gf-ink, #1F1A1C);
  --sc-product-line-item-image-size: 64px;
  --sc-product-line-item-mobile-image-display: block;
  --sc-color-gray-200: rgba(107, 30, 46, .14);
  --sc-color-gray-300: rgba(107, 30, 46, .22);
  color: var(--gf-ink, #1F1A1C);
}
:is(.gf-ty, .gf-ty-store) sc-dashboard-module.wp-block-surecart-order-confirmation-line-items { margin: 4px 0 18px; }
