html:root,
html[data-theme="light"] {
color-scheme: light;
--pwp-teal-action: #0f766e;
--pwp-teal-action-hover: #0b5e57;
--pwp-on-action: #ffffff;
--pwp-teal: #26a69a;
--pwp-teal-soft: #4ecdc4;
--pwp-teal-light: #71d8c3;
--pwp-teal-chip: #e6f5f3;
--pwp-teal-chip-line: #bfe6e0;
--pwp-money: #334fb4;
--pwp-money-hover: #293f92;
--pwp-money-lift: #3f5ab8;
--pwp-teal-lift: #1d7e77;
--pwp-money-surface: #eef1fb;
--pwp-money-text: #334fb4;
--pwp-deal-surface: #fffbeb;
--pwp-deal-border: #fde68a;
--pwp-deal-text: #78350f;
--pwp-deal-label: #92400e;
--pwp-deal-heading: #b45309;
--pwp-deal-accent: #f59e0b;
--pwp-deal-accent-on: #111827;
--pwp-region-label: #7c2d12;
--pwp-ink: #111827;
--pwp-ink-2: #1f2937;
--pwp-text-body: #4b5563;
--pwp-text-secondary: #5f6b7a;
--pwp-page: #f5f5f5;
--pwp-surface: #ffffff;
--pwp-surface-alt: #f1f5f9;
--pwp-divider: #f3f4f6;
--pwp-border: #e5e7eb;
--pwp-control-border: #d1d5db;
--pwp-on-dark: #eaf4f3;
--pwp-white: #ffffff;
--pwp-night: #111827;
--pwp-night-2: #1f2937;
--pwp-night-teal: #0f766e;
--pwp-teal-deep-hover: #111827;
--pwp-fav-overlay: rgba(255, 255, 255, .94);
--pwp-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%230f766e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--pwp-chip-wine-bg: #f3e8ff;
--pwp-chip-wine-line: #e9d5ff;
--pwp-chip-wine-text: #6b21a8;
--pwp-chip-feat-bg: #d1fae5;
--pwp-chip-feat-line: #a7f3d0;
--pwp-chip-feat-text: #065f46;
--pwp-success: #0f766e;
--pwp-success-bg: #ecfdf5;
--pwp-warning: #92400e;
--pwp-warning-bg: #fffbeb;
--pwp-warning-accent: #ffb300;
--pwp-danger: #c62828;
--pwp-danger-bg: #fef2f2;
--pwp-error-text: #c62828;
--pwp-error-bg: transparent;
--pwp-error-border: transparent;
--pwp-error-pad: 0;
--pwp-error-weight: 400;
--pwp-error-icon: none;
--pwp-info: #1d4ed8;
--pwp-info-bg: #eff6ff;
--pwp-focus: #0f766e;
--pwp-gold: #c89b4b;
--pwp-color-text: var(--pwp-ink);
--pwp-color-text-muted: var(--pwp-text-body);
--pwp-color-link: var(--pwp-teal-action);
--pwp-color-link-hover: var(--pwp-ink);
--pwp-color-action: var(--pwp-teal-action);
--pwp-coupon-ink: #c62828;
--pwp-color-buy: var(--pwp-money);
--pwp-color-surface: var(--pwp-surface);
--pwp-color-page: var(--pwp-page);
--pwp-color-border: var(--pwp-divider);
--pwp-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--pwp-weight-normal: 400;
--pwp-weight-semibold: 600;
--pwp-weight-bold: 700;
--pwp-size-overline: 0.75rem;
--pwp-size-caption: 0.75rem;
--pwp-size-meta: 0.8125rem;
--pwp-size-body: 1rem;
--pwp-size-subtitle: 1.0625rem;
--pwp-size-title: 1.25rem;
--pwp-size-heading: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
--pwp-size-display: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
--pwp-size-hero: clamp(2.25rem, 1.4rem + 3.6vw, 4rem);
--pwp-leading-tight: 1.15;
--pwp-leading-snug: 1.35;
--pwp-leading-body: 1.5;
--pwp-tracking-display: -0.02em;
--pwp-tracking-overline: 0.06em;
--pwp-tracking-label: 0.12em;
--pwp-space-1: 0.25rem;
--pwp-space-2: 0.5rem;
--pwp-space-3: 0.75rem;
--pwp-space-4: 1rem;
--pwp-space-5: 1.25rem;
--pwp-space-6: 1.5rem;
--pwp-space-7: 2rem;
--pwp-space-8: 3rem;
--pwp-space-9: 4rem;
--pwp-space-10: 5rem;
--pwp-gutter: clamp(1rem, 0.6rem + 1.6vw, 1.25rem);
--pwp-section-y: clamp(2.5rem, 1.6rem + 3.5vw, 5rem);
--pwp-section-y-lg: clamp(3rem, 1.8rem + 5vw, 6.5rem);
--pwp-content-width: 1180px;
--pwp-text-width: 60ch;
--pwp-radius-xs: 6px;
--pwp-radius-sm: 8px;
--pwp-radius-md: 12px;
--pwp-radius-lg: 16px;
--pwp-radius-xl: 22px;
--pwp-radius-pill: 999px;
--pwp-shadow-card: 0 3px 10px rgba(0, 0, 0, .12);
--pwp-shadow-button: 0 8px 18px -8px rgba(17, 24, 39, .55);
--pwp-skeleton-shine: rgba(255, 255, 255, .75);
--pwp-scroll-shadow: rgba(17, 24, 39, .18);
--pwp-shadow-panel: 0 2px 16px rgba(0, 0, 0, .08);
--pwp-shadow-raised: 0 6px 24px rgba(0, 0, 0, .14);
--pwp-shadow-toast: 0 5px 24px rgba(0, 0, 0, .18);
--pwp-shadow-deep: 0 40px 80px -32px rgba(0, 0, 0, .7);
--pwp-focus-ring: 0 0 0 2px var(--pwp-focus), 0 0 14px rgba(38, 166, 154, .3);
--pwp-ease-out: cubic-bezier(.33, 1, .68, 1);
--pwp-ease-hero: cubic-bezier(.16, 1, .3, 1);
--pwp-duration-fast: .15s;
--pwp-duration: .25s;
--pwp-duration-slow: .9s;
--pwp-reveal-duration: 480ms;
--pwp-reveal-distance: 28px;
--pwp-reveal-stagger: 45ms;
--pwp-enter-duration: 260ms;
--pwp-enter-distance: 14px;
--pwp-press-scale: .97;
--pwp-pressed-opacity: .8;
--pwp-disabled-opacity: .45;
--pwp-hover-lift: -1px;
--pwp-spin-duration: .8s;
--pwp-shimmer-duration: 2s;
--pwp-tap: 44px;
--pwp-button-height: 48px;
--pwp-input-height: 48px;
}
html[data-theme="dark"] {
color-scheme: dark;
--pwp-teal-action: #4ecdc4;
--pwp-teal-action-hover: #71d8c3;
--pwp-on-action: #04211f;
--pwp-teal: #26a69a;
--pwp-teal-soft: #26a69a;
--pwp-teal-chip: #123330;
--pwp-teal-chip-line: #1e514c;
--pwp-money: #3e58c4;
--pwp-money-hover: #4d67d4;
--pwp-money-surface: #161d33;
--pwp-money-text: #8aa4ff;
--pwp-deal-surface: #08201e;
--pwp-deal-border: #1e514c;
--pwp-deal-text: #4ecdc4;
--pwp-deal-label: #4ecdc4;
--pwp-deal-heading: #4ecdc4;
--pwp-deal-accent: #4ecdc4;
--pwp-deal-accent-on: #04211f;
--pwp-region-label: #e9a178;
--pwp-ink: #f1f5f9;
--pwp-ink-2: #cbd5e1;
--pwp-text-body: #cbd5e1;
--pwp-text-secondary: #94a3b8;
--pwp-page: #0f1419;
--pwp-surface: #1a1f26;
--pwp-surface-alt: #232931;
--pwp-divider: #232931;
--pwp-border: #2d3540;
--pwp-control-border: #6b7684;
--pwp-night: #0b0f14;
--pwp-night-2: #1a1f26;
--pwp-night-teal: #0b3b37;
--pwp-teal-deep-hover: #0b5e57;
--pwp-fav-overlay: rgba(26, 31, 38, .92);
--pwp-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%234ecdc4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--pwp-chip-wine-bg: #251a35;
--pwp-chip-wine-line: #3c2a55;
--pwp-chip-wine-text: #c9a6f0;
--pwp-chip-feat-bg: #0f2a22;
--pwp-chip-feat-line: #1d4438;
--pwp-chip-feat-text: #6ee7b7;
--pwp-success: #4ecdc4;
--pwp-success-bg: #12241f;
--pwp-warning: #ffc107;
--pwp-warning-bg: #2a2410;
--pwp-warning-accent: #ffb300;
--pwp-danger: #ef5350;
--pwp-danger-bg: #2a1618;
--pwp-error-text: #ffffff;
--pwp-error-bg: #b71c1c;
--pwp-error-border: rgba(255, 255, 255, .22);
--pwp-error-pad: 8px 12px;
--pwp-error-weight: 600;
--pwp-error-icon: inline-block;
--pwp-info: #8aa4ff;
--pwp-info-bg: #161d33;
--pwp-focus: #4ecdc4;
--pwp-color-text: var(--pwp-ink);
--pwp-color-text-muted: var(--pwp-text-body);
--pwp-color-link: var(--pwp-teal-action);
--pwp-color-link-hover: var(--pwp-ink);
--pwp-color-action: var(--pwp-teal-action);
--pwp-coupon-ink: #ff9a8d;
--pwp-color-buy: var(--pwp-money);
--pwp-color-surface: var(--pwp-surface);
--pwp-color-page: var(--pwp-page);
--pwp-color-border: var(--pwp-divider);
--pwp-shadow-card: 0 3px 10px rgba(0, 0, 0, .4);
--pwp-scroll-shadow: rgba(0, 0, 0, .95);
--pwp-shadow-button: 0 8px 20px -8px rgba(0, 0, 0, .9);
--pwp-skeleton-shine: rgba(255, 255, 255, .07);
--pwp-shadow-panel: 0 2px 16px rgba(0, 0, 0, .35);
--pwp-shadow-raised: 0 6px 24px rgba(0, 0, 0, .6);
--pwp-shadow-toast: 0 5px 24px rgba(0, 0, 0, .6);
--pwp-focus-ring: 0 0 0 2px var(--pwp-focus), 0 0 14px rgba(78, 205, 196, .35);
--pwp-money-lift: #4a62c8;
--pwp-teal-lift: #59d0c8;
}
@media (prefers-color-scheme: dark) {
html[data-theme="auto"] {
color-scheme: dark;
--pwp-teal-action: #4ecdc4;
--pwp-teal-action-hover: #71d8c3;
--pwp-on-action: #04211f;
--pwp-teal: #26a69a;
--pwp-teal-soft: #26a69a;
--pwp-teal-chip: #123330;
--pwp-teal-chip-line: #1e514c;
--pwp-money: #3e58c4;
--pwp-money-hover: #4d67d4;
--pwp-money-lift: #4a62c8;
--pwp-teal-lift: #59d0c8;
--pwp-money-surface: #161d33;
--pwp-money-text: #8aa4ff;
--pwp-deal-surface: #08201e;
--pwp-deal-border: #1e514c;
--pwp-deal-text: #4ecdc4;
--pwp-deal-label: #4ecdc4;
--pwp-deal-heading: #4ecdc4;
--pwp-deal-accent: #4ecdc4;
--pwp-deal-accent-on: #04211f;
--pwp-region-label: #e9a178;
--pwp-ink: #f1f5f9;
--pwp-ink-2: #cbd5e1;
--pwp-text-body: #cbd5e1;
--pwp-text-secondary: #94a3b8;
--pwp-page: #0f1419;
--pwp-surface: #1a1f26;
--pwp-surface-alt: #232931;
--pwp-divider: #232931;
--pwp-border: #2d3540;
--pwp-control-border: #6b7684;
--pwp-night: #0b0f14;
--pwp-night-2: #1a1f26;
--pwp-night-teal: #0b3b37;
--pwp-teal-deep-hover: #0b5e57;
--pwp-fav-overlay: rgba(26, 31, 38, .92);
--pwp-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%234ecdc4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--pwp-chip-wine-bg: #251a35;
--pwp-chip-wine-line: #3c2a55;
--pwp-chip-wine-text: #c9a6f0;
--pwp-chip-feat-bg: #0f2a22;
--pwp-chip-feat-line: #1d4438;
--pwp-chip-feat-text: #6ee7b7;
--pwp-success: #4ecdc4;
--pwp-success-bg: #12241f;
--pwp-warning: #ffc107;
--pwp-warning-bg: #2a2410;
--pwp-warning-accent: #ffb300;
--pwp-danger: #ef5350;
--pwp-danger-bg: #2a1618;
--pwp-error-text: #ffffff;
--pwp-error-bg: #b71c1c;
--pwp-error-border: rgba(255, 255, 255, .22);
--pwp-error-pad: 8px 12px;
--pwp-error-weight: 600;
--pwp-error-icon: inline-block;
--pwp-info: #8aa4ff;
--pwp-info-bg: #161d33;
--pwp-focus: #4ecdc4;
--pwp-color-text: var(--pwp-ink);
--pwp-color-text-muted: var(--pwp-text-body);
--pwp-color-link: var(--pwp-teal-action);
--pwp-color-link-hover: var(--pwp-ink);
--pwp-color-action: var(--pwp-teal-action);
--pwp-coupon-ink: #ff9a8d;
--pwp-color-buy: var(--pwp-money);
--pwp-color-surface: var(--pwp-surface);
--pwp-color-page: var(--pwp-page);
--pwp-color-border: var(--pwp-divider);
--pwp-shadow-card: 0 3px 10px rgba(0, 0, 0, .4);
--pwp-scroll-shadow: rgba(0, 0, 0, .95);
--pwp-shadow-button: 0 8px 20px -8px rgba(0, 0, 0, .9);
--pwp-skeleton-shine: rgba(255, 255, 255, .07);
--pwp-shadow-panel: 0 2px 16px rgba(0, 0, 0, .35);
--pwp-shadow-raised: 0 6px 24px rgba(0, 0, 0, .6);
--pwp-shadow-toast: 0 5px 24px rgba(0, 0, 0, .6);
--pwp-focus-ring: 0 0 0 2px var(--pwp-focus), 0 0 14px rgba(78, 205, 196, .35);
}
}
@media (prefers-reduced-motion: reduce) {
:root {
--pwp-duration-fast: 0s;
--pwp-duration: 0s;
--pwp-duration-slow: 0s;
--pwp-reveal-duration: 0s;
--pwp-reveal-distance: 0px;
--pwp-reveal-stagger: 0ms;
--pwp-enter-duration: 0s;
--pwp-enter-distance: 0px;
--pwp-press-scale: 1;
--pwp-hover-lift: 0px;
--pwp-spin-duration: 1.6s;
}
}
body, .pwp-ds {
font-family: var(--pwp-font);
font-size: var(--pwp-size-body);
line-height: var(--pwp-leading-body);
color: var(--pwp-color-text);
-webkit-font-smoothing: antialiased;
}
body { background-color: var(--pwp-color-surface); }
h1, h2, h3, h4 {
font-family: var(--pwp-font);
font-weight: var(--pwp-weight-bold);
line-height: var(--pwp-leading-snug);
color: var(--pwp-color-text);
margin: 0 0 var(--pwp-space-3);
}
h1 { font-size: var(--pwp-size-display); line-height: var(--pwp-leading-tight); letter-spacing: var(--pwp-tracking-display); }
h2 { font-size: var(--pwp-size-heading); letter-spacing: -0.01em; }
h3 { font-size: var(--pwp-size-title); }
h4 { font-size: var(--pwp-size-subtitle); }
p { margin: 0 0 var(--pwp-space-4); }
a {
color: var(--pwp-color-link);
text-decoration: none;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color var(--pwp-duration-fast) ease;
}
a:hover { color: var(--pwp-color-link-hover); text-decoration: underline; }
a:focus-visible { text-decoration: underline; }
a:hover:is(
.pwp-btn, .pwp-chip, .pwp-fav-btn, .pwp-ctl,
.wp-block-button__link, .wp-element-button,
.button, .btn, .pwp-reserve-btn,
.pwp-storebtn, .pwp-storemark,
.jp-carousel-icon-btn
) { text-decoration: none; }
a.wp-block-button__link.has-background:not(.has-text-color):is(:hover, :focus, :active) { color: var(--pwp-white); }
:focus-visible { outline: 2px solid var(--pwp-focus); outline-offset: 2px; }
img { max-width: 100%; height: auto; }
.pwp-visually-hidden {
position: absolute !important;
width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
[data-theme] :where(.pwp-ds), .pwp-ds[data-theme], .pwp-theme-panel[data-theme] {
background: var(--pwp-color-page);
color: var(--pwp-color-text);
}
.pwp-container { width: 100%; max-width: var(--pwp-content-width); margin-inline: auto; padding-inline: var(--pwp-gutter); box-sizing: border-box; }
.pwp-section { padding-block: var(--pwp-section-y); }
.pwp-section--lg { padding-block: var(--pwp-section-y-lg); }
.pwp-section--page { background: var(--pwp-color-page); }
.pwp-section--dark {
background:
radial-gradient(900px 480px at 82% 10%, rgba(38, 166, 154, .14), transparent 60%),
linear-gradient(160deg, var(--pwp-night-2) 0%, var(--pwp-night) 100%);
color: var(--pwp-on-dark);
}
.pwp-section--dark :is(h1, h2, h3, h4, p, li) { color: var(--pwp-on-dark); }
.pwp-section--dark a:not([class*="pwp-btn"]) { color: var(--pwp-teal-light); }
.pwp-bleed { width: 100vw; margin-left: calc(50% - 50vw); }
.pwp-cluster { display: flex; flex-wrap: wrap; gap: var(--pwp-space-3); align-items: center; }
.pwp-actions { display: flex; flex-wrap: wrap; gap: var(--pwp-space-3); align-items: center; }
@media (max-width: 599px) { .pwp-actions > .pwp-btn { flex: 1 1 100%; } }
.pwp-grid { display: grid; gap: var(--pwp-space-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.pwp-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.pwp-split { display: grid; gap: var(--pwp-space-8); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 960px) { .pwp-split { grid-template-columns: 1fr 1fr; } }
.pwp-center { text-align: center; }
.pwp-center .pwp-lede { margin-inline: auto; }
:is(.pwp-grid, .pwp-stats, .pwp-steps, .pwp-table-wrap, .pwp-faq, .pwp-checklist) + :is(h2, h3, h4) {
margin-top: var(--pwp-space-7);
}
.pwp-overline {
display: block; margin: 0 0 var(--pwp-space-2);
font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold); line-height: 1.3;
letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-teal-action);
}
.pwp-overline--region { color: var(--pwp-region-label); letter-spacing: var(--pwp-tracking-overline); }
.pwp-overline--ticks::before, .pwp-overline--ticks::after {
content: ""; display: inline-block; width: 26px; height: 1px;
background: var(--pwp-gold); vertical-align: middle; margin: 0 12px; transform: translateY(-2px);
}
.pwp-section--dark .pwp-overline { color: var(--pwp-teal-light); }
.pwp-display {
font-size: var(--pwp-size-display); font-weight: var(--pwp-weight-bold); line-height: var(--pwp-leading-tight);
letter-spacing: var(--pwp-tracking-display); color: var(--pwp-color-text); margin: 0 0 var(--pwp-space-4);
}
.pwp-display em, .pwp-accent { font-style: normal; color: var(--pwp-teal-action); }
.pwp-section--dark .pwp-display { color: var(--pwp-white); }
.pwp-section--dark .pwp-display em, .pwp-section--dark .pwp-accent { color: var(--pwp-teal-light); }
.pwp-lede { font-size: 1.125rem; line-height: 1.6; color: var(--pwp-color-text-muted); max-width: var(--pwp-text-width); }
.pwp-muted { color: var(--pwp-color-text-muted); }
.pwp-meta { font-size: var(--pwp-size-meta); line-height: 1.4; color: var(--pwp-text-body); }
.pwp-pull { margin: 0 0 var(--pwp-space-6); padding: var(--pwp-space-1) 0 var(--pwp-space-1) var(--pwp-space-5); border-left: 2px solid var(--pwp-gold); }
.pwp-pull p { font-size: var(--pwp-size-title); line-height: 1.5; margin: 0; }
.pwp-section--dark .pwp-pull p { color: #bfe8e6; }
.pwp-btn,
.wp-block-button[class*="pwp-btn--"] .wp-block-button__link {
display: inline-flex; align-items: center; justify-content: center; gap: var(--pwp-space-2);
min-height: var(--pwp-button-height); padding: 12px 24px; box-sizing: border-box;
border: 1px solid transparent; border-radius: var(--pwp-radius-md);
font-family: var(--pwp-font); font-size: 0.9375rem; font-weight: var(--pwp-weight-bold); line-height: 1.2;
position: relative; text-align: center; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
transition: background-color var(--pwp-duration-fast) ease, border-color var(--pwp-duration-fast) ease, color var(--pwp-duration-fast) ease,
box-shadow var(--pwp-duration-fast) ease, transform var(--pwp-duration-fast) var(--pwp-ease-out), opacity var(--pwp-duration-fast) ease;
}
.pwp-btn:focus-visible, .pwp-btn.is-focus,
.wp-block-button[class*="pwp-btn--"] .wp-block-button__link:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-btn--action, .pwp-btn--action:focus,
.wp-block-button.pwp-btn--action .wp-block-button__link { background: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-btn--action:hover, .pwp-btn--action.is-hover,
.wp-block-button.pwp-btn--action .wp-block-button__link:hover { background: var(--pwp-teal-action-hover); color: var(--pwp-on-action); }
.pwp-btn--buy, .pwp-btn--buy:focus,
.wp-block-button.pwp-btn--buy .wp-block-button__link { background: var(--pwp-money); color: var(--pwp-white); }
.pwp-btn--buy:hover, .pwp-btn--buy.is-hover,
.wp-block-button.pwp-btn--buy .wp-block-button__link:hover { background: var(--pwp-money-hover); color: var(--pwp-white); }
.pwp-btn--outline, .pwp-btn--outline:focus,
.wp-block-button.pwp-btn--outline .wp-block-button__link { background: var(--pwp-surface); color: var(--pwp-teal-action); border-color: var(--pwp-teal-action); }
.pwp-btn--outline:hover, .pwp-btn--outline.is-hover,
.wp-block-button.pwp-btn--outline .wp-block-button__link:hover { background: var(--pwp-teal-chip); color: var(--pwp-teal-action-hover); }
.pwp-btn--on-dark, .pwp-btn--on-dark:focus,
.wp-block-button.pwp-btn--on-dark .wp-block-button__link { background: rgba(255, 255, 255, .06); color: var(--pwp-white); border-color: rgba(255, 255, 255, .55); }
.pwp-btn--on-dark:hover, .pwp-btn--on-dark.is-hover,
.wp-block-button.pwp-btn--on-dark .wp-block-button__link:hover { background: rgba(255, 255, 255, .14); border-color: var(--pwp-white); color: var(--pwp-white); }
.pwp-btn--text, .pwp-btn--text:focus { min-height: var(--pwp-tap); padding: 8px 4px; background: none; color: var(--pwp-teal-action); }
.pwp-btn--text:hover, .pwp-btn--text.is-hover { color: var(--pwp-teal-action-hover); text-decoration: underline; text-underline-offset: 3px; }
.pwp-btn--text::after { content: "›"; font-size: 1.2em; line-height: 1; }
.pwp-btn--small { min-height: var(--pwp-tap); padding: 6px 14px; font-size: var(--pwp-size-meta); }
.pwp-btn--block { display: flex; width: 100%; }
.pwp-btn[disabled], .pwp-btn[aria-disabled="true"] { opacity: var(--pwp-disabled-opacity); cursor: not-allowed; pointer-events: none; }
.pwp-btn--text, .pwp-btn--outline { --pwp-btn-ink: var(--pwp-teal-action); }
.pwp-btn--action { --pwp-btn-ink: var(--pwp-on-action); }
.pwp-btn--buy, .pwp-btn--on-dark { --pwp-btn-ink: var(--pwp-white); }
@media (hover: hover) {
:is(.pwp-btn--action, .pwp-btn--buy):hover { transform: translateY(var(--pwp-hover-lift)); box-shadow: var(--pwp-shadow-button); }
}
:is(.pwp-btn--action, .pwp-btn--buy).is-hover { transform: translateY(var(--pwp-hover-lift)); box-shadow: var(--pwp-shadow-button); }
.pwp-btn:active, .pwp-btn.is-active,
.wp-block-button[class*="pwp-btn--"] .wp-block-button__link:active { transform: scale(var(--pwp-press-scale)); box-shadow: none; transition-duration: 60ms; }
.pwp-btn[aria-busy="true"] { color: transparent; pointer-events: none; cursor: progress; }
.pwp-btn[aria-busy="true"] > * { visibility: hidden; }
.pwp-btn[aria-busy="true"][data-busy-label] {
padding-left: calc(var(--pwp-space-5) + 26px);
transition: padding var(--pwp-duration) var(--pwp-ease-out);
}
.pwp-btn[aria-busy="true"][data-busy-label]::before {
inset: 0 auto 0 var(--pwp-space-5);
margin: auto 0;
}
.pwp-btn[aria-busy="true"][data-busy-label]::after {
content: attr(data-busy-label);
position: absolute;
inset: 0 var(--pwp-space-5) 0 calc(var(--pwp-space-5) + 26px);
display: flex;
align-items: center;
justify-content: center;
color: var(--pwp-btn-ink);
font: inherit;
white-space: nowrap;
animation: pwp-busy-label-in 240ms var(--pwp-ease-out) 320ms both;
}
@keyframes pwp-busy-label-in {
from { opacity: 0; }
to { opacity: 1; }
}
.pwp-btn[aria-busy="true"][data-busy-label]::after {
animation:
pwp-busy-label-in 240ms var(--pwp-ease-out) 320ms both,
pwp-busy-pulse 1800ms var(--pwp-ease-in-out, ease-in-out) 560ms infinite;
}
@keyframes pwp-busy-pulse {
0%, 100% { opacity: 1; }
50% { opacity: .55; }
}
@media (prefers-reduced-motion: reduce) {
.pwp-btn[aria-busy="true"][data-busy-label]::after {
animation: pwp-busy-label-in 1ms linear both;
}
}
.pwp-btn[aria-busy="true"]::before {
content: ""; position: absolute; inset: 0; width: 18px; height: 18px; margin: auto; box-sizing: border-box; border-radius: 50%;
border: 2px solid transparent; border-top-color: var(--pwp-btn-ink); border-right-color: var(--pwp-btn-ink);
animation: pwp-spin var(--pwp-spin-duration) linear infinite;
}
.pwp-btn--text[aria-busy="true"]::after { visibility: hidden; }
button.pwp-fav, button.pwp-fav:focus {
display: inline-flex; align-items: center; justify-content: center; flex: none;
width: var(--pwp-button-height); height: var(--pwp-button-height); box-sizing: border-box; padding: 0;
border: 1.5px solid var(--pwp-border); border-radius: var(--pwp-radius-md);
background: var(--pwp-surface); color: var(--pwp-text-body); cursor: pointer;
transition: border-color var(--pwp-duration-fast) ease, background-color var(--pwp-duration-fast) ease, color var(--pwp-duration-fast) ease;
}
button.pwp-fav > :is(.pwp-fav__none, .pwp-fav__one, .pwp-fav__both) { display: none; width: 20px; height: 20px; }
.pwp-star-half { position: relative; }
.pwp-star-half > .pwp-icon { position: absolute; inset: 0; width: 100%; height: 100%; }
.pwp-star-half__fill { clip-path: inset(50% 0 0 0); }
button.pwp-fav:not([data-saved]) > .pwp-fav__none, button.pwp-fav[data-saved="none"] > .pwp-fav__none,
button.pwp-fav[data-saved="one"] > .pwp-fav__one, button.pwp-fav[data-saved="both"] > .pwp-fav__both { display: inline-block; }
button.pwp-fav:hover { border-color: var(--pwp-money); color: var(--pwp-money-text); }
button.pwp-fav:is([data-saved="one"], [data-saved="both"]) { border-color: var(--pwp-money); background: var(--pwp-money-surface); color: var(--pwp-money-text); }
button.pwp-fav:active { transform: scale(var(--pwp-press-scale)); }
.pwp-options { display: grid; gap: var(--pwp-space-2); margin: 0; padding: 0; list-style: none; }
.pwp-option, .pwp-option:focus {
display: flex; align-items: center; gap: var(--pwp-space-3); width: 100%; box-sizing: border-box; padding: var(--pwp-space-3); margin: 0;
border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md); background: var(--pwp-surface-alt); color: var(--pwp-ink);
font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;
transition: background-color var(--pwp-duration-fast) ease, border-color var(--pwp-duration-fast) ease, transform var(--pwp-duration-fast) var(--pwp-ease-out);
}
.pwp-option:hover { border-color: var(--pwp-money); background: var(--pwp-surface-alt); color: var(--pwp-ink); }
.pwp-option:active { transform: scale(var(--pwp-press-scale)); }
.pwp-option:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-option__icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--pwp-surface); color: var(--pwp-money-text); }
.pwp-option__icon .pwp-icon { width: 18px; height: 18px; }
.pwp-option__text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pwp-option__label { font-weight: var(--pwp-weight-semibold); line-height: 1.35; }
.pwp-option__hint { font-size: var(--pwp-size-meta); color: var(--pwp-text-secondary); line-height: 1.4; }
.pwp-option__check { flex: none; width: 16px; height: 16px; color: var(--pwp-money-text); visibility: hidden; }
.pwp-option[aria-pressed="true"] { border-color: var(--pwp-money); background: var(--pwp-money-surface); }
.pwp-option[aria-pressed="true"] .pwp-option__icon { background: var(--pwp-money); color: var(--pwp-white); }
.pwp-option[aria-pressed="true"] .pwp-option__check { visibility: visible; }
.pwp-option[aria-pressed="true"] > .pwp-option__text [data-off], .pwp-option[aria-pressed="false"] > .pwp-option__text [data-on] { display: none; }
button.pwp-fav:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-save-badge {
display: inline-flex; align-items: center; padding: 6px 10px; border-radius: var(--pwp-radius-xs);
background: var(--pwp-money); color: var(--pwp-white);
font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); line-height: 1.2;
}
.pwp-pill {
display: inline-flex; align-items: center; gap: var(--pwp-space-1); padding: 4px 12px; border-radius: var(--pwp-radius-pill);
font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); line-height: 1.4; letter-spacing: .04em;
background: var(--pwp-surface-alt); color: var(--pwp-ink);
}
.pwp-pill--teal { background: var(--pwp-teal-chip); color: var(--pwp-teal-action); }
.pwp-pill--deal { background: var(--pwp-deal-accent); color: var(--pwp-deal-accent-on); }
.pwp-pill--dark { background: var(--pwp-night); color: var(--pwp-teal-light); }
.pwp-tag {
display: inline-flex; align-items: center; padding: 6px 12px; border-radius: var(--pwp-radius-sm); border: 1px solid transparent;
font-size: var(--pwp-size-caption); line-height: 1.3; background: var(--pwp-surface-alt); color: var(--pwp-text-body);
}
.pwp-tag--wine { background: var(--pwp-chip-wine-bg); border-color: var(--pwp-chip-wine-line); color: var(--pwp-chip-wine-text); }
.pwp-tag--feature { background: var(--pwp-chip-feat-bg); border-color: var(--pwp-chip-feat-line); color: var(--pwp-chip-feat-text); }
.pwp-tag--region { background: var(--pwp-teal-chip); border-color: var(--pwp-teal-chip-line); color: var(--pwp-teal-action); }
.pwp-chip, .pwp-chip:focus {
display: inline-flex; align-items: center; min-height: var(--pwp-tap); padding: 0 16px; box-sizing: border-box;
border-radius: var(--pwp-radius-pill); border: 1px solid var(--pwp-control-border); background: var(--pwp-surface);
font-family: inherit; font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-bold); color: var(--pwp-ink); cursor: pointer;
}
.pwp-chip:hover { border-color: var(--pwp-teal-action); }
.pwp-chip[aria-pressed="true"] { background: var(--pwp-teal-chip); border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); }
.pwp-chip:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-stars { color: var(--pwp-deal-accent); letter-spacing: .12em; }
.pwp-card {
position: relative; display: flex; flex-direction: column; height: 100%; box-sizing: border-box;
background: var(--pwp-surface); border: 1px solid var(--pwp-color-border); border-radius: var(--pwp-radius-md);
box-shadow: var(--pwp-shadow-card); padding: var(--pwp-space-4);
transition: box-shadow var(--pwp-duration) ease, transform var(--pwp-duration) ease;
}
.pwp-card--link:hover, .pwp-card--link:focus-within { box-shadow: var(--pwp-shadow-raised); transform: translateY(-2px); }
.pwp-card__title { font-size: var(--pwp-size-subtitle); font-weight: var(--pwp-weight-bold); line-height: var(--pwp-leading-snug); margin: 0 0 var(--pwp-space-2); color: var(--pwp-ink); }
.pwp-card__title a { color: inherit; text-decoration: none; }
.pwp-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.pwp-card__title a:focus-visible { outline: none; }
.pwp-card__title a:focus-visible::after { box-shadow: var(--pwp-focus-ring); }
.pwp-card__body { color: var(--pwp-text-body); font-size: 0.9375rem; }
.pwp-card__footer { margin-top: auto; padding-top: var(--pwp-space-4); }
.pwp-panel { background: var(--pwp-surface); border-radius: var(--pwp-radius-lg); box-shadow: var(--pwp-shadow-panel); padding: var(--pwp-space-5); }
.pwp-field { display: flex; flex-direction: column; gap: var(--pwp-space-2); margin-bottom: var(--pwp-space-5); }
.pwp-label { font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-body); }
input.pwp-input, select.pwp-select, textarea.pwp-textarea {
width: 100%; min-height: var(--pwp-input-height); box-sizing: border-box; padding: 10px 14px;
border: 1px solid var(--pwp-control-border); border-radius: var(--pwp-radius-md);
background: var(--pwp-surface); color: var(--pwp-ink); font: inherit; font-size: var(--pwp-size-body);
transition: border-color var(--pwp-duration-fast) ease, box-shadow var(--pwp-duration-fast) ease;
}
.pwp-textarea { min-height: 120px; resize: vertical; }
.pwp-select {
-webkit-appearance: none; appearance: none; padding-right: 42px; cursor: pointer;
background-image: var(--pwp-select-arrow);
background-repeat: no-repeat; background-position: right 15px center;
}
input.pwp-input:focus, select.pwp-select:focus, textarea.pwp-textarea:focus { outline: none; border-color: var(--pwp-focus); box-shadow: var(--pwp-focus-ring); }
.pwp-input::placeholder, .pwp-textarea::placeholder { color: var(--pwp-text-secondary); }
.pwp-help { font-size: var(--pwp-size-meta); color: var(--pwp-text-body); margin: 0; }
.pwp-field--error input.pwp-input, .pwp-field--error select.pwp-select, .pwp-field--error textarea.pwp-textarea { border-color: var(--pwp-danger); }
.pwp-field--error .pwp-help, .pwp-error {
display: inline-flex; align-items: flex-start; gap: var(--pwp-space-2); align-self: flex-start; max-width: 100%; box-sizing: border-box;
margin: 0; padding: var(--pwp-error-pad); border: 1px solid var(--pwp-error-border); border-radius: 10px;
background: var(--pwp-error-bg); color: var(--pwp-error-text); font-size: var(--pwp-size-meta); font-weight: var(--pwp-error-weight); line-height: 1.4;
}
.pwp-field--error .pwp-help .pwp-icon, .pwp-error .pwp-icon { display: var(--pwp-error-icon); width: 14px; height: 14px; margin-top: .2em; flex: none; }
.pwp-error.is-hidden { visibility: hidden; }
input.pwp-input[disabled] { background: var(--pwp-surface-alt); color: var(--pwp-text-secondary); cursor: not-allowed; }
.pwp-search { display: flex; gap: var(--pwp-space-2); }
.pwp-search input.pwp-input { border-color: transparent; border-radius: 14px; box-shadow: 0 2px 16px rgba(0, 0, 0, .12); padding-left: 44px;
background: var(--pwp-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 15px center; }
.pwp-check { display: flex; align-items: flex-start; gap: var(--pwp-space-3); min-height: var(--pwp-tap); cursor: pointer; }
.pwp-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--pwp-teal-action); flex: none; }
.pwp-switch { display: inline-flex; align-items: center; gap: var(--pwp-space-3); min-height: var(--pwp-tap); cursor: pointer; }
.pwp-switch input { -webkit-appearance: none; appearance: none; position: relative; width: 50px; height: 30px; margin: 0; border-radius: 15px; background: var(--pwp-control-border); cursor: pointer; transition: background-color var(--pwp-duration) ease; flex: none; }
.pwp-switch input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: var(--pwp-white); box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform var(--pwp-duration) var(--pwp-ease-out); }
.pwp-switch input:checked { background: var(--pwp-teal-action); }
.pwp-switch input:checked::after { transform: translateX(20px); }
.pwp-switch input:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-segmented { display: inline-flex; align-self: flex-start; max-width: 100%; padding: 3px; gap: 2px; background: var(--pwp-surface-alt); border-radius: 11px; box-sizing: border-box; }
.pwp-segmented--block { display: flex; align-self: stretch; }
.pwp-segmented--block button { flex: 1; }
.pwp-segmented button { min-height: 38px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; font: inherit; font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-bold); color: var(--pwp-text-body); cursor: pointer; }
.pwp-segmented button[aria-pressed="true"] { background: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-segmented button:hover {
background: var(--pwp-teal-chip);
color: var(--pwp-teal-action);
}
.pwp-segmented button[aria-pressed="true"]:hover,
.pwp-segmented button[aria-selected="true"]:hover {
background: var(--pwp-teal-action-hover);
color: var(--pwp-on-action);
}
@media (prefers-reduced-motion: no-preference) {
.pwp-segmented button { transition: background-color .15s ease, color .15s ease; }
}
.pwp-segmented button:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
@media (pointer: coarse) { .pwp-segmented button { min-height: var(--pwp-tap); } }
.pwp-notice {
position: relative; display: flex; gap: var(--pwp-space-3); align-items: flex-start;
padding: var(--pwp-space-3) var(--pwp-space-4) var(--pwp-space-3) calc(var(--pwp-space-4) + 4px);
border-radius: 14px; border: 1px solid var(--pwp-divider); background: var(--pwp-surface);
box-shadow: var(--pwp-shadow-card); margin: 0 0 var(--pwp-space-3); font-size: 0.9375rem; line-height: 1.5; color: var(--pwp-ink);
}
.pwp-notice::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 14px 0 0 14px; background: var(--pwp-teal); }
.pwp-notice > :last-child { margin-bottom: 0; }
.pwp-notice--success::before { background: var(--pwp-success); }
.pwp-notice--warning::before { background: var(--pwp-warning-accent); }
.pwp-notice--danger::before { background: var(--pwp-danger); }
.pwp-notice--danger strong { color: var(--pwp-danger); }
.pwp-faq { border-top: 1px solid var(--pwp-border); }
.pwp-faq details { border-bottom: 1px solid var(--pwp-border); }
.pwp-faq summary {
list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--pwp-space-4);
min-height: var(--pwp-tap); padding: var(--pwp-space-4) 0; font-weight: var(--pwp-weight-bold); color: var(--pwp-ink);
}
.pwp-faq summary::-webkit-details-marker { display: none; }
.pwp-faq summary::after { content: "+"; flex: none; font-size: 1.5rem; line-height: 1; color: var(--pwp-teal-action); transition: transform var(--pwp-duration) ease; }
.pwp-faq details[open] summary::after { transform: rotate(45deg); }
.pwp-faq summary:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); border-radius: var(--pwp-radius-sm); }
.pwp-faq details > :not(summary) { margin: 0 0 var(--pwp-space-4); color: var(--pwp-text-body); max-width: var(--pwp-text-width); }
.pwp-figure { margin: 0; }
.pwp-figure img { display: block; width: 100%; height: auto; border-radius: var(--pwp-radius-md); }
.pwp-figure figcaption { margin-top: var(--pwp-space-2); font-size: var(--pwp-size-meta); line-height: 1.5; color: var(--pwp-text-secondary); }
.pwp-figure__credit { display: block; margin-top: 2px; font-size: var(--pwp-size-caption); letter-spacing: .02em; }
.pwp-figure--overlay { position: relative; overflow: hidden; border-radius: var(--pwp-radius-md); }
.pwp-figure--overlay img { border-radius: 0; }
.pwp-figure--overlay figcaption {
position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: var(--pwp-space-8) var(--pwp-space-4) var(--pwp-space-3);
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)); color: var(--pwp-white);
}
.pwp-figure--overlay .pwp-figure__credit { color: rgba(255, 255, 255, .8); }
.pwp-gallery { display: grid; gap: var(--pwp-space-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); list-style: none; margin: 0; padding: 0; }
.pwp-gallery__item { position: relative; margin: 0; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md); background: var(--pwp-surface-alt); }
.pwp-gallery__item > :is(a, img) { position: absolute; inset: 0; display: block; }
.pwp-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 400ms var(--pwp-ease-out); }
@media (hover: hover) { .pwp-gallery__item > a:hover img { transform: scale(1.04); } }
.pwp-gallery__item > a:focus-visible { outline: 3px solid var(--pwp-focus); outline-offset: -3px; border-radius: inherit; }
.pwp-gallery__item figcaption {
position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: var(--pwp-space-6) var(--pwp-space-3) var(--pwp-space-2); pointer-events: none;
background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0)); color: var(--pwp-white); font-size: var(--pwp-size-caption); line-height: 1.4;
}
.pwp-gallery__more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(17, 24, 39, .55); color: var(--pwp-white); font-size: var(--pwp-size-title); font-weight: var(--pwp-weight-bold); pointer-events: none; }
@media (max-width: 599px) {
.pwp-gallery { grid-template-columns: 1fr 1fr; gap: var(--pwp-space-2); }
.pwp-gallery--feature > :first-child { grid-column: span 2; }
}
@media (min-width: 600px) {
.pwp-gallery--feature { grid-template-columns: repeat(4, 1fr); }
.pwp-gallery--feature > :first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
}
.pwp-gallery--strip { display: flex; gap: var(--pwp-space-4); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 2px; }
.pwp-gallery--strip::-webkit-scrollbar { display: none; }
.pwp-gallery--strip > .pwp-gallery__item { flex: 0 0 min(256px, 78%); scroll-snap-align: start; }
.pwp-content :is(.wp-block-image, .wp-caption) img { border-radius: var(--pwp-radius-md); }
.pwp-content :is(hr, .wp-block-separator) { height: 0; margin: var(--pwp-space-7) 0; border: 0; border-top: 1px solid var(--pwp-border); background: none; opacity: 1; }
.pwp-content :is(.wp-block-image figcaption, .wp-element-caption, .wp-caption-text) { margin-top: var(--pwp-space-2); font-size: var(--pwp-size-meta); line-height: 1.5; text-align: left; color: var(--pwp-text-secondary); }
.pwp-content .wp-block-gallery.has-nested-images { --wp--style--unstable-gallery-gap: var(--pwp-space-3); gap: var(--pwp-space-3); }
.pwp-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { overflow: hidden; border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md); background: var(--pwp-surface-alt); }
.pwp-content .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { aspect-ratio: 16 / 10; }
.pwp-content .wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 0; transition: transform 400ms var(--pwp-ease-out); }
@media (hover: hover) { .pwp-content .wp-block-gallery.has-nested-images figure.wp-block-image:hover img { transform: scale(1.04); } }
.pwp-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { margin: 0; padding: var(--pwp-space-6) var(--pwp-space-3) var(--pwp-space-2); font-size: var(--pwp-size-caption); text-align: left; text-shadow: none; background: linear-gradient(0deg, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0)); color: var(--pwp-white); }
@media (prefers-reduced-motion: reduce) { .pwp-gallery__item img, .pwp-content .wp-block-gallery img { transition: none; } }
.pwp-icon { display: inline-block; width: 1em; height: 1em; flex: none; fill: currentColor; vertical-align: -0.125em; }
.pwp-ds .pwp-icon {
display: inline-block; width: 1em; height: 1em;
border: 0; border-radius: 0; background: none; cursor: inherit;
font-size: inherit; fill: currentColor;
}
.pwp-ds .pwp-icon--sm { width: 16px; height: 16px; }
.pwp-ds .pwp-icon--md { width: 20px; height: 20px; }
.pwp-ds .pwp-icon--lg { width: 24px; height: 24px; }
.pwp-ds .pwp-icon--xl { width: 32px; height: 32px; }
.pwp-ds .pwp-btn .pwp-icon { width: 1.05em; height: 1.05em; }
.pwp-ds .pwp-icon:hover { border-color: transparent; color: inherit; }
.pwp-icon--sm { width: 16px; height: 16px; }
.pwp-icon--md { width: 20px; height: 20px; }
.pwp-icon--lg { width: 24px; height: 24px; }
.pwp-icon--xl { width: 32px; height: 32px; }
.pwp-btn .pwp-icon { width: 1.05em; height: 1.05em; }
.pwp-icon-text { display: inline-flex; align-items: flex-start; gap: var(--pwp-space-2); }
.pwp-icon-text > .pwp-icon { width: 18px; height: 18px; margin-top: .15em; color: var(--pwp-teal-action); }
.pwp-icon-btn, .pwp-icon-btn:focus {
display: inline-flex; align-items: center; justify-content: center; flex: none; position: relative;
width: var(--pwp-tap); height: var(--pwp-tap); box-sizing: border-box; padding: 0;
border: 0; border-radius: var(--pwp-radius-md); background: transparent; color: var(--pwp-text-body); cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: background-color var(--pwp-duration-fast) ease, color var(--pwp-duration-fast) ease, transform var(--pwp-duration-fast) var(--pwp-ease-out);
}
.pwp-icon-btn .pwp-icon { width: 20px; height: 20px; }
.pwp-icon-btn:hover, .pwp-icon-btn.is-hover { background: var(--pwp-surface-alt); color: var(--pwp-ink); }
.pwp-icon-btn:active, .pwp-icon-btn.is-active { transform: scale(var(--pwp-press-scale)); transition-duration: 60ms; }
.pwp-icon-btn:focus-visible, .pwp-icon-btn.is-focus { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-icon-btn--outline, .pwp-icon-btn--outline:focus { border: 1.5px solid var(--pwp-border); background: var(--pwp-surface); }
.pwp-icon-btn--outline:hover { border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); background: var(--pwp-surface); }
.pwp-icon-btn--on-dark, .pwp-icon-btn--on-dark:focus { color: var(--pwp-white); }
.pwp-icon-btn--on-dark:hover { background: rgba(255, 255, 255, .12); color: var(--pwp-white); }
@keyframes pwp-spin { to { transform: rotate(360deg); } }
@keyframes pwp-shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.pwp-spinner {
display: inline-block; flex: none; width: 24px; height: 24px; box-sizing: border-box; vertical-align: middle; border-radius: 50%;
border: 3px solid var(--pwp-border); border-top-color: var(--pwp-teal-action);
animation: pwp-spin var(--pwp-spin-duration) linear infinite;
}
.pwp-spinner--sm { width: 16px; height: 16px; border-width: 2px; }
.pwp-spinner--lg { width: 40px; height: 40px; border-width: 4px; }
.pwp-spinner--on-dark { border-color: rgba(255, 255, 255, .2); border-top-color: var(--pwp-teal-light); }
.pwp-loading { display: flex; align-items: center; justify-content: center; gap: var(--pwp-space-3); padding: var(--pwp-space-6) var(--pwp-space-4); font-size: var(--pwp-size-meta); color: var(--pwp-text-secondary); }
.pwp-loading--stacked { flex-direction: column; padding-block: var(--pwp-space-8); }
.pwp-skeleton { display: block; position: relative; overflow: hidden; background: var(--pwp-surface-alt); border-radius: var(--pwp-radius-sm); }
.pwp-skeleton::after {
content: ""; position: absolute; inset: 0; transform: translateX(-100%);
background: linear-gradient(90deg, transparent 0%, var(--pwp-skeleton-shine) 50%, transparent 100%);
animation: pwp-shimmer var(--pwp-shimmer-duration) ease-in-out infinite;
}
.pwp-skeleton--text { height: .875rem; margin: .5rem 0; border-radius: 6px; }
.pwp-skeleton--title { height: 1.25rem; width: 72%; margin: .25rem 0 .75rem; border-radius: 6px; }
.pwp-skeleton--overline { height: .75rem; width: 40%; border-radius: 6px; }
.pwp-skeleton--short { width: 55%; }
.pwp-skeleton--media { aspect-ratio: 16 / 10; border-radius: 0; }
.pwp-skeleton--circle { width: 48px; height: 48px; border-radius: 50%; }
.pwp-skeleton--button { height: var(--pwp-button-height); width: 9rem; border-radius: var(--pwp-radius-md); }
.pwp-busy { position: relative; }
.pwp-busy > * { transition: opacity var(--pwp-duration) ease; }
.pwp-busy[aria-busy="true"] > * { opacity: .4; pointer-events: none; }
.pwp-busy[aria-busy="true"]::after {
content: ""; position: absolute; left: 50%; top: min(50%, 160px); z-index: 1; width: 40px; height: 40px; margin: -20px 0 0 -20px;
box-sizing: border-box; border-radius: 50%; border: 4px solid var(--pwp-border); border-top-color: var(--pwp-teal-action);
background: var(--pwp-surface); box-shadow: 0 0 0 6px var(--pwp-surface), var(--pwp-shadow-card);
animation: pwp-spin var(--pwp-spin-duration) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.pwp-skeleton::after { display: none; }
}
.pwp-table-wrap { overflow-x: auto; border: 1px solid var(--pwp-border); border-radius: var(--pwp-radius-md); background: var(--pwp-surface); }
.pwp-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: auto; font-size: 0.9375rem; line-height: 1.45; }
.pwp-table th { text-align: left; font-size: var(--pwp-size-caption); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-body); background: var(--pwp-surface-alt); }
.pwp-table th, .pwp-table td { padding: var(--pwp-space-3) var(--pwp-space-4); border: 0; border-bottom: 1px solid var(--pwp-border); vertical-align: top; }
.pwp-table tr:last-child td { border-bottom: 0; }
.pwp-table .pwp-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pwp-table code { font-size: .8125rem; overflow-wrap: anywhere; }
@media (max-width: 599px) {
.pwp-table { font-size: var(--pwp-size-meta); }
.pwp-table th, .pwp-table td { padding: var(--pwp-space-3); }
}
.wp-block-table table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 0.9375rem; line-height: 1.45; }
.wp-block-table th { text-align: left; font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-body); }
.wp-block-table th, .wp-block-table td { padding: var(--pwp-space-3) var(--pwp-space-4); border: 0; border-bottom: 1px solid var(--pwp-border); vertical-align: top; }
.wp-block-table tr:last-child td { border-bottom: 0; }
@media (max-width: 599px) {
.wp-block-table table { font-size: var(--pwp-size-meta); }
.wp-block-table th, .wp-block-table td { padding: var(--pwp-space-3); }
}
.pwp-archive-header { margin: 0 0 var(--pwp-space-6); }
.pwp-archive-title { margin: 0; font-size: var(--pwp-size-display); line-height: var(--pwp-leading-tight); letter-spacing: var(--pwp-tracking-display); color: var(--pwp-ink); }
.pwp-table-wrap--scroll {
background:
linear-gradient(90deg, var(--pwp-surface) 30%, transparent) left center / 40px 100% no-repeat local,
linear-gradient(270deg, var(--pwp-surface) 30%, transparent) right center / 40px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%, var(--pwp-scroll-shadow), transparent) left center / 14px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%, var(--pwp-scroll-shadow), transparent) right center / 14px 100% no-repeat scroll,
var(--pwp-surface);
overscroll-behavior-x: contain;
}
.pwp-table-wrap--scroll .pwp-table { min-width: 36rem; }
.pwp-table-wrap--scroll:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
@media (max-width: 599px) {
.pwp-table--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pwp-table--stack, .pwp-table--stack tbody, .pwp-table--stack tr, .pwp-table--stack td { display: block; width: 100%; box-sizing: border-box; }
.pwp-table--stack tr { padding: var(--pwp-space-3) var(--pwp-space-4); border-bottom: 1px solid var(--pwp-border); }
.pwp-table--stack tr:last-child { border-bottom: 0; }
.pwp-table--stack td { display: grid; grid-template-columns: minmax(5.5rem, 34%) 1fr; gap: var(--pwp-space-3); padding: var(--pwp-space-1) 0; border: 0; text-align: left; }
.pwp-table--stack td::before { content: attr(data-label); font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-secondary); padding-top: 2px; }
.pwp-table--stack td:first-child { display: block; padding: 0 0 var(--pwp-space-2); font-size: var(--pwp-size-body); font-weight: var(--pwp-weight-bold); color: var(--pwp-ink); }
.pwp-table--stack td:first-child::before { content: none; }
.pwp-table--stack td.pwp-num { text-align: left; white-space: normal; }
}
[hidden] { display: none !important; }
.pwp-breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--pwp-space-2); font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; }
.pwp-breadcrumbs li + li::before { content: "›"; margin-right: var(--pwp-space-2); color: var(--pwp-text-body); }
.pwp-breadcrumbs a { text-decoration: none; }
.pwp-breadcrumbs [aria-current] { color: var(--pwp-text-body); }
.pwp-pagination { display: flex; flex-wrap: wrap; gap: var(--pwp-space-2); justify-content: center; list-style: none; margin: 0; padding: 0; }
.pwp-pagination a, .pwp-pagination span {
display: inline-flex; align-items: center; justify-content: center; min-width: var(--pwp-tap); height: var(--pwp-tap); box-sizing: border-box;
padding: 0 var(--pwp-space-3); border-radius: var(--pwp-radius-md); border: 1px solid var(--pwp-border); background: var(--pwp-surface);
text-decoration: none; font-weight: var(--pwp-weight-bold); color: var(--pwp-ink);
}
.pwp-pagination a:hover { border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); }
.pwp-pagination [aria-current="page"] { background: var(--pwp-teal-action); border-color: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-motion .pwp-reveal:not(.is-revealed),
.pwp-motion .pwp-reveal-group > :not(.is-revealed),
.pwp-motion .pwp-auto-reveal .entry-content > :not(.is-revealed),
.pwp-motion .pwp-enter:not(.is-revealed) {
opacity: 0;
transform: translate3d(0, var(--pwp-reveal-distance), 0);
}
.pwp-motion .pwp-reveal--fade:not(.is-revealed) { transform: none; }
.pwp-motion .pwp-reveal--left:not(.is-revealed) { transform: translate3d(calc(-1 * var(--pwp-reveal-distance)), 0, 0); }
.pwp-motion .pwp-reveal--right:not(.is-revealed) { transform: translate3d(var(--pwp-reveal-distance), 0, 0); }
.pwp-motion .pwp-auto-reveal .entry-content > :not(.is-revealed) { transform: translate3d(0, var(--pwp-enter-distance), 0); }
.pwp-motion .pwp-reveal--soft:not(.is-revealed),
.pwp-motion .pwp-reveal-group.pwp-reveal--soft > :not(.is-revealed) { transform: translate3d(0, var(--pwp-enter-distance), 0) scale(.985); }
.pwp-motion .pwp-enter:not(.is-revealed) { transform: translate3d(0, var(--pwp-enter-distance), 0); }
.pwp-enter-ready .pwp-enter:not(.is-revealed) {
opacity: 0;
transform: translate3d(0, var(--pwp-enter-distance), 0);
animation: pwp-enter-uncloak 200ms var(--pwp-ease-out) 400ms forwards;
}
@keyframes pwp-enter-uncloak { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
.pwp-enter-ready .pwp-enter:not(.is-revealed) { opacity: 1; transform: none; animation: none; }
}
.pwp-motion .pwp-reveal.is-animating,
.pwp-motion .pwp-reveal-group > .is-animating,
.pwp-motion .pwp-auto-reveal .entry-content > .is-animating {
transition: opacity var(--pwp-reveal-duration) var(--pwp-ease-out), transform var(--pwp-reveal-duration) var(--pwp-ease-out);
transition-delay: var(--pwp-reveal-delay, 0ms);
}
.pwp-motion .pwp-enter.is-animating {
transition: opacity var(--pwp-enter-duration) var(--pwp-ease-out), transform var(--pwp-enter-duration) var(--pwp-ease-out);
transition-delay: var(--pwp-reveal-delay, 0ms);
}
.pwp-press { transition: transform var(--pwp-duration-fast) var(--pwp-ease-out); }
.pwp-press:active { transform: scale(var(--pwp-press-scale)); }
@media (prefers-reduced-motion: reduce) {
.pwp-motion .pwp-reveal:not(.is-revealed),
.pwp-motion .pwp-reveal-group > :not(.is-revealed),
.pwp-motion .pwp-enter:not(.is-revealed) { opacity: 1; transform: none; }
.pwp-press:active { transform: none; }
}
.pwp-winery-detail { margin: var(--pwp-space-6) 0 0; }
.pwp-winery-detail__list { margin: 0; display: grid; gap: var(--pwp-space-3); }
.pwp-winery-detail__row {
display: grid; gap: var(--pwp-space-1) var(--pwp-space-4); align-items: start;
grid-template-columns: 1fr;
padding-bottom: var(--pwp-space-3);
border-bottom: 1px solid var(--pwp-color-border);
}
.pwp-winery-detail__row:last-child { border-bottom: 0; padding-bottom: 0; }
@media (min-width: 600px) { .pwp-winery-detail__row { grid-template-columns: 8.5rem 1fr; } }
.pwp-winery-detail__label {
display: flex; align-items: center; gap: var(--pwp-space-2); margin: 0;
font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold);
letter-spacing: var(--pwp-tracking-label); text-transform: uppercase;
color: var(--pwp-text-secondary);
}
.pwp-winery-detail__icon { color: var(--pwp-teal-action); flex: none; }
.pwp-winery-detail__value { margin: 0; color: var(--pwp-color-text); overflow-wrap: anywhere; }
.pwp-winery-detail__value a { color: var(--pwp-color-link); }
.pwp-winery-detail__notes { margin-top: var(--pwp-space-5); }
.pwp-winery-detail__notes p:last-child { margin-bottom: 0; }
.pwp-winery-detail__action { margin-top: var(--pwp-space-5); }
.pwp-deal {
position: relative; background: var(--pwp-deal-surface); border: 1px solid var(--pwp-deal-border);
border-radius: var(--pwp-radius-md); padding: var(--pwp-space-3); color: var(--pwp-deal-text);
}
.pwp-deal__label {
display: flex; align-items: center; gap: 6px; margin: 0 0 var(--pwp-space-1);
font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-overline);
text-transform: uppercase; color: var(--pwp-deal-label);
}
.pwp-deal__label::before { content: "★"; color: var(--pwp-deal-accent); font-size: 0.8rem; }
.pwp-deal__text { margin: 0; font-size: 0.875rem; font-weight: var(--pwp-weight-bold); line-height: 1.45; color: var(--pwp-deal-text); }
.pwp-deal--feature { padding: var(--pwp-space-5); }
.pwp-deal--feature .pwp-deal__label { color: var(--pwp-deal-heading); }
.pwp-deal--feature .pwp-deal__text { font-size: var(--pwp-size-heading); line-height: 1.3; padding-left: var(--pwp-space-3); border-left: 4px solid var(--pwp-deal-border); margin-top: var(--pwp-space-2); }
.pwp-deal--feature .pwp-pill--deal { margin-top: var(--pwp-space-3); }
.pwp-winery {
position: relative; display: flex; flex-direction: column; overflow: hidden;
background: var(--pwp-surface); border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md);
box-shadow: var(--pwp-shadow-card); transition: box-shadow var(--pwp-duration) ease;
}
.pwp-winery:hover, .pwp-winery:focus-within { box-shadow: var(--pwp-shadow-raised); }
.pwp-winery__media { position: relative; }
.pwp-winery__media img { display: block; width: 100%; height: 200px; object-fit: cover; }
.pwp-winery__media .pwp-save-badge { position: absolute; left: 12px; bottom: 12px; }
.pwp-winery__media button.pwp-fav { position: absolute; right: 12px; top: 12px; z-index: 2; border-color: transparent; background: var(--pwp-fav-overlay); }
.pwp-winery__body { display: flex; flex-direction: column; gap: var(--pwp-space-3); padding: var(--pwp-space-4); flex: 1; }
.pwp-winery__name { font-size: var(--pwp-size-subtitle); font-weight: var(--pwp-weight-bold); line-height: var(--pwp-leading-snug); margin: 0; color: var(--pwp-ink); }
.pwp-winery__name a { color: inherit; text-decoration: none; }
.pwp-winery__name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.pwp-winery__name a:focus-visible { outline: none; }
.pwp-winery__name a:focus-visible::after { box-shadow: inset var(--pwp-focus-ring); border-radius: var(--pwp-radius-md); }
.pwp-winery__address { font-size: var(--pwp-size-meta); color: var(--pwp-text-body); margin: auto 0 0; }
a.pwp-region {
position: relative; display: block; overflow: hidden; border-radius: var(--pwp-radius-lg);
box-shadow: 0 4px 12px rgba(0, 0, 0, .15); color: var(--pwp-white); text-decoration: none;
}
a.pwp-region img { display: block; width: 100%; height: 200px; object-fit: cover; transition: transform .45s ease; }
a.pwp-region .pwp-region__title {
position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; padding: var(--pwp-space-4);
font-size: 1.625rem; font-weight: var(--pwp-weight-bold); text-align: center; color: var(--pwp-white);
text-shadow: 0 2px 10px rgba(0, 0, 0, .55); background: rgba(0, 0, 0, .18);
}
:where(.pwp-ds) a.pwp-region:hover { color: var(--pwp-white); }
a.pwp-region:hover img { transform: scale(1.04); }
a.pwp-region:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
@media (max-width: 767px) {
.pwp-region .pwp-region__map-frame.pwp-bleed {
margin-left: 0;
margin-right: 0;
width: auto;
max-width: none;
border-radius: var(--pwp-radius-lg);
overflow: hidden;
}
}
.pwp-trip { display: flex; flex-direction: column; overflow: hidden; background: var(--pwp-surface); border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md); box-shadow: var(--pwp-shadow-card); }
.pwp-trip__media { position: relative; }
.pwp-trip__media img { display: block; width: 100%; height: 176px; object-fit: cover; }
.pwp-trip__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .7) 100%); }
.pwp-trip__title { position: absolute; left: var(--pwp-space-4); right: var(--pwp-space-4); bottom: var(--pwp-space-3); z-index: 1; margin: 0; font-size: var(--pwp-size-title); color: var(--pwp-white); }
.pwp-trip__body { padding: var(--pwp-space-4); display: flex; flex-direction: column; gap: var(--pwp-space-3); flex: 1; }
.pwp-trip__stops { list-style: none; margin: 0; padding: var(--pwp-space-2) var(--pwp-space-3); background: var(--pwp-surface-alt); border-radius: var(--pwp-radius-sm); counter-reset: pwp-stop; }
.pwp-trip__stop { position: relative; counter-increment: pwp-stop; padding: 8px 0 8px 34px; line-height: 1.4; border-bottom: 1px solid var(--pwp-border); font-size: 0.9375rem; }
.pwp-trip__stop:last-child { border-bottom: 0; }
.pwp-trip__stop::before {
content: counter(pwp-stop); position: absolute; left: 0; top: 8px; width: 24px; height: 24px; border-radius: 50%;
display: flex; align-items: center; justify-content: center; font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold);
background: var(--pwp-teal-action); color: var(--pwp-on-action);
}
.pwp-trip__total { display: flex; justify-content: space-between; align-items: center; gap: var(--pwp-space-3); margin-top: auto; }
.pwp-trip__total-amount { font-size: var(--pwp-size-title); font-weight: var(--pwp-weight-bold); color: var(--pwp-money-text); }
.pwp-deal-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--pwp-border); }
.pwp-deal-row { display: flex; align-items: flex-start; gap: var(--pwp-space-4); padding: var(--pwp-space-4) 0; border-bottom: 1px solid var(--pwp-border); }
.pwp-deal-row__main { flex: 1; min-width: 0; }
.pwp-deal-row__name { margin: 0; font-size: var(--pwp-size-body); font-weight: var(--pwp-weight-bold); line-height: var(--pwp-leading-snug); }
.pwp-deal-row__name a { color: var(--pwp-ink); text-decoration: none; }
.pwp-deal-row__name a:hover { color: var(--pwp-teal-action); text-decoration: underline; text-underline-offset: 3px; }
.pwp-deal-row__places { margin: 2px 0 0; font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-semibold); letter-spacing: .02em; color: var(--pwp-region-label); }
.pwp-deal-row__places a { color: inherit; text-decoration: none; }
.pwp-deal-row__places a:hover { text-decoration: underline; }
.pwp-deal-row__deal { margin: var(--pwp-space-1) 0 0; font-size: 0.9375rem; line-height: 1.5; color: var(--pwp-text-body); }
.pwp-deal-row__note { margin: var(--pwp-space-1) 0 0; font-size: var(--pwp-size-meta); color: var(--pwp-text-secondary); }
.pwp-deal-row__save { flex: none; margin-top: 2px; }
@media (max-width: 599px) {
.pwp-deal-row { flex-direction: column; gap: var(--pwp-space-2); }
.pwp-deal-row__save { order: -1; margin: 0; }
}
.pwp-jump { display: flex; flex-wrap: wrap; gap: var(--pwp-space-2); list-style: none; margin: 0; padding: 0; }
.pwp-jump .pwp-chip { text-decoration: none; gap: var(--pwp-space-2); }
.pwp-chip__count { font-weight: var(--pwp-weight-normal); color: var(--pwp-text-secondary); }
.pwp-jump .pwp-chip.is-current { background: var(--pwp-teal-chip); border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); }
.pwp-jump .pwp-chip.is-current .pwp-chip__count { color: inherit; }
@media (max-width: 599px) {
.pwp-jump { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; margin-inline: calc(-1 * var(--pwp-gutter)); padding-inline: var(--pwp-gutter); scroll-padding-inline: var(--pwp-gutter); padding-bottom: 2px; }
.pwp-jump::-webkit-scrollbar { display: none; }
.pwp-jump li { flex: none; scroll-snap-align: start; }
}
.pwp-page .site-content { padding: 0; }
.pwp-page :where(.pwp-ds) [id] { scroll-margin-top: 90px; }
.pwp-print-head, .pwp-print-title { display: none; }
.pwp-stat-inline { font-weight: var(--pwp-weight-bold); font-variant-numeric: tabular-nums; color: var(--pwp-teal-action); }
.pwp-stat-inline--money { color: var(--pwp-money-text); }
.pwp-filterbar {
display: grid; gap: var(--pwp-space-3); padding: var(--pwp-space-3);
background: var(--pwp-surface); border: 1px solid var(--pwp-border); border-radius: var(--pwp-radius-lg);
box-shadow: var(--pwp-shadow-card);
}
.pwp-filterbar__row { display: flex; align-items: center; gap: var(--pwp-space-2); }
.pwp-filterbar__search { flex: 1; min-width: 0; }
.pwp-filterbar__search input.pwp-input { box-shadow: none; border-color: var(--pwp-control-border); background-color: var(--pwp-surface); }
.pwp-filterbar__btn { flex: none; }
.pwp-filterbar__btn.is-active { border-color: var(--pwp-teal-action); background: var(--pwp-teal-chip); color: var(--pwp-teal-action); }
.pwp-filterbar .pwp-listview__count { margin: 0; }
.pwp-filterbar .pwp-listview__count:empty { display: none; }
.pwp-filterbar__panel { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
.pwp-filterbar__panel { transition: max-height var(--pwp-duration) var(--pwp-ease-out), opacity var(--pwp-duration) ease; }
}
.pwp-js .pwp-filterbar__panel:not(.is-open) { max-height: 0; opacity: 0; pointer-events: none; }
.pwp-js .pwp-filterbar:has(.pwp-filterbar__panel:not(.is-open)) { row-gap: 0; }
.pwp-listview { background: var(--pwp-color-page); color: var(--pwp-color-text); width: 100%; padding-bottom: var(--pwp-section-y); }
.pwp-listview__head { padding-block: var(--pwp-space-8) var(--pwp-space-3); }
.pwp-listview__head .pwp-display { margin-top: var(--pwp-space-3); }
.pwp-listview__head .pwp-notice { max-width: none; margin-block: var(--pwp-space-5); }
.pwp-listview__search { max-width: 560px; margin-top: var(--pwp-space-5); }
.pwp-listview__count { min-height: 1.5em; margin: var(--pwp-space-2) 0 0; }
.pwp-listview__controls { position: sticky; top: 0; z-index: 3; padding-block: var(--pwp-space-3); background: var(--pwp-color-page); }
.pwp-listview__controls .pwp-jump { padding-top: var(--pwp-space-1); }
.pwp-listview .pwp-container { max-width: calc(960px + 2 * var(--pwp-gutter)); }
.pwp-listview__region { padding-top: var(--pwp-space-8); }
.pwp-listview__region[hidden] { display: none; }
.pwp-listview__region-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pwp-space-1) var(--pwp-space-3); margin-bottom: var(--pwp-space-3); }
.pwp-listview__toggle, .pwp-listview__toggle:focus {
display: inline-flex; align-items: center; justify-content: center; flex: none; order: -1;
width: 32px; height: 32px; margin-left: -6px; padding: 0; border: 0; border-radius: var(--pwp-radius-sm);
background: none; color: var(--pwp-text-secondary); cursor: pointer;
transition: color var(--pwp-duration-fast) ease, background-color var(--pwp-duration-fast) ease;
}
.pwp-listview__toggle:hover { background: var(--pwp-surface-alt); color: var(--pwp-ink); }
.pwp-listview__toggle:focus-visible { outline: none; box-shadow: var(--pwp-focus-ring); }
.pwp-listview__toggle .pwp-icon { width: 16px; height: 16px; transition: transform var(--pwp-duration) var(--pwp-ease-out); }
.pwp-listview__region.is-collapsed .pwp-listview__toggle .pwp-icon { transform: rotate(-90deg); }
.pwp-listview__region .pwp-deal-list { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
.pwp-listview__region .pwp-deal-list { transition: max-height var(--pwp-duration) var(--pwp-ease-out); }
}
.pwp-listview__region.is-collapsed .pwp-deal-list { border-top: 0; }
.pwp-jump .pwp-chip.is-filtered { background: var(--pwp-teal-action); border-color: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-jump .pwp-chip.is-filtered .pwp-chip__count { color: inherit; }
.pwp-listview__region-title { margin: 0; font-size: var(--pwp-size-heading); line-height: var(--pwp-leading-tight); color: var(--pwp-ink); }
.pwp-listview__map { margin-left: auto; }
.pwp-listview__empty { padding: var(--pwp-space-8) 0; text-align: center; color: var(--pwp-text-body); }
.pwp-listview__offers { margin-top: var(--pwp-space-8); }
.pwp-listview__offers > :first-child { margin-top: 0; }
@media (max-width: 599px) {
.pwp-listview__head { padding-top: var(--pwp-space-6); }
.pwp-listview__region { padding-top: var(--pwp-space-7); }
.pwp-listview__map { margin-left: 0; flex-basis: 100%; justify-content: flex-start; padding-inline: 0; }
}
@media print {
body.pwp-page :is( .site-header, #masthead, .main-navigation, .site-footer, .footer-widgets, #right-sidebar,
#left-sidebar, .sidebar, .widget-area, .pwp-listview__controls, .pwp-breadcrumbs, .pwp-notice,
.pwp-listview__offers, .pwp-listview__map, .pwp-listview__toggle, .pwp-listview__empty,
#jp-carousel-loading-overlay, iframe, video, .yotpo, .bottomReviews, .pwp-review-badge,
.pwp-display, .pwp-lede ) { display: none !important; }
body.pwp-page { background: #fff; color: #000; }
body.pwp-page :is( #page, #content, .pwp-listview, .pwp-container, .pwp-listview__body ) { width: auto; max-width: none; margin: 0; padding-inline: 0; }
body.pwp-page .pwp-listview { padding: 0; }
body.pwp-page .pwp-listview__head { padding-block: 0 8pt; }
body.pwp-page .pwp-print-head { display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; gap: 12pt; margin: 0 0 10pt; }
body.pwp-page .pwp-print-title { display: block; font-size: 16pt; font-weight: 700; margin: 0; }
body.pwp-page .pwp-print-logo { display: block; width: 80pt; height: auto; filter: brightness(0); }
body.pwp-page .pwp-listview__region { padding: 8pt 0 0; border-top: 0.75pt solid #999; break-inside: auto; }
body.pwp-page .pwp-listview__region:first-of-type { border-top: 0; padding-top: 0; }
body.pwp-page .pwp-listview__region-head { display: block; margin: 0 0 5pt; padding: 3pt 6pt; background: #f1f1f1; border-left: 2.5pt solid #444; break-after: avoid; }
body.pwp-page .pwp-listview__region-title { display: inline; font-size: 11.5pt; margin: 0; }
body.pwp-page .pwp-listview__region-head .pwp-meta { display: inline; font-size: 9pt; color: #444; margin-left: 6pt; }
body.pwp-page .pwp-deal-list { padding-left: 2pt; counter-reset: pwp-deal; }
body.pwp-page .pwp-deal-row { counter-increment: pwp-deal; position: relative; }
body.pwp-page .pwp-deal-row::before { content: counter( pwp-deal ) "."; position: absolute; left: 0; width: 16pt; text-align: right; font-weight: 700; }
body.pwp-page .pwp-deal-list { max-height: none !important; overflow: visible !important; border-top: 0; }
body.pwp-page .pwp-deal-row { display: block; padding: 1pt 0 1pt 20pt; border-bottom: 0; break-inside: avoid; font-size: 10pt; line-height: 1.35; }
body.pwp-page .pwp-deal-row__main { display: inline; }
body.pwp-page .pwp-deal-row :is( .pwp-deal-row__name, .pwp-deal-row__places, .pwp-deal-row__deal, .pwp-deal-row__note ) { display: inline; font-size: inherit; color: #000; margin: 0; }
body.pwp-page .pwp-deal-row__name { font-weight: 700; }
body.pwp-page .pwp-deal-row__name::after { content: ": "; font-weight: 400; }
body.pwp-page .pwp-deal-row__places::before { content: "("; }
body.pwp-page .pwp-deal-row__places::after { content: ") "; }
body.pwp-page .pwp-deal-row__save { display: inline; padding: 0; background: none; color: #000; font-weight: 700; }
body.pwp-page .pwp-deal-row__save::before { content: " — "; font-weight: 400; }
body.pwp-page a { color: #000; text-decoration: none; }
@page { size: letter; margin: 14mm; }
}
.pwp-hero { position: relative; isolation: isolate; overflow: hidden; min-height: min(88vh, 760px); display: flex; align-items: center; color: var(--pwp-white); background: var(--pwp-night); }
.pwp-hero__media { position: absolute; inset: 0; z-index: -2; }
.pwp-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.pwp-hero::before {
content: ""; position: absolute; inset: 0; z-index: -1;
background:
linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .55) 100%),
linear-gradient(90deg, rgba(8, 22, 21, .92) 0%, rgba(8, 22, 21, .78) 35%, rgba(8, 22, 21, .45) 65%, rgba(8, 22, 21, .2) 100%);
}
.pwp-hero__inner { width: 100%; padding-block: var(--pwp-space-10); }
.pwp-hero__kicker { font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold); letter-spacing: .22em; text-transform: uppercase; color: var(--pwp-teal-light); margin: 0 0 var(--pwp-space-4); }
.pwp-hero__title { font-size: var(--pwp-size-hero); font-weight: var(--pwp-weight-bold); line-height: 1.05; letter-spacing: var(--pwp-tracking-display); color: var(--pwp-white); max-width: 14ch; text-shadow: 0 2px 30px rgba(0, 0, 0, .45); margin: 0 0 var(--pwp-space-5); }
.pwp-hero__title em { font-style: normal; color: var(--pwp-teal-light); }
.pwp-hero__lede { font-size: 1.125rem; line-height: 1.6; max-width: 44ch; color: #e9f2f1; text-shadow: 0 1px 12px rgba(0, 0, 0, .5); margin: 0 0 var(--pwp-space-7); }
.pwp-hero__proof { margin-top: var(--pwp-space-5); font-size: var(--pwp-size-meta); color: #cfe4e2; }
@media (prefers-reduced-motion: no-preference) {
@keyframes pwp-rise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
.pwp-hero__kicker { animation: pwp-rise .9s var(--pwp-ease-hero) .05s both; }
.pwp-hero__title { animation: pwp-rise 1s var(--pwp-ease-hero) .15s both; }
.pwp-hero__lede { animation: pwp-rise 1s var(--pwp-ease-hero) .3s both; }
.pwp-hero :is(.pwp-cluster, .pwp-actions) { animation: pwp-rise 1s var(--pwp-ease-hero) .45s both; }
.woocommerce-account .entry-header .entry-title {
animation: pwp-rise .7s var(--pwp-ease-hero) .05s both;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
animation: pwp-rise .45s var(--pwp-ease-out) both;
animation-delay: .20s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(1) { animation-delay: .10s; }
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(2) { animation-delay: .12s; }
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(3) { animation-delay: .14s; }
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(4) { animation-delay: .16s; }
.woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(5) { animation-delay: .18s; }
.woocommerce-account .woocommerce-MyAccount-content > * {
animation: pwp-rise .55s var(--pwp-ease-out) .28s both;
}
.woocommerce-account .woocommerce-MyAccount-content > * + * {
animation-delay: .32s;
}
}
@media (max-width: 599px) {
.pwp-hero { min-height: 0; }
.pwp-hero::before { background: linear-gradient(180deg, rgba(8, 22, 21, .72) 0%, rgba(8, 22, 21, .86) 45%, rgba(8, 22, 21, .95) 100%); }
.pwp-hero__inner { padding-block: var(--pwp-space-8); }
.pwp-hero__kicker { letter-spacing: var(--pwp-tracking-label); }
.pwp-hero__lede { font-size: var(--pwp-size-body); margin-bottom: var(--pwp-space-6); }
}
.pwp-glass {
background: rgba(8, 22, 21, .6); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%);
border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--pwp-radius-xl);
box-shadow: var(--pwp-shadow-deep), inset 0 1px 0 rgba(255, 255, 255, .12); color: var(--pwp-white); padding: var(--pwp-space-7);
}
@media (max-width: 599px) { .pwp-glass { padding: var(--pwp-space-5); border-radius: var(--pwp-radius-lg); } .pwp-price { font-size: 2.75rem; } }
.pwp-glass :is(p, li, h3) { color: var(--pwp-white); }
.pwp-glass .pwp-overline { color: var(--pwp-teal-light); }
.pwp-price { font-size: 3.25rem; font-weight: var(--pwp-weight-bold); line-height: 1; letter-spacing: var(--pwp-tracking-display); margin: 0 0 var(--pwp-space-2); }
.pwp-price__per { font-size: var(--pwp-size-body); font-weight: var(--pwp-weight-normal); color: #bfe8e6; }
.pwp-glass hr { border: 0; height: 1px; background: rgba(255, 255, 255, .14); margin: var(--pwp-space-4) 0; }
.pwp-checklist { list-style: none; margin: 0; padding: 0; }
.pwp-checklist li { position: relative; padding: var(--pwp-space-2) 0 var(--pwp-space-2) 30px; }
.pwp-checklist li::before { content: ""; position: absolute; left: 2px; top: 15px; width: 10px; height: 5px; border-left: 2px solid var(--pwp-teal-action); border-bottom: 2px solid var(--pwp-teal-action); transform: rotate(-45deg); }
.pwp-section--dark .pwp-checklist li::before, .pwp-glass .pwp-checklist li::before { border-color: var(--pwp-teal-light); }
.pwp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--pwp-space-6); text-align: center; }
.pwp-stat { position: relative; }
.pwp-stat + .pwp-stat::before { content: ""; position: absolute; left: calc(var(--pwp-space-6) / -2); top: 50%; transform: translateY(-50%); width: 1px; height: 52px; background: linear-gradient(180deg, transparent, var(--pwp-border), transparent); }
.pwp-stat__value { font-size: var(--pwp-size-display); font-weight: var(--pwp-weight-bold); line-height: 1; letter-spacing: var(--pwp-tracking-display); color: var(--pwp-ink); margin: 0 0 var(--pwp-space-2); }
.pwp-stat__label { font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-body); margin: 0; }
@media (max-width: 781px) { .pwp-stats { grid-template-columns: 1fr 1fr; row-gap: var(--pwp-space-7); } .pwp-stat + .pwp-stat::before { display: none; } }
.pwp-steps { display: grid; gap: var(--pwp-space-7); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); list-style: none; margin: 0; padding: 0; counter-reset: pwp-step; text-align: center; }
.pwp-step { counter-increment: pwp-step; }
.pwp-step::before { content: counter(pwp-step); display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 auto var(--pwp-space-4); border-radius: 50%; background: var(--pwp-teal-chip); color: var(--pwp-teal-action); font-size: 1.25rem; font-weight: var(--pwp-weight-bold); }
.pwp-step__title { font-size: var(--pwp-size-title); font-weight: var(--pwp-weight-bold); margin: 0 0 var(--pwp-space-2); color: var(--pwp-ink); }
.pwp-step__copy { color: var(--pwp-text-body); max-width: 30ch; margin: 0 auto; }
.pwp-compare, .pwp-compare-bad, .pwp-compare-good { border-radius: var(--pwp-radius-lg); padding: clamp(var(--pwp-space-5), 4vw, var(--pwp-space-6)); height: 100%; box-sizing: border-box; }
.pwp-compare h3, .pwp-compare-bad h3, .pwp-compare-good h3 { font-size: var(--pwp-size-title); margin: 0 0 var(--pwp-space-3); }
.pwp-compare ul, .pwp-compare-bad ul, .pwp-compare-good ul { list-style: none; margin: 0; padding: 0; }
.pwp-compare li, .pwp-compare-bad li, .pwp-compare-good li { position: relative; padding: 11px 0 11px 32px; border-top: 1px solid rgba(0, 0, 0, .06); }
.pwp-compare li:first-child, .pwp-compare-bad li:first-child, .pwp-compare-good li:first-child { border-top: 0; }
.pwp-compare--without, .pwp-compare-bad { background: var(--pwp-page); border: 1px solid var(--pwp-border); }
.pwp-compare--without h3, .pwp-compare--without li, .pwp-compare-bad h3, .pwp-compare-bad li { color: var(--pwp-text-body); }
.pwp-compare--without li::before, .pwp-compare-bad li::before { content: "✕"; position: absolute; left: 4px; top: 11px; color: var(--pwp-text-secondary); font-weight: var(--pwp-weight-bold); font-size: .85rem; }
.pwp-compare--with, .pwp-compare-good { background: linear-gradient(160deg, var(--pwp-night-2), var(--pwp-night)); box-shadow: var(--pwp-shadow-raised); }
.pwp-compare--with h3, .pwp-compare--with li, .pwp-compare-good h3, .pwp-compare-good li { color: var(--pwp-on-dark); }
.pwp-compare--with li, .pwp-compare-good li { border-top-color: rgba(255, 255, 255, .1); }
.pwp-compare--with li::before, .pwp-compare-good li::before { content: ""; position: absolute; left: 4px; top: 18px; width: 10px; height: 5px; border-left: 2px solid var(--pwp-teal-light); border-bottom: 2px solid var(--pwp-teal-light); transform: rotate(-45deg); }
.pwp-review { background: var(--pwp-surface); border: 1px solid var(--pwp-divider); border-radius: var(--pwp-radius-md); box-shadow: var(--pwp-shadow-card); padding: var(--pwp-space-6); height: 100%; box-sizing: border-box; margin: 0; }
.pwp-review .pwp-stars { font-size: .9rem; margin: 0 0 var(--pwp-space-3); }
.pwp-review blockquote { margin: 0 0 var(--pwp-space-4); padding: 0; border: 0; font-size: 1.0625rem; line-height: 1.55; color: var(--pwp-ink); }
.pwp-review figcaption,
.pwp-review .pwp-attrib { font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-bold); letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-text-body); }
.pwp-review .pwp-attrib strong { font-weight: inherit; }
.pwp-cta-band { padding-block: var(--pwp-section-y-lg); text-align: center; color: #d7e9e8; background: radial-gradient(700px 380px at 78% 0%, rgba(113, 216, 195, .16), transparent 60%), linear-gradient(135deg, var(--pwp-night-teal) 0%, var(--pwp-night) 90%); }
.pwp-cta-band h2 { font-size: var(--pwp-size-display); line-height: var(--pwp-leading-tight); letter-spacing: -.015em; color: var(--pwp-white); margin: 0 0 var(--pwp-space-4); }
.pwp-cta-band h2 em { font-style: normal; color: var(--pwp-teal-light); }
.pwp-cta-band p { color: #d7e9e8; }
.pwp-cta-band :is(.pwp-cluster, .pwp-actions) { justify-content: center; margin-top: var(--pwp-space-7); }
.pwp-cta-band :is(.pwp-cluster, .pwp-actions) + p { margin-top: var(--pwp-space-6); }
@media (max-width: 599px) { .pwp-cta-band :is(.pwp-cluster, .pwp-actions) { margin-top: var(--pwp-space-6); } }
.pwp-pricing {
--pt-navy: var(--pwp-ink);
--pt-ink: var(--pwp-color-text);
--pt-muted: var(--pwp-text-secondary);
--pt-card: var(--pwp-color-surface);
--pt-line: var(--pwp-color-border);
--pt-burgundy: var(--pwp-night);
--pt-burgundy-2: var(--pwp-night-2);
--pt-gold: var(--pwp-gold);
--pt-accent: var(--pwp-deal-accent);
}
.pwp-pricing.pwp-wrap,
.pwp-pricing .pwp-wrap { padding: 0 var(--pwp-space-3); max-width: 1200px; margin-inline: auto; }
.pwp-pricing .pwp-sub { color: var(--pt-muted); text-align: center; margin: 0 auto var(--pwp-space-5); max-width: 900px; }
.pwp-pricing .pwp-divider { width: 64px; height: 3px; background: var(--pt-gold); margin: 0 auto 28px; border: 0; }
.pwp-pricing .wp-block-columns.is-layout-flex { gap: 0; }
.pwp-pricing .wine-pass-card {
background: var(--pt-card); border: 1px solid var(--pt-line);
border-radius: var(--pwp-radius-lg); text-align: center; box-shadow: 0 1px 2px rgb(0 0 0 / .05);
transition: transform .2s, box-shadow .2s; height: 100%; position: relative;
}
.pwp-pricing .wine-pass-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgb(0 0 0 / .08); }
.pwp-pricing .wine-pass-card .wp-block-group__inner-container { padding: 40px 20px 20px; }
.pwp-pricing .wine-pass-card :is(h2, h3) { color: var(--pt-navy); font-size: var(--pwp-size-title); margin: 0 0 var(--pwp-space-2); }
.pwp-pricing .wine-pass-card .pwp-price { color: var(--pwp-money-text); font-weight: var(--pwp-weight-bold); font-size: var(--pwp-size-display); line-height: 1; margin: 0 0 var(--pwp-space-4); }
.pwp-pricing .wine-pass-card .pwp-list { list-style: none; margin: 0 0 18px; padding: 0; text-align: left; }
.pwp-pricing .wine-pass-card .pwp-list li { color: var(--pt-ink); margin: 0; padding: var(--pwp-space-2) 0 var(--pwp-space-2) 30px; position: relative; line-height: var(--pwp-leading-body); }
.pwp-pricing .wine-pass-card .pwp-list li::before {
content: ""; position: absolute; left: 2px; top: 13px; width: 10px; height: 5px;
border-left: 2px solid var(--pwp-teal-action); border-bottom: 2px solid var(--pwp-teal-action);
transform: rotate(-45deg);
}
.pwp-pricing .wine-pass-card :is(.wp-element-button, .wp-block-button__link),
.pwp-pricing .wine-pass-card :is(.wp-element-button, .wp-block-button__link):focus {
display: inline-flex; align-items: center; justify-content: center;
min-height: var(--pwp-button-height); padding: 12px 24px;
background: var(--pwp-money); color: var(--pwp-white);
border: 0; border-radius: var(--pwp-radius-md); box-shadow: none;
font-size: var(--pwp-size-body); font-weight: var(--pwp-weight-bold); text-decoration: none;
}
.pwp-pricing .wine-pass-card :is(.wp-element-button, .wp-block-button__link):hover {
background: var(--pwp-money-hover); color: var(--pwp-white);
transform: translateY(var(--pwp-hover-lift)); box-shadow: var(--pwp-shadow-button);
}
body.pwp-page .entry-content .wine-pass-card a:is(.wp-element-button, .wp-block-button__link),
body.pwp-page .entry-content .wine-pass-card a:is(.wp-element-button, .wp-block-button__link):focus {
background: var(--pwp-money);
color: var(--pwp-white);
}
body.pwp-page .entry-content .wine-pass-card a:is(.wp-element-button, .wp-block-button__link):hover {
background: var(--pwp-money-hover);
color: var(--pwp-white);
}
.pwp-pricing .wine-pass-card a:not(.wp-element-button):not(.wp-block-button__link) { color: var(--pwp-color-link); }
.pwp-pricing .wine-pass-card a:not(.wp-element-button):not(.wp-block-button__link):hover { color: var(--pwp-color-link-hover); }
.pwp-pricing .pwp-badge {
display: inline-block; margin-bottom: var(--pwp-space-2); font-size: 12px; letter-spacing: .08em;
text-transform: uppercase; padding: 6px 10px; border-radius: var(--pwp-radius-pill); font-weight: 700;
position: absolute; left: 50%; transform: translateX(-50%); top: -15px;
}
.pwp-pricing .pwp-badge--best { background: var(--pt-accent); color: var(--pwp-deal-accent-on); }
.pwp-pricing .pwp-badge--new { background: var(--pt-gold); color: var(--pt-burgundy); }
.pwp-pricing .wine-pass-card.is-best { background: var(--pwp-color-surface); border-color: var(--pt-accent); box-shadow: var(--pwp-shadow-raised); }
.pwp-pricing .wine-pass-card.is-rutherford {
background: linear-gradient(160deg, var(--pt-burgundy), var(--pt-burgundy-2));
border: 1px solid var(--pt-gold); color: var(--pwp-on-dark);
}
.pwp-pricing .wine-pass-card.is-rutherford :is(h2, h3, .pwp-price, .pwp-list li) { color: var(--pwp-on-dark); }
.pwp-pricing .wine-pass-card.is-rutherford .pwp-list li::before { color: var(--pt-gold); }
.pwp-pricing .wine-pass-card.is-rutherford .wp-block-button__link { background: var(--pt-gold); color: var(--pwp-night); }
.pwp-pricing .wine-pass-card.is-rutherford .wp-block-button__link:hover { background: var(--pwp-gold); }
.pwp-pricing .wine-pass-card .pwp-note { margin-top: var(--pwp-space-2); font-size: var(--pwp-size-caption); color: var(--pt-muted); }
.pwp-pricing .wine-pass-card.is-rutherford .pwp-note { color: rgb(255 255 255 / .9); }
.pwp-pricing .discounted-price { color: var(--pwp-danger); }
.pwp-pricing .discountable del { opacity: .25; }
@media (max-width: 781px) { .pwp-pricing .wp-block-columns { gap: var(--pwp-space-4); } }
@media (prefers-reduced-motion: reduce) {
.pwp-pricing .wine-pass-card,
.pwp-pricing .wine-pass-card .wp-block-button__link { transition: none; }
.pwp-pricing .wine-pass-card:hover,
.pwp-pricing .wine-pass-card .wp-block-button__link:hover { transform: none; }
}
.pwp-stat { color: var(--pwp-ink); }
.pwp-stat-label { color: var(--pwp-text-secondary); }
.pwp-quote { color: var(--pwp-color-text); }
.pwp-attrib { color: var(--pwp-text-secondary); }
.pwp-glass .pwp-glass-eyebrow,
.pwp-glass-eyebrow {
display: block; color: var(--pwp-teal-light);
font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold); line-height: 1.3;
letter-spacing: var(--pwp-tracking-label); text-transform: uppercase;
}
.pwp-quote { font-size: var(--pwp-size-subtitle); line-height: var(--pwp-leading-snug); }
.pwp-rating-line { color: var(--pwp-text-secondary); }
.pwp-region__hero {
position: relative; isolation: isolate; display: flex; align-items: flex-end;
min-height: 200px; padding-block: var(--pwp-space-6) var(--pwp-space-5);
background: var(--pwp-night); color: var(--pwp-on-dark); overflow: hidden;
border-radius: 0;
}
.pwp-region-page :is(#page, #content, .site-content, .container) { border-radius: 0; }
@media (min-width: 900px) { .pwp-region__hero { min-height: 280px; } }
.pwp-region__hero .pwp-region__hero-img {
position: absolute; inset: 0; z-index: -2;
width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 40%;
}
.pwp-region__hero.has-image::before {
content: ""; position: absolute; inset: 0; z-index: -1;
background:
linear-gradient(180deg, rgba(8, 22, 21, .55) 0%, rgba(8, 22, 21, .15) 30%, rgba(8, 22, 21, .78) 72%, rgba(8, 22, 21, .92) 100%),
linear-gradient(90deg, rgba(8, 22, 21, .6) 0%, rgba(8, 22, 21, .1) 70%);
}
.pwp-region__hero-inner { width: 100%; }
.pwp-region__hero-title {
margin: 0 0 var(--pwp-space-4);
font-size: var(--pwp-size-display); font-weight: var(--pwp-weight-bold);
line-height: var(--pwp-leading-tight); letter-spacing: var(--pwp-tracking-display);
color: var(--pwp-white);
text-wrap: balance;
}
.pwp-region__hero .pwp-breadcrumbs { margin-bottom: var(--pwp-space-3); }
.pwp-region__hero .pwp-breadcrumbs, .pwp-region__hero .pwp-breadcrumbs a { color: var(--pwp-teal-light); }
.pwp-region__hero .pwp-breadcrumbs [aria-current] { color: rgba(255, 255, 255, .75); }
.pwp-region__stats {
display: flex; flex-wrap: wrap; gap: var(--pwp-space-2) var(--pwp-space-6);
margin: 0; color: rgba(255, 255, 255, .88); font-size: var(--pwp-size-body);
}
.pwp-region__stats strong { color: var(--pwp-white); font-size: var(--pwp-size-heading); font-weight: var(--pwp-weight-bold); }
.pwp-region__stats span { display: inline-flex; align-items: baseline; gap: 8px; }
.pwp-region__section-title { font-size: var(--pwp-size-title); line-height: 1.35; margin: 0 0 var(--pwp-space-4); }
.pwp-region > section { padding-block: var(--pwp-space-7); }
.pwp-region__areas {
display: flex; flex-wrap: wrap; gap: var(--pwp-space-2);
width: 100%; margin-bottom: var(--pwp-space-5);
padding: var(--pwp-space-4); box-sizing: border-box;
background: var(--pwp-surface-alt); border-radius: var(--pwp-radius-lg);
}
.pwp-region__areas .pwp-chip {
flex: 1 1 auto; max-width: 100%; justify-content: space-between; gap: var(--pwp-space-2);
text-decoration: none;
}
.pwp-region__areas .pwp-chip__count { flex: none; }
.pwp-region__filter-toggle,
.pwp-region__filter-toggle:focus {
flex: none; width: var(--pwp-input-height); height: var(--pwp-input-height);
border: 1px solid var(--pwp-teal-action); border-radius: var(--pwp-radius-md);
background: transparent; color: var(--pwp-teal-action);
}
.pwp-region__filter-toggle:hover { background: var(--pwp-teal-tint, rgba(15, 118, 110, .08)); }
.pwp-region__filter-toggle.is-active,
.pwp-region__filter-toggle.is-active:hover { background: var(--pwp-teal-action); color: var(--pwp-on-action); border-color: var(--pwp-teal-action); }
.pwp-jump__count {
margin-left: var(--pwp-space-2); padding: var(--pwp-space-1) var(--pwp-space-2); border-radius: var(--pwp-radius-pill);
background: var(--pwp-surface-alt); font-size: var(--pwp-size-meta);
}
.pwp-region__embed { border-radius: var(--pwp-radius-lg); overflow: hidden; }
.pwp-region__embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; display: block; border: 0; }
.pwp-region__wineries, .pwp-region__related, .pwp-region__intro { border-top: 1px solid var(--pwp-color-border); }
.pwp-region__intro-text { max-width: var(--pwp-text-width); color: var(--pwp-color-text); }
.pwp-region__intro-text p:last-child { margin-bottom: 0; }
.pwp-region__related-card {
display: flex; flex-direction: column; gap: var(--pwp-space-1);
text-decoration: none; padding: var(--pwp-space-5);
}
.pwp-region__related-name { font-weight: var(--pwp-weight-bold); color: var(--pwp-color-text); }
.pwp-region__next { border-top: 1px solid var(--pwp-color-border); padding-block: var(--pwp-section-y); }
.pwp-actions--center { justify-content: center; }
.pwp-region .prettyFileBar {
background: var(--pwp-color-surface); border: 1px solid var(--pwp-color-border);
border-radius: var(--pwp-radius-lg); padding: var(--pwp-space-5); margin-top: var(--pwp-space-4);
box-shadow: none;
}
.pwp-region .prettyFileBar label,
.pwp-region .prettyFileBar .filterTitle,
.pwp-region .prettyFileBar h4 {
display: block; margin: 0 0 var(--pwp-space-2);
font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold);
letter-spacing: var(--pwp-tracking-label); text-transform: uppercase;
color: var(--pwp-text-secondary);
}
.pwp-region .prettySearchValue {
width: 100%; box-sizing: border-box;
min-height: var(--pwp-input-height); padding: var(--pwp-space-3) var(--pwp-space-4);
background: var(--pwp-color-surface); color: var(--pwp-color-text);
border: 1px solid var(--pwp-color-border); border-radius: var(--pwp-radius-sm);
font-size: 1rem; font-family: var(--pwp-font);
}
.pwp-region .prettySearchValue::placeholder { color: var(--pwp-text-secondary); opacity: 1; }
.pwp-region .prettySearchValue:focus-visible { outline: 2px solid var(--pwp-focus); outline-offset: 2px; border-color: var(--pwp-teal-action); }
.pwp-region .showFilterBtn.btn,
.pwp-region .showFilterBtn.btn:focus,
.pwp-region a.showFilterBtn.corePrettyStyle.btn {
display: inline-flex; align-items: center; justify-content: center;
min-height: var(--pwp-tap); padding: var(--pwp-space-2) var(--pwp-space-4); margin: 0 var(--pwp-space-2) var(--pwp-space-2) 0;
background: transparent; color: var(--pwp-teal-action);
border: 1px solid var(--pwp-teal-action); border-radius: var(--pwp-radius-pill);
font-family: var(--pwp-font); font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold);
text-decoration: none; box-shadow: none; float: none;
}
.pwp-region .showFilterBtn.btn:hover,
.pwp-region a.showFilterBtn.corePrettyStyle.btn:hover { background: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-region .clearSearch.btn,
.pwp-region a.clearSearch.btn.corePrettyStyle {
min-height: var(--pwp-tap); padding: var(--pwp-space-2) var(--pwp-space-4); border-radius: var(--pwp-radius-pill);
background: var(--pwp-surface-alt); color: var(--pwp-color-text);
border: 1px solid var(--pwp-color-border); box-shadow: none;
font-family: var(--pwp-font); font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold);
}
.pwp-region .multiCategoryFilter, .pwp-region .customCategoryList { margin-top: var(--pwp-space-4); }
.pwp-region .mapHolder { border-radius: var(--pwp-radius-lg); }
.pwp-region__controls {
display: flex; flex-wrap: wrap; align-items: center; gap: var(--pwp-space-3);
margin-bottom: var(--pwp-space-5);
}
.pwp-region__search { position: relative; flex: 1 1 240px; min-width: 0; }
.pwp-region__filter-toggle, .pwp-region__filter-toggle:focus { width: auto; gap: var(--pwp-space-2); padding-inline: var(--pwp-space-4); }
.pwp-region__filter-label { font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-bold); }
@media (max-width: 599px) {
.pwp-region__search { flex: 1 0 100%; min-width: 0; }
.pwp-region__filter-toggle, .pwp-region__filter-toggle:focus { flex: 1 0 100%; }
.pwp-region__views { flex: 1 0 100%; }
}
.pwp-region__search-icon {
position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
color: var(--pwp-text-secondary); pointer-events: none;
}
input.pwp-region__search-input { padding-left: 44px; }
.pwp-region__views button { display: inline-flex; align-items: center; gap: var(--pwp-space-2); }
.pwp-region__views .pwp-icon { width: 16px; height: 16px; flex: none; }
.pwp-region__views button[aria-selected="true"] { background: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-region__count { flex: 0 0 auto; margin: 0; color: var(--pwp-text-secondary); }
.pwp-region__empty { margin: var(--pwp-space-6) 0; color: var(--pwp-text-secondary); }
.pwp-region__list { display: grid; gap: var(--pwp-space-5); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.pwp-deal-type__group { margin-top: var(--pwp-space-8); scroll-margin-top: 120px; }
.pwp-deal-type__group-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--pwp-space-2) var(--pwp-space-4); margin-bottom: var(--pwp-space-4); }
.pwp-deal-type__group-title { font-size: var(--pwp-size-heading); line-height: 1.3; margin: 0; }
.pwp-deal-type__intro { padding-bottom: 0; }
.pwp-deal-type__toggle, .pwp-deal-type__toggle:focus { margin-bottom: var(--pwp-space-4); }
@media (max-width: 600px) { .pwp-deal-type__toggle, .pwp-deal-type__toggle:focus { width: 100%; justify-content: center; } }
.pwp-region__wineries[data-view] .pwp-region__map-frame { display: none; }
.pwp-region__wineries[data-view="map"] .pwp-region__map-frame { display: block; margin-block: var(--pwp-space-4) 0; }
.pwp-region__map-frame.pwp-bleed { width: 100vw; margin-left: calc(50% - 50vw); max-width: none; }
.pwp-region__map-frame .mapHolder, .pwp-region__map-frame .mapListPro { border-radius: 0; }
.pwp-region__wineries[data-view="map"] .pwp-region__map-frame :is(.mapHolder, .mapListProMap, .mapListPro) { min-height: 70vh; }
.pwp-region__wineries[data-view="map"] .pwp-region__list { display: none; }
.pwp-region__wineries[data-view="compact"] .pwp-region__list { grid-template-columns: 1fr; gap: var(--pwp-space-3); }
.pwp-region__wineries[data-view="compact"] .pwp-winery {
display: grid; grid-template-columns: 96px 1fr; align-items: stretch; gap: 0;
}
.pwp-region__wineries[data-view="compact"] .pwp-winery__media { align-self: stretch; }
.pwp-region__wineries[data-view="compact"] .pwp-winery__media img { height: 100%; min-height: 96px; }
.pwp-region__wineries[data-view="compact"] .pwp-winery__media .pwp-save-badge { left: 8px; bottom: 8px; padding: 2px 8px; font-size: var(--pwp-size-caption); }
.pwp-region__wineries[data-view="compact"] .pwp-winery__body { padding: var(--pwp-space-3) var(--pwp-space-4); gap: var(--pwp-space-1); }
.pwp-region__wineries[data-view="compact"] .pwp-winery__name { font-size: var(--pwp-size-body); }
.pwp-region__wineries[data-view="compact"] .pwp-deal { background: none; border: 0; padding: 0; }
.pwp-region__wineries[data-view="compact"] .pwp-deal__label { display: none; }
.pwp-region__wineries[data-view="compact"] .pwp-deal__text { font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold); color: var(--pwp-teal-action); }
.pwp-region__wineries[data-view="compact"] .pwp-deal__text::before { content: "\2605"; margin-right: 6px; color: var(--pwp-deal-accent); }
.pwp-region__wineries[data-view="compact"] :is(.pwp-winery__address, .pwp-winery__wines) { display: none; }
.pwp-region__wineries[data-view="compact"] .pwp-winery__body { padding-right: var(--pwp-space-7); }
.pwp-region__wineries[data-view="compact"] .pwp-winery::after {
content: ""; position: absolute; right: 14px; top: 50%; width: 9px; height: 9px;
border-right: 2px solid var(--pwp-text-secondary); border-bottom: 2px solid var(--pwp-text-secondary);
transform: translateY(-50%) rotate(-45deg); pointer-events: none;
}
.pwp-winery__wines { display: flex; flex-wrap: wrap; gap: var(--pwp-space-2); margin: auto 0 0; padding-top: var(--pwp-space-3); }
.pwp-chip--quiet {
min-height: 0; padding: var(--pwp-space-1) var(--pwp-space-3);
background: var(--pwp-surface-alt); border-color: transparent; color: var(--pwp-text-body);
font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-semibold); text-decoration: none;
}
.pwp-chip--quiet:hover { border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); }
.pwp-region .infoWindowContainer, .pwp-region .infoWindow { font-family: var(--pwp-font); }
.pwp-region .infoWindowContainer > img { display: none; }
.pwp-region .infoWindowContainer { overflow: visible; background: none; }
.pwp-region .infoWindow {
min-width: 220px; max-width: min(300px, 80vw); padding: var(--pwp-space-4);
background: var(--pwp-color-surface); color: var(--pwp-color-text);
border-radius: var(--pwp-radius-md); box-shadow: var(--pwp-shadow-raised);
box-sizing: border-box;
}
.pwp-region .infoWindow h3 {
margin: 0 0 var(--pwp-space-2); font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold); line-height: var(--pwp-leading-snug);
}
.pwp-region .infoWindow h3 a { color: var(--pwp-color-text); text-decoration: none; }
.pwp-region .infoWindow h3 a:hover { color: var(--pwp-teal-action); }
.pwp-region .infowindowContent { max-height: 220px; overflow: auto; margin: 0; }
.pwp-region .infowindowContent a { display: block; text-decoration: none; }
.pwp-region .infowindowContent p {
margin: 0; font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold);
line-height: 1.45; color: var(--pwp-teal-action);
}
.pwp-region .infowindowContent p::before { content: "\2605"; margin-right: 6px; color: var(--pwp-deal-accent); }
.main-navigation .main-nav > ul > li > a {
position: relative;
font-weight: var(--pwp-weight-semibold);
letter-spacing: .01em;
transition:
color var(--pwp-duration-fast) var(--pwp-ease-out),
opacity var(--pwp-duration-fast) var(--pwp-ease-out);
}
.main-navigation .main-nav > ul > li > a::after {
content: "";
position: absolute;
left: var(--pwp-space-5);
right: var(--pwp-space-5);
bottom: 14px;
height: 2px;
border-radius: 2px;
background: var(--pwp-teal-light);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--pwp-duration) var(--pwp-ease-out);
}
.main-navigation .main-nav > ul > li > a:hover::after,
.main-navigation .main-nav > ul > li > a:focus-visible::after,
.main-navigation .main-nav > ul > li.current-menu-item > a::after,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a::after {
transform: scaleX(1);
}
.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a {
color: var(--pwp-teal-light);
}
.main-navigation a:focus-visible {
outline: 2px solid var(--pwp-teal-light);
outline-offset: 3px;
border-radius: var(--pwp-radius-xs);
}
.main-navigation .dropdown-menu-toggle { transition: none; }
.main-navigation .dropdown-menu-toggle::before {
display: inline-block;
line-height: 1;
vertical-align: middle;
transform-origin: 50% 50%;
transition: transform var(--pwp-duration) var(--pwp-ease-out);
}
.main-navigation li.menu-item-has-children:hover > a .dropdown-menu-toggle::before,
.main-navigation li.menu-item-has-children:focus-within > a .dropdown-menu-toggle::before {
transform: rotate(180deg);
}
.main-navigation a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:focus-visible { text-decoration: none; }
.main-navigation .main-nav ul ul,
.main-navigation .sub-menu {
background-color: var(--pwp-night);
border: 1px solid rgba(255, 255, 255, .08);
border-radius: var(--pwp-radius-md);
box-shadow: var(--pwp-shadow-raised);
padding: var(--pwp-space-2) 0;
overflow: hidden;
transition:
opacity var(--pwp-duration) var(--pwp-ease-out),
transform var(--pwp-duration) var(--pwp-ease-out);
transform: translateY(-6px);
}
.main-navigation .main-nav ul li:hover > ul,
.main-navigation .main-nav ul li:focus-within > ul,
.main-navigation .main-nav ul li.sfHover > ul {
transform: translateY(0);
}
.main-navigation .main-nav ul ul li a {
min-height: var(--pwp-tap);
display: flex;
align-items: center;
padding: var(--pwp-space-3) var(--pwp-space-5);
font-weight: var(--pwp-weight-normal);
transition:
background-color var(--pwp-duration-fast) var(--pwp-ease-out),
color var(--pwp-duration-fast) var(--pwp-ease-out),
padding-left var(--pwp-duration-fast) var(--pwp-ease-out);
}
.main-navigation .main-nav ul ul li a:hover,
.main-navigation .main-nav ul ul li a:focus-visible {
background-color: rgba(113, 216, 195, .12);
color: var(--pwp-teal-light);
padding-left: calc(var(--pwp-space-5) + 4px);
}
@media (max-width: 768px) {
.main-navigation .main-nav ul li a {
border-bottom: 1px solid rgba(255, 255, 255, .07);
transition: background-color var(--pwp-duration-fast) var(--pwp-ease-out);
}
.main-navigation .main-nav ul li:last-child > a { border-bottom: 0; }
.main-navigation .main-nav ul li a:active { background-color: rgba(255, 255, 255, .06); }
.main-navigation .main-nav ul ul {
background-color: rgba(255, 255, 255, .04);
border: 0;
border-radius: 0;
box-shadow: none;
transform: none;
padding: 0;
}
.main-navigation .main-nav ul ul li a { padding-left: var(--pwp-space-7); }
}
.main-navigation .menu-toggle {
min-height: var(--pwp-tap);
transition: opacity var(--pwp-duration-fast) var(--pwp-ease-out);
}
.main-navigation .menu-toggle:hover { opacity: .82; }
@media (prefers-reduced-motion: reduce) {
.main-navigation .main-nav > ul > li > a::after { transition: none; }
.main-navigation .main-nav ul ul,
.main-navigation .sub-menu { transition: opacity var(--pwp-duration-fast) linear; transform: none; }
.main-navigation .dropdown-menu-toggle { transition: none; }
}
.footer-widgets {
background-color: var(--pwp-night);
padding-top: var(--pwp-space-9);
padding-bottom: var(--pwp-space-9);
}
.footer-widgets .widget-title {
margin: 0 0 var(--pwp-space-4);
font-size: var(--pwp-size-caption);
font-weight: var(--pwp-weight-bold);
letter-spacing: var(--pwp-tracking-label);
text-transform: uppercase;
color: var(--pwp-teal-light);
}
.footer-widgets .widget ul { margin: 0; padding: 0; list-style: none; }
.footer-widgets .widget li { margin: 0 0 var(--pwp-space-1, 4px); }
.footer-widgets a {
display: inline-block;
padding: 6px 0;
font-size: var(--pwp-size-meta);
line-height: 1.45;
color: var(--pwp-on-dark);
text-decoration: none;
transition:
color var(--pwp-duration-fast) var(--pwp-ease-out),
text-decoration-color var(--pwp-duration-fast) var(--pwp-ease-out);
}
.footer-widgets a:hover,
.footer-widgets a:focus-visible {
color: var(--pwp-teal-light);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.footer-widgets a:focus-visible {
outline: 2px solid var(--pwp-teal-light);
outline-offset: 2px;
border-radius: var(--pwp-radius-xs);
}
.site-info {
background-color: var(--pwp-night-2);
color: var(--pwp-on-dark);
padding-top: var(--pwp-space-5);
padding-bottom: var(--pwp-space-5);
font-size: var(--pwp-size-meta);
}
.site-info a { color: var(--pwp-on-dark); text-decoration: none; }
.site-info a:hover, .site-info a:focus-visible { color: var(--pwp-teal-light); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768px) {
.footer-widgets { padding-top: var(--pwp-space-8); padding-bottom: var(--pwp-space-8); }
.footer-widgets a { padding: var(--pwp-space-2) 0; }
}
.main-navigation {
background-color: var(--pwp-night);
}
body.sticky-enabled .main-navigation.is_stuck {
box-shadow: var(--pwp-shadow-panel);
}
.main-navigation .main-nav ul,
.main-navigation ul.menu {
background-color: var(--pwp-night);
}
body .main-navigation.toggled .main-nav > ul {
background-color: var(--pwp-night);
}
.main-navigation .main-nav ul li a { color: var(--pwp-on-dark); }
.site-logo a,
.main-navigation .site-logo a {
display: inline-flex;
align-items: center;
transition: opacity var(--pwp-duration-fast) var(--pwp-ease-out);
}
.site-logo a:hover { opacity: .85; }
.site-logo a:focus-visible {
outline: 2px solid var(--pwp-teal-light);
outline-offset: 4px;
border-radius: var(--pwp-radius-xs);
}
.main-navigation .pwp-cart-link { position: relative; }
.main-navigation .pwp-cart-link__count {
position: absolute;
top: 4px;
left: 58%;
min-width: 18px;
height: 18px;
padding: 0 5px;
box-sizing: border-box;
border-radius: var(--pwp-radius-pill);
background: var(--pwp-deal-accent);
color: #111827;
font-size: 12px;
font-weight: var(--pwp-weight-bold);
line-height: 18px;
text-align: center;
}
.main-navigation .pwp-cart-link__count.is-empty { display: none; }
.pwp-always-dark { color-scheme: dark; }
[data-theme="dark"] .hfeed.site,
[data-theme="dark"] #page,
[data-theme="dark"] .site-content,
[data-theme="dark"] .content-area,
[data-theme="dark"] .inside-article,
[data-theme="dark"] .entry-content {
background-color: var(--pwp-page);
color: var(--pwp-text-body);
}
[data-theme="dark"] .inside-article,
[data-theme="dark"] .woocommerce-MyAccount-content { background-color: var(--pwp-page); }
.footer-widgets { background-color: var(--pwp-night); }
.sidebar .widget { background-color: transparent; }
.site-info { background-color: var(--pwp-night-2); }
[data-theme="dark"] .site-footer,
[data-theme="dark"] .footer-widgets { background-color: var(--pwp-night); }
@media (prefers-color-scheme: dark) {
html[data-theme="auto"] .site-footer,
html[data-theme="auto"] .footer-widgets { background-color: var(--pwp-night); }
}
[data-theme="dark"] .site-info { background-color: var(--pwp-night-2); }
[data-theme="dark"] :is(h1, h2, h3, h4):not(.pwp-always-dark *):not(.main-navigation *):not(.site-footer *):not(.pwp-hero *):not(.coupon *) { color: var(--pwp-ink); }
[data-theme="dark"] .entry-header:not([style]) { background-color: var(--pwp-page); }
@media (prefers-color-scheme: dark) {
html[data-theme="auto"] .entry-header:not([style]) { background-color: var(--pwp-page); }
}
@media (max-width: 960px) {
.main-navigation.toggled .main-nav > ul > li.pwp-appearance-menu-item,
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item {
display: inline-flex;
width: auto;
border-top: 0;
border-bottom: 0;
}
.main-navigation.toggled .main-nav > ul > li.pwp-appearance-menu-item,
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item {
padding: var(--pwp-space-5) 0;
margin: 0 var(--pwp-space-3);
}
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item {
margin-right: var(--pwp-gutter);
}
.main-navigation.toggled .main-nav > ul > li.pwp-appearance-menu-item a::after,
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item a::after,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item a::after,
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item > a::after,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item > a::after {
content: none;
display: none;
}
.main-navigation.toggled .main-nav > ul > li.pwp-appearance-menu-item > *,
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item > a,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item > a {
width: var(--pwp-tap);
min-height: var(--pwp-tap);
padding: 0;
justify-content: center;
}
.main-navigation.toggled .main-nav > ul > li.pwp-cart-menu-item > a::after,
.main-navigation.toggled .main-nav > ul > li.pwp-account-menu-item > a::after { content: none; }
}
.main-navigation .pwp-appearance-toggle {
background: none;
border: 0;
width: var(--pwp-tap);
flex: 0 0 auto;
padding: 0;
margin: 0;
color: var(--pwp-nav-text, #ffffff);
cursor: pointer;
font: inherit;
line-height: 0;
}
.main-navigation .pwp-appearance-toggle__icon { width: 20px; }
.main-navigation .pwp-appearance-toggle__moon .pwp-appearance-toggle__icon { width: 15px; }
.main-navigation .pwp-appearance-toggle__sun,
.main-navigation .pwp-appearance-toggle__moon { display: none; line-height: 0; }
.main-navigation .pwp-appearance-toggle[aria-pressed="false"] .pwp-appearance-toggle__sun { display: inline-block; }
.main-navigation .pwp-appearance-toggle[aria-pressed="true"] .pwp-appearance-toggle__moon { display: inline-block; }
.main-navigation .pwp-cart-link__icon { width: 22.5px; }
.main-navigation .pwp-account-link__icon { width: 17.5px; }
.main-navigation,
.main-navigation.is-stuck,
.main-navigation .inside-navigation { background-color: var(--pwp-night); }
body.pwp-transparent-header .main-navigation:not(.toggled),
body.pwp-transparent-header .main-navigation:not(.toggled) .inside-navigation,
body.pwp-transparent-header .main-navigation:not(.toggled) .main-nav > ul {
background-color: transparent;
}
body.pwp-transparent-header .main-navigation.toggled,
body.pwp-transparent-header .main-navigation.toggled .inside-navigation,
body.pwp-transparent-header .main-navigation.toggled .main-nav > ul {
background-color: var(--pwp-night);
}
body.pwp-transparent-header .main-navigation {
background-color: transparent;
transition: background-color var(--pwp-duration) var(--pwp-ease-out);
position: relative;
z-index: 5;
}
body.pwp-transparent-header .main-navigation.navigation-stick:not(.toggled),
body.pwp-transparent-header .main-navigation.navigation-stick:not(.toggled) .inside-navigation {
background-color: var(--pwp-night);
}
body.pwp-transparent-header .main-navigation.navigation-stick::before {
content: none;
}
.main-navigation .main-nav > ul { background-color: transparent; }
.main-navigation .wc-menu-item > a,
.main-navigation .cart-contents,
.main-navigation .pwp-cart-link,
.main-navigation .pwp-appearance-toggle,
.main-navigation .pwp-account-link {
min-height: var(--pwp-tap);
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
transition: color var(--pwp-duration-fast) var(--pwp-ease-out);
}
.main-navigation .wc-menu-item > a:hover,
.main-navigation .cart-contents:hover,
.main-navigation .pwp-cart-link:hover,
.main-navigation .pwp-appearance-toggle:hover,
.main-navigation .pwp-account-link:hover { color: var(--pwp-teal-light); }
.main-navigation .main-nav > ul > li.wc-menu-item > a::after,
.main-navigation .main-nav > ul > li.pwp-cart-menu-item > a::after,
.main-navigation .main-nav > ul > li.pwp-account-menu-item > a::after {
left: 50%;
right: auto;
width: 22px;
margin-left: -11px;
bottom: 5px;
transform: scaleX(0);
transform-origin: center;
}
.main-navigation .main-nav > ul > li.wc-menu-item > a:hover::after,
.main-navigation .main-nav > ul > li.wc-menu-item > a:focus-visible::after,
.main-navigation .main-nav > ul > li.pwp-cart-menu-item > a:hover::after,
.main-navigation .main-nav > ul > li.pwp-cart-menu-item > a:focus-visible::after,
.main-navigation .main-nav > ul > li.pwp-account-menu-item > a:hover::after,
.main-navigation .main-nav > ul > li.pwp-account-menu-item > a:focus-visible::after,
.main-navigation .main-nav > ul > li.pwp-account-menu-item.current-menu-item > a::after {
transform: scaleX(1);
}
.main-navigation .pwp-cart-link .pwp-cart-link__icon,
.main-navigation .pwp-appearance-toggle .pwp-appearance-toggle__icon,
.main-navigation .pwp-account-link .pwp-account-link__icon {
display: inline-block;
height: 20px;
border: 0;
border-radius: 0;
background: none;
cursor: inherit;
fill: currentColor;
color: currentColor;
}
@media (prefers-reduced-motion: reduce) {
.main-navigation { transition: none; }
}
body.woocommerce .single_add_to_cart_button,
body.woocommerce button[name="add-to-cart"],
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt,
body.woocommerce .checkout-button,
body.woocommerce .wc-proceed-to-checkout a.button,
body.woocommerce #place_order {
background-color: var(--pwp-money);
color: #ffffff;
border: 1px solid transparent;
border-radius: var(--pwp-radius-md);
min-height: var(--pwp-tap);
padding: 12px 24px;
font-family: var(--pwp-font);
font-size: 0.9375rem;
font-weight: var(--pwp-weight-bold);
line-height: 1.2;
text-transform: none;
transition:
background-color var(--pwp-duration-fast) var(--pwp-ease-out),
box-shadow var(--pwp-duration-fast) var(--pwp-ease-out);
}
body.woocommerce .single_add_to_cart_button:hover,
body.woocommerce a.button.alt:hover,
body.woocommerce button.button.alt:hover,
body.woocommerce input.button.alt:hover,
body.woocommerce .checkout-button:hover,
body.woocommerce #place_order:hover {
background-color: var(--pwp-money-hover);
box-shadow: var(--pwp-shadow-button);
}
body.woocommerce-page #payment #place_order,
body.woocommerce #payment #place_order {
font-size: 1rem;
width: 100%;
padding: 14px 24px;
border-radius: var(--pwp-radius-md);
min-height: var(--pwp-tap);
}
.woocommerce a.button:not(.alt):not(.checkout-button),
.woocommerce button.button:not(.alt),
.woocommerce input.button:not(.alt) {
background-color: var(--pwp-teal-action);
color: var(--pwp-on-action);
border: 1px solid transparent;
border-radius: var(--pwp-radius-md);
min-height: var(--pwp-tap);
font-family: var(--pwp-font);
font-weight: var(--pwp-weight-bold);
text-transform: none;
transition: background-color var(--pwp-duration-fast) var(--pwp-ease-out);
}
.woocommerce a.button:not(.alt):hover,
.woocommerce button.button:not(.alt):hover,
.woocommerce input.button:not(.alt):hover { background-color: var(--pwp-teal-action-hover); color: var(--pwp-on-action); }
:root,
body {
--wc-form-border-width: 1px;
--wc-form-border-color: var(--pwp-control-border);
--wc-form-border-radius: var(--pwp-radius-md);
}
body .select2-container .select2-selection--single {
height: var(--pwp-input-height);
box-sizing: border-box;
padding: 0;
border: 1px solid var(--pwp-control-border);
border-radius: var(--pwp-radius-md);
background-color: var(--pwp-surface);
}
body .select2-container .select2-selection--single .select2-selection__rendered {
line-height: calc(var(--pwp-input-height) - 2px);
padding: 0 30px 0 14px;
color: var(--pwp-ink);
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder,
body .select2-container .select2-selection__placeholder { color: var(--pwp-color-text-muted); }
body .select2-container .select2-selection--single .select2-selection__arrow {
height: var(--pwp-input-height);
}
@media (max-width: 767px) {
.pwp-cta-band {
padding-top: var(--pwp-section-y) !important;
padding-bottom: var(--pwp-section-y) !important;
}
}
.pwp-calc { box-sizing: border-box; }
@media (max-width: 767px) {
.pwp-calc { margin-right: 0; }
}
input[type="checkbox"],
input[type="radio"] {
accent-color: var(--pwp-teal-action);
width: 18px;
height: 18px;
margin-right: var(--pwp-space-2);
vertical-align: middle;
}
.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"] { width: 18px; height: 18px; }
body .woocommerce .coupon .button,
body .woocommerce button[name="apply_coupon"] {
white-space: nowrap;
min-width: 0;
padding: 12px 18px;
}
body .woocommerce #coupon_code,
body .woocommerce form .coupon input.input-text,
body form.checkout textarea,
body .woocommerce form .form-row textarea,
body .woocommerce select.orderby,
body .woocommerce-page select.orderby,
body .woocommerce-ordering select,
body #pwpRegion {
min-height: var(--pwp-input-height);
box-sizing: border-box;
padding: 10px 14px;
border: 1px solid var(--pwp-control-border);
border-radius: var(--pwp-radius-md);
background-color: var(--pwp-surface);
color: var(--pwp-ink);
font-family: var(--pwp-font);
font-size: 1rem;
line-height: 1.4;
}
body form.checkout textarea,
body .woocommerce form .form-row textarea { min-height: 96px; }
@media (max-width: 768px) {
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper .form-row-last {
float: none;
width: 100%;
}
}
body .woocommerce #coupon_code:focus,
body form.checkout textarea:focus,
body .woocommerce select.orderby:focus,
body #pwpRegion:focus {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 1px;
border-color: var(--pwp-teal-action);
}
body form.checkout textarea,
body .woocommerce form .form-row textarea,
body form.checkout #order_comments {
background-color: var(--pwp-surface) !important;
color: var(--pwp-ink) !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce .quantity input.qty,
form.checkout input.input-text,
form.checkout select,
form.checkout textarea {
min-height: var(--pwp-input-height);
box-sizing: border-box;
padding: 10px 14px;
border: 1px solid var(--pwp-control-border);
border-radius: var(--pwp-radius-md);
background: var(--pwp-surface);
color: var(--pwp-ink);
font: inherit;
font-size: var(--pwp-size-body);
transition: border-color var(--pwp-duration-fast) ease, box-shadow var(--pwp-duration-fast) ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
form.checkout input.input-text:focus,
form.checkout select:focus {
outline: none;
border-color: var(--pwp-focus);
box-shadow: var(--pwp-focus-ring);
}
.woocommerce form .form-row label:not(.checkbox) { font-size: var(--pwp-size-meta); font-weight: var(--pwp-weight-semibold); color: var(--pwp-text-body); }
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price,
.woocommerce .cart_totals .order-total .amount { color: var(--pwp-money-text); font-weight: var(--pwp-weight-bold); }
html .woocommerce div.product p.price,
html .woocommerce ul.products li.product .price { color: var(--pwp-money-text); }
.wp-block-button.pwp-popup .wp-block-button__link,
a.pwp-popup.wp-block-button__link {
background-color: var(--pwp-money);
color: #ffffff;
}
.wp-block-button.pwp-popup .wp-block-button__link:hover,
a.pwp-popup.wp-block-button__link:hover {
background-color: var(--pwp-money-hover);
}
.pwp-region-grid {
display: grid;
grid-template-columns: repeat(var(--pwp-region-grid-cols, 2), minmax(0, 1fr));
gap: var(--pwp-space-4);
margin: var(--pwp-space-6) 0 0;
}
.pwp-region-grid__card {
position: relative;
display: flex;
align-items: flex-end;
min-height: 150px;
padding: var(--pwp-space-4);
border-radius: var(--pwp-radius-lg);
overflow: hidden;
background: var(--pwp-night);
color: #ffffff;
text-decoration: none;
isolation: isolate;
transition: transform var(--pwp-duration) var(--pwp-ease-out), box-shadow var(--pwp-duration) var(--pwp-ease-out);
}
a.pwp-region-grid__card,
a.pwp-region-grid__card:hover,
a.pwp-region-grid__card:focus,
a.pwp-region-grid__card:active { color: #ffffff; }
a.pwp-region-grid__card:hover .pwp-region-grid__count,
a.pwp-region-grid__card:focus .pwp-region-grid__count { color: var(--pwp-teal-light); }
.pwp-region-grid__card:hover { transform: translateY(-2px); box-shadow: var(--pwp-shadow-raised); }
.pwp-region-grid__card:focus-visible { outline: 2px solid var(--pwp-teal-light); outline-offset: 3px; }
.pwp-region-grid__img {
position: absolute; inset: 0; z-index: -2;
width: 100%; height: 100%; object-fit: cover;
}
.pwp-region-grid__card::after {
content: ""; position: absolute; inset: 0; z-index: -1;
background: linear-gradient(180deg, rgba(17,24,39,.15) 0%, rgba(17,24,39,.78) 100%);
}
.pwp-region-grid__body { display: flex; flex-direction: column; gap: 2px; }
.pwp-region-grid__name {
font-size: var(--pwp-size-subtitle); font-weight: var(--pwp-weight-bold);
line-height: var(--pwp-leading-snug); text-shadow: 0 1px 3px rgba(0,0,0,.45);
}
.pwp-region-grid__count {
font-size: var(--pwp-size-caption); font-weight: var(--pwp-weight-semibold);
letter-spacing: var(--pwp-tracking-label); text-transform: uppercase; color: var(--pwp-teal-light);
}
@media (max-width: 599px) {
.pwp-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pwp-space-3); }
.pwp-region-grid__card { min-height: 128px; }
}
@media (prefers-reduced-motion: reduce) {
.pwp-region-grid__card { transition: none; }
.pwp-region-grid__card:hover { transform: none; }
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews {
position: relative;
background: var(--pwp-surface-alt);
color: var(--pwp-ink);
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-md);
padding: var(--pwp-space-4) var(--pwp-space-5);
padding-left: calc(var(--pwp-space-5) + 4px);
margin: 0 0 var(--pwp-space-5);
list-style: none;
overflow: hidden;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
content: "";
position: absolute;
left: 0; top: 0; bottom: 0;
width: 4px;
background: var(--pwp-teal);
}
.woocommerce-message::before { background: var(--pwp-success); }
.woocommerce-error::before { background: var(--pwp-danger); }
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error,
body .woocommerce-noreviews { color: var(--pwp-ink); }
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error,
body .woocommerce-noreviews { background: var(--pwp-surface-alt); }
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error,
body .woocommerce-noreviews {
border: 1px solid var(--pwp-border);
padding: var(--pwp-space-4) var(--pwp-space-5);
padding-left: calc(var(--pwp-space-5) + 4px);
}
body .woocommerce-info::before,
body .woocommerce-message::before,
body .woocommerce-error::before { display: block; }
.woocommerce-info.rutherford-deals,
.woocommerce-info.rutherford-deals :is(h1, h2, h3, h4, p, li, strong) { color: #ffffff; }
body div.woocommerce-info a,
body div.woocommerce-message a,
body div.woocommerce-error a,
body ul.woocommerce-error a {
color: var(--pwp-teal-action);
text-decoration: underline;
text-underline-offset: 3px;
font-weight: var(--pwp-weight-semibold);
}
body div.woocommerce-info a:not(.button):is(:hover, :focus),
body div.woocommerce-message a:not(.button):is(:hover, :focus),
body div.woocommerce-error a:not(.button):is(:hover, :focus),
body ul.woocommerce-error a:not(.button):is(:hover, :focus) {
color: var(--pwp-color-link-hover);
}
.woocommerce-info a + a,
.woocommerce-message a + a { margin-left: var(--pwp-space-4); }
.woocommerce .button,
.woocommerce input.button,
.woocommerce button.button,
input.button,
button.button,
input[type="submit"].button {
min-height: var(--pwp-tap);
padding: 12px 24px;
border-radius: var(--pwp-radius-md);
font-family: var(--pwp-font);
font-size: 0.9375rem;
font-weight: var(--pwp-weight-bold);
line-height: 1.2;
text-transform: none;
box-sizing: border-box;
}
body.pwp-transparent-header .entry-content > .alignfull:first-child {
margin-top: -40px;
}
@media (max-width: 768px) {
body.pwp-transparent-header .entry-content > .alignfull:first-child {
margin-top: -30px;
}
}
body.pwp-has-page-hero .entry-header,
body.featured-image-active .entry-header {
color: #ffffff;
}
[data-theme="dark"] .entry-header:not([style]),
html[data-theme="auto"] .entry-header:not([style]) {
color: var(--pwp-ink);
}
.overviewContainer > h2 {
text-align: center;
}
#add-pass-button {
margin: 0 var(--pwp-space-3) var(--pwp-space-3) 0;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button {
min-height: var(--pwp-tap);
height: auto;
padding: 14px 24px;
font-size: 1rem;
line-height: 1.25;
}
#pwp-recipient-names-container input[type="text"],
.woo-vou-name-input input[type="text"],
.pass-container input[type="text"] {
min-height: var(--pwp-input-height);
padding: 10px 14px;
border: 1px solid var(--pwp-control-border);
border-radius: var(--pwp-radius-md);
background: var(--pwp-surface);
color: var(--pwp-ink);
font: inherit;
font-size: var(--pwp-size-body);
}
#pwp-recipient-names-container input[type="text"]:focus,
.pass-container input[type="text"]:focus {
outline: none;
border-color: var(--pwp-focus);
box-shadow: var(--pwp-focus-ring);
}
body.pwp-has-page-hero .entry-header {
position: relative;
isolation: isolate;
overflow: hidden;
height: auto;
min-height: 220px;
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
text-align: left;
padding: var(--pwp-space-6) var(--pwp-space-5);
margin: 0;
background-color: var(--pwp-night, #111827);
background-image: var(--pwp-page-hero);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.pwp-has-page-hero .entry-header::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: linear-gradient(
to top,
rgba(0, 0, 0, .84) 0,
rgba(0, 0, 0, .66) 96px,
rgba(0, 0, 0, .30) 184px,
rgba(0, 0, 0, 0) 268px
);
}
body.pwp-has-page-hero .entry-header .entry-title,
body.pwp-has-page-hero .entry-header :is(h1, h2, h3),
body.pwp-has-page-hero .entry-header a {
color: #ffffff;
margin: 0;
text-align: left;
display: block;
text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
body.pwp-has-page-hero .entry-header .entry-title {
font-size: var(--pwp-size-heading);
line-height: var(--pwp-leading-tight);
letter-spacing: var(--pwp-tracking-display);
}
body.pwp-has-page-hero .entry-header .valid-date {
color: #ffffff;
}
body.pwp-has-page-hero .entry-content { margin-top: var(--pwp-space-5); }
body.pwp-has-page-hero .page-header-image-single,
body.pwp-has-page-hero .page-header-image { display: none; }
@media (min-width: 768px) {
body.pwp-has-page-hero .entry-header {
min-height: 300px;
padding: var(--pwp-space-8) var(--pwp-space-7);
}
body.pwp-has-page-hero .entry-header .entry-title { font-size: var(--pwp-size-display); }
}
body:not(.pwp-has-page-hero).featured-image-active .entry-header,
body:not(.pwp-has-page-hero).featured-image-active .entry-header :is(h1, h2, h3, a) { color: #ffffff; }
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: wrap;
gap: var(--pwp-space-2);
margin: 0 0 var(--pwp-space-6);
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation li { margin: 0; border: 0; }
body .woocommerce-MyAccount-navigation li a {
display: inline-flex;
align-items: center;
gap: var(--pwp-space-2);
box-sizing: border-box;
min-height: var(--pwp-tap);
padding: 8px 16px;
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-pill);
font-size: 0.9375rem;
background-color: var(--pwp-surface);
color: var(--pwp-text-body);
text-decoration: none;
font-weight: var(--pwp-weight-semibold);
line-height: 1.2;
transition:
background-color var(--pwp-duration-fast) var(--pwp-ease-out),
border-color var(--pwp-duration-fast) var(--pwp-ease-out),
color var(--pwp-duration-fast) var(--pwp-ease-out),
transform var(--pwp-duration-fast) var(--pwp-ease-out),
box-shadow var(--pwp-duration-fast) var(--pwp-ease-out);
}
body .woocommerce-MyAccount-navigation li a:hover {
background-color: rgba(15, 118, 110, .08);
border: 1px solid var(--pwp-teal-action);
color: var(--pwp-teal-action);
transform: translateY(-1px);
}
body .woocommerce-MyAccount-navigation li a:active {
transform: translateY(0) scale(.98);
transition-duration: 80ms;
}
body .woocommerce-MyAccount-navigation li a:focus-visible {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 2px;
}
body .woocommerce-MyAccount-navigation li.is-active a {
background-color: var(--pwp-teal-action);
border: 1px solid var(--pwp-teal-action);
color: var(--pwp-on-action);
}
body .woocommerce-MyAccount-navigation li.pwp-account-nav__item--primary a {
background-color: color-mix(in srgb, var(--pwp-teal-action) 8%, transparent);
border: 1px solid var(--pwp-teal-action);
color: var(--pwp-teal-action);
font-weight: var(--pwp-weight-bold);
}
body .woocommerce-MyAccount-navigation li.pwp-account-nav__item--primary a:hover {
background-color: color-mix(in srgb, var(--pwp-teal-action) 16%, transparent);
border: 1px solid var(--pwp-teal-action);
color: var(--pwp-teal-action-hover);
}
@supports not (color: color-mix(in srgb, red 50%, transparent)) {
body .woocommerce-MyAccount-navigation li.pwp-account-nav__item--primary a {
background-color: var(--pwp-surface);
}
}
body .woocommerce-MyAccount-navigation li.pwp-account-nav__item--primary.is-active a {
background-color: var(--pwp-teal-action);
border: 1px solid var(--pwp-teal-action);
color: var(--pwp-on-action);
}
body .woocommerce-MyAccount-navigation li.is-active a:hover {
background-color: var(--pwp-teal-action-hover);
border: 1px solid var(--pwp-teal-action-hover);
color: var(--pwp-on-action);
box-shadow: var(--pwp-shadow-button);
}
body .woocommerce-MyAccount-navigation li.is-active a::after { content: none; }
.woocommerce-MyAccount-navigation a .pwp-account-nav__icon {
display: inline-block;
width: 16px;
height: 16px;
flex: 0 0 auto;
border: 0;
border-radius: 0;
background: none;
cursor: inherit;
fill: currentColor;
color: currentColor;
}
.woocommerce-MyAccount-navigation a:hover .pwp-account-nav__icon { border-color: transparent; }
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
margin: 0 0 var(--pwp-space-6);
padding-bottom: var(--pwp-space-5);
border-bottom: 1px solid var(--pwp-border);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content { margin-top: 0; }
.woocommerce td.download-file a.button,
.woocommerce-page td.download-file a.button {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
margin: 0 0 var(--pwp-space-2);
box-sizing: border-box;
min-width: 140px;
min-height: var(--pwp-tap);
padding: 12px 20px;
text-align: center;
}
.woocommerce td.download-file a.button + a.button,
.woocommerce-page td.download-file a.button + a.button {
margin-left: var(--pwp-space-2);
}
.woocommerce td.download-file,
.woocommerce-page td.download-file { padding-bottom: calc(var(--pwp-space-3) - var(--pwp-space-2)); }
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-file.button.alt,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-file.button.alt {
background-color: var(--pwp-teal-action);
color: var(--pwp-on-action);
border: 1px solid transparent;
}
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-file.button.alt:hover,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-file.button.alt:hover {
background-color: var(--pwp-teal-action-hover);
}
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-extend-button.button,
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-renew-button.button,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-extend-button.button,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-renew-button.button {
background-color: transparent;
color: var(--pwp-money-text);
border: 1px solid var(--pwp-money-text);
}
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-extend-button.button:hover,
.woocommerce td.download-file a.woocommerce-MyAccount-downloads-renew-button.button:hover,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-extend-button.button:hover,
.woocommerce-page td.download-file a.woocommerce-MyAccount-downloads-renew-button.button:hover {
background-color: var(--pwp-money);
color: #ffffff;
}
.pwp-phone { display: flex; justify-content: center; }
.pwp-phone__frame {
position: relative;
width: min(300px, 78vw);
padding: 10px;
box-sizing: border-box;
border-radius: 44px;
background:
linear-gradient(145deg, #3a4150 0%, var(--pwp-night) 26%, #05070b 72%, #2b313d 100%);
box-shadow:
0 6px 12px -6px rgba(8, 11, 18, .7),
0 34px 70px -28px rgba(8, 11, 18, .55),
inset 0 1px 0 0 rgba(255, 255, 255, .22),
inset 0 0 0 1px rgba(255, 255, 255, .10),
inset 0 -1px 0 0 rgba(255, 255, 255, .06);
}
.pwp-phone__frame::before {
content: "";
position: absolute;
top: 17%;
left: -2px;
width: 3px;
height: 26px;
border-radius: 2px;
background: linear-gradient(90deg, #454c5a, #1a1f27);
box-shadow:
0 44px 0 0 #333a46,
0 82px 0 0 #333a46,
calc(100% + 4px) 60px 0 0 #333a46;
z-index: 3;
pointer-events: none;
}
.pwp-phone__frame::after {
content: "";
position: absolute;
inset: 10px;
border-radius: 34px;
pointer-events: none;
z-index: 2;
background: linear-gradient(118deg, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, .05) 18%, rgba(255, 255, 255, 0) 38%);
box-shadow:
inset 0 2px 3px -1px rgba(0, 0, 0, .55),
inset 0 -1px 2px 0 rgba(255, 255, 255, .07);
}
.pwp-phone__island {
position: absolute; top: 22px; left: 50%; transform: translateX(-50%);
width: 84px; height: 22px; border-radius: var(--pwp-radius-pill);
background: #05070b; z-index: 2;
}
.pwp-phone__screen {
display: block; width: 100%; height: auto;
aspect-ratio: var(--pwp-phone-ratio, 9 / 19.5);
object-fit: cover; border-radius: 34px; background: var(--pwp-surface);
}
.pwp-phone__shots {
display: grid;
border-radius: 34px;
overflow: hidden;
}
.pwp-phone__shots > .pwp-phone__screen {
grid-area: 1 / 1;
opacity: 0;
z-index: 0;
transition: opacity 0s linear var(--pwp-shot-fade, 220ms);
}
.pwp-phone__shots > .pwp-phone__screen.is-active {
opacity: 1;
z-index: 1;
transition: opacity var(--pwp-shot-fade, 220ms) var(--pwp-ease-out, ease) 0s;
}
@media (prefers-reduced-motion: reduce) {
.pwp-phone__shots > .pwp-phone__screen,
.pwp-phone__shots > .pwp-phone__screen.is-active { transition-duration: 0s; transition-delay: 0s; }
}
.pwp-phone-shots {
display: none !important;
}
.pwp-phone__screen--placeholder {
display: grid; place-items: center; text-align: center;
background: linear-gradient(160deg, var(--pwp-teal-deep, #0e6b69) 0%, var(--pwp-night) 100%);
color: #fff; font-weight: var(--pwp-weight-semibold); padding: var(--pwp-space-5);
}
.pwp-phone__screen--placeholder small { display: block; margin-top: var(--pwp-space-2); font-weight: 400; opacity: .8; }
.pwp-actions--stores { display: flex; flex-wrap: wrap; gap: var(--pwp-space-3); margin: var(--pwp-space-6) 0; }
.pwp-actions--stores.pwp-center { justify-content: center; }
.pwp-storebtn {
display: inline-flex; align-items: center; gap: var(--pwp-space-3);
min-height: 54px; padding: 8px 20px; box-sizing: border-box;
border: 1px solid var(--pwp-ink); border-radius: var(--pwp-radius-md);
background: var(--pwp-ink); color: #fff; text-decoration: none;
transition: background-color var(--pwp-duration-fast) var(--pwp-ease-out),
transform var(--pwp-duration-fast) var(--pwp-ease-out);
}
.pwp-storebtn:hover { background: #000; color: #fff; transform: translateY(-1px); }
.pwp-storebtn span { display: flex; flex-direction: column; line-height: 1.15; font-weight: var(--pwp-weight-bold); font-size: 1.0625rem; }
.pwp-storebtn small { font-size: var(--pwp-size-caption); font-weight: 400; opacity: .85; }
.pwp-storebtn--on-dark { background: #fff; color: var(--pwp-ink); border-color: #fff; }
.pwp-storebtn--on-dark:hover { background: #f1f5f9; color: var(--pwp-ink); }
.pwp-hero--app {
min-height: 0;
padding-block: var(--pwp-section-y-lg);
position: relative;
isolation: isolate;
background-color: var(--pwp-night);
background-image: var(--pwp-home-hero);
background-size: cover;
background-position: center;
}
.pwp-hero--app::before {
content: "";
position: absolute; inset: 0; z-index: -1;
background: linear-gradient(100deg, rgba(8, 11, 18, .94) 0%, rgba(8, 11, 18, .82) 46%, rgba(8, 11, 18, .58) 100%);
}
.pwp-hero--app .pwp-storebtn {
background: var(--pwp-teal-action);
color: var(--pwp-on-action);
border-color: var(--pwp-teal-action);
}
.pwp-hero--app .pwp-storebtn:hover {
background: var(--pwp-teal-action-hover);
border-color: var(--pwp-teal-action-hover);
color: var(--pwp-on-action);
}
.pwp-hero__join { color: var(--pwp-teal-light); font-weight: var(--pwp-weight-semibold); }
.pwp-split--app { display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--pwp-space-9); align-items: center; }
.pwp-hero--app .pwp-hero__copy { color: #fff; }
.pwp-hero--app .pwp-display { color: #fff; }
.pwp-hero--app .pwp-display em { font-style: normal; color: var(--pwp-teal-light); }
.pwp-hero--app .pwp-lede { color: #e9f2f1; }
.pwp-hero__proof { display: flex; align-items: center; gap: var(--pwp-space-4); flex-wrap: wrap; }
.pwp-hero--app { padding-block: var(--pwp-section-y); }
.pwp-hero--app .pwp-muted { color: #cfe4e2; }
.pwp-grid--3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pwp-space-5); }
@media (max-width: 899px) {
.pwp-split--app { grid-template-columns: 1fr; gap: var(--pwp-space-7); }
.pwp-phone__frame { width: min(212px, 54vw); border-radius: 32px; padding: 8px; }
.pwp-phone__screen { border-radius: 25px; }
.pwp-phone__island { top: 16px; width: 62px; height: 16px; }
.pwp-grid--3 { grid-template-columns: 1fr; }
.pwp-actions--stores .pwp-storebtn { flex: 1 1 auto; justify-content: center; }
}
.pwp-tripfirst__panel {
background: var(--pwp-surface-alt);
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-lg);
padding: var(--pwp-space-7);
}
.pwp-tripfirst__panel h2 { margin-top: var(--pwp-space-2); }
.pwp-tripfirst__panel h2 em { font-style: normal; color: var(--pwp-teal-action); }
.pwp-tripfirst__panel .pwp-lede { max-width: 62ch; }
.pwp-checklist--inline {
display: flex; flex-wrap: wrap; gap: var(--pwp-space-3) var(--pwp-space-7);
margin: var(--pwp-space-5) 0 0;
}
.pwp-checklist--inline li { flex: 1 1 240px; }
@media (max-width: 767px) {
.pwp-tripfirst__panel { padding: var(--pwp-space-6) var(--pwp-space-5); }
.pwp-checklist--inline { display: block; }
}
.pwp-homeapp h2 {
font-size: var(--pwp-size-heading);
line-height: var(--pwp-leading-snug);
letter-spacing: -0.01em;
margin: 0 0 var(--pwp-space-3);
}
.pwp-homeapp h3 { font-size: var(--pwp-size-subtitle); }
.pwp-homeapp .pwp-overline { margin-bottom: var(--pwp-space-2); }
.pwp-homeapp .pwp-section { padding-block: var(--pwp-section-y); }
.pwp-homeapp .pwp-section > .pwp-container > .pwp-grid,
.pwp-homeapp .pwp-section > .pwp-container > .pwp-steps,
.pwp-homeapp .pwp-section > .pwp-container > .pwp-compare { margin-top: var(--pwp-space-6); }
.pwp-homeapp .pwp-card { border-radius: var(--pwp-radius-md); }
.pwp-homeapp .pwp-stats { list-style: none; padding-left: 0; }
.pwp-homeapp .pwp-stats li { display: flex; flex-direction: column; gap: var(--pwp-space-1); }
.pwp-homeapp .pwp-stats strong { font-size: var(--pwp-size-heading); line-height: 1.1; }
.pwp-homeapp .pwp-stats span { font-size: var(--pwp-size-meta); opacity: .85; }
.pwp-cta-band .pwp-storebtn--on-dark,
.pwp-cta-band .pwp-storebtn--on-dark span,
.pwp-cta-band .pwp-storebtn--on-dark small { color: var(--pwp-ink); }
.pwp-cta-band .pwp-storebtn--on-dark .pwp-icon { fill: var(--pwp-ink); color: var(--pwp-ink); }
.pwp-homeapp .pwp-grid--3 { align-items: stretch; }
.pwp-homeapp .pwp-grid--3 .pwp-card { display: flex; flex-direction: column; }
.pwp-tripfirst__demo { display: grid; grid-template-columns: minmax(0, 420px); gap: var(--pwp-space-3); margin-top: var(--pwp-space-6); }
.pwp-trip__name { margin: 0; font-size: var(--pwp-size-title); font-weight: var(--pwp-weight-bold); }
.pwp-trip__stop { display: flex; align-items: center; justify-content: space-between; gap: var(--pwp-space-3); }
.pwp-trip__total {
display: flex; align-items: baseline; justify-content: space-between;
margin: 0; padding-top: var(--pwp-space-3); border-top: 1px solid var(--pwp-border);
}
.pwp-trip__total span { font-weight: var(--pwp-weight-semibold); }
.pwp-trip__total strong { font-size: var(--pwp-size-heading); color: var(--pwp-money); }
.pwp-tripfirst__note { margin: 0; }
.pwp-homeapp .pwp-stats li:nth-child(1) strong,
.pwp-homeapp .pwp-stats li:nth-child(3) strong { font-size: var(--pwp-size-display); }
.pwp-homeapp .pwp-stats li:nth-child(2) strong,
.pwp-homeapp .pwp-stats li:nth-child(4) strong { font-size: var(--pwp-size-title); opacity: .92; }
.pwp-compare-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pwp-space-5); align-items: stretch; }
@media (max-width: 767px) {
.pwp-compare-pair { grid-template-columns: 1fr; gap: var(--pwp-space-4); }
}
.woocommerce-cart .woocommerce table.shop_table td {
background: var(--pwp-surface);
}
table.shop_table tr.recurring-total,
table.shop_table tr.recurring-totals {
background-color: color-mix(in srgb, var(--pwp-money) 10%, transparent);
}
@supports not (color: color-mix(in srgb, red 50%, transparent)) {
table.shop_table tr.recurring-total,
table.shop_table tr.recurring-totals {
background-color: transparent;
}
}
.woocommerce-checkout .overlay {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
padding: var(--pwp-space-3);
background: rgb(0 0 0 / .6);
visibility: hidden;
opacity: 0;
transition: opacity .2s, visibility .2s;
}
.woocommerce-checkout .overlay:target { visibility: visible; opacity: 1; }
.woocommerce-checkout .overlay .popup {
position: relative;
width: 100%;
max-width: 520px;
max-height: 85vh;
overflow: auto;
margin: 0;
padding: var(--pwp-space-5) var(--pwp-space-4) var(--pwp-space-4);
background: var(--pwp-color-surface);
color: var(--pwp-color-text);
border-radius: var(--pwp-radius-lg);
box-shadow: var(--pwp-shadow-raised);
}
.woocommerce-checkout .overlay .popup h2 { display: none; }
.woocommerce-checkout .overlay .popup .close {
position: absolute;
top: var(--pwp-space-2);
right: var(--pwp-space-2);
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
font-size: 28px;
line-height: 1;
text-decoration: none;
color: var(--pwp-text-secondary);
border-radius: var(--pwp-radius-md);
}
.woocommerce-checkout .overlay .popup .close:hover,
.woocommerce-checkout .overlay .popup .close:focus-visible { color: var(--pwp-color-text); background: var(--pwp-color-border); }
.woocommerce-checkout .overlay .popup .content {
font-size: var(--pwp-size-body);
line-height: var(--pwp-leading-body);
}
.woocommerce-checkout #auto_renew { scroll-margin-top: 33vh; }
@media (prefers-reduced-motion: reduce) {
.woocommerce-checkout .overlay { transition: none; }
}
.woocommerce-cart,
.woocommerce-cart .site-content {
background-color: var(--pwp-page);
}
.single-product .entry-summary {
background: var(--pwp-surface);
}
.quickLink-container a.quickLink,
a.quickLink {
background: rgba(17, 24, 39, .72);
color: var(--pwp-white);
}
.quickLink-container a.quickLink:hover,
a.quickLink:hover {
background: rgba(17, 24, 39, .85);
}
.pwp-rate {
font-size: var(--pwp-size-display);
font-weight: var(--pwp-weight-bold);
line-height: 1.1;
letter-spacing: var(--pwp-tracking-display);
color: var(--pwp-teal-action);
font-variant-numeric: tabular-nums;
margin: 0;
}
.pwp-planner { padding-block: var(--pwp-section-y-lg); background: var(--pwp-surface); }
.pwp-planner__inner {
max-width: 1180px; margin: 0 auto; padding-inline: var(--pwp-gutter);
display: grid; grid-template-columns: 1fr 1fr; gap: var(--pwp-space-9); align-items: center;
}
.pwp-planner__title { font-size: var(--pwp-size-display); line-height: var(--pwp-leading-tight); letter-spacing: var(--pwp-tracking-display); margin: var(--pwp-space-2) 0 var(--pwp-space-4); }
.pwp-planner__lede { font-size: 1.125rem; line-height: 1.6; max-width: 46ch; color: var(--pwp-text-body); }
.pwp-planner__actions { margin: var(--pwp-space-6) 0 var(--pwp-space-3); }
.pwp-planner__note { font-size: var(--pwp-size-meta); color: var(--pwp-text-body); margin: 0; }
.pwp-planner__demo { display: grid; gap: var(--pwp-space-3); justify-items: stretch; }
@media (max-width: 899px) {
.pwp-planner { padding-block: var(--pwp-section-y); }
.pwp-planner__inner { grid-template-columns: 1fr; gap: var(--pwp-space-6); }
.pwp-planner__title { font-size: var(--pwp-size-heading); }
}
.pwp-planner__demo { position: relative; display: grid; gap: var(--pwp-space-4); justify-items: center; }
.pwp-planner__demo .pwp-phone__frame { width: min(258px, 62vw); }
.pwp-planner__card { width: 100%; max-width: 420px; }
@media (min-width: 900px) {
.pwp-planner__demo { justify-items: end; padding-bottom: var(--pwp-space-8); }
.pwp-planner__card {
position: absolute; left: 0; bottom: var(--pwp-space-6); z-index: 2;
width: 300px; box-shadow: var(--pwp-shadow-raised);
}
}
.pwp-storebtn--teal { background: var(--pwp-teal-action); border-color: var(--pwp-teal-action); color: var(--pwp-on-action); }
.pwp-storebtn--teal:hover { background: var(--pwp-teal-action-hover); border-color: var(--pwp-teal-action-hover); color: var(--pwp-on-action); }
@media (max-width: 899px) {
.pwp-stores { display: flex; flex-wrap: wrap; gap: var(--pwp-space-3); }
.pwp-stores .pwp-storebtn { flex: 1 1 200px; justify-content: center; }
}
.pwp-btn--money,
body .wp-block-button.pwp-cta-purple .wp-block-button__link,
body .pwp-cta-purple .wp-block-button__link,
body.pwp-page .entry-content .wine-pass-card a:is(.wp-element-button, .wp-block-button__link) {
background-image: linear-gradient(
180deg,
var(--pwp-money-lift) 0%,
var(--pwp-money) 58%,
var(--pwp-money-hover) 100%
) !important;
}
.pwp-btn--action,
.pwp-storebtn--teal {
background-image: linear-gradient(
180deg,
var(--pwp-teal-lift) 0%,
var(--pwp-teal-action) 58%,
var(--pwp-teal-action-hover) 100%
) !important;
}
.pwp-btn--money:hover,
.pwp-btn--action:hover,
.pwp-storebtn--teal:hover,
body .wp-block-button.pwp-cta-purple .wp-block-button__link:hover,
body .pwp-cta-purple .wp-block-button__link:hover {
background-image: none !important;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
body .pwp-hero__title em {
background-image: linear-gradient(100deg, var(--pwp-teal) 0%, var(--pwp-teal-soft) 52%, var(--pwp-teal-light) 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-style: normal;
}
}
.pwp-phone {
perspective: 1400px;
perspective-origin: 50% 40%;
}
.pwp-phone__frame {
transform: translate3d(0, var(--pwp-phone-parallax, 0px), 0) rotateY(-4deg) rotateX(1.5deg);
transform-style: preserve-3d;
box-shadow:
0 4px 10px -4px rgba(8, 11, 18, .75),
0 40px 80px -30px rgba(8, 11, 18, .6),
0 24px 60px -34px rgba(78, 205, 196, .28),
inset 0 1px 0 0 rgba(255, 255, 255, .26),
inset 0 0 0 1px rgba(255, 255, 255, .11),
inset 0 -1px 0 0 rgba(255, 255, 255, .07);
}
.pwp-phone__glare {
position: absolute;
inset: 10px;
border-radius: 34px;
overflow: hidden;
pointer-events: none;
z-index: 3;
}
.pwp-phone__glare::before {
content: "";
position: absolute;
top: -60%;
left: -140%;
width: 120%;
height: 220%;
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, .10) 42%,
rgba(255, 255, 255, .22) 50%,
rgba(255, 255, 255, .10) 58%,
rgba(255, 255, 255, 0) 100%
);
transform: rotate(8deg) translate3d(0, 0, 0);
animation: pwp-phone-sheen 7s cubic-bezier(.4, 0, .25, 1) infinite;
}
@keyframes pwp-phone-sheen {
0%,
62% { transform: rotate(8deg) translate3d(0, 0, 0); }
100% { transform: rotate(8deg) translate3d(260%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
.pwp-phone__glare::before {
animation: none;
transform: rotate(8deg) translate3d(120%, 0, 0);
}
.pwp-phone__frame { transform: none; }
}
.pwp-phone {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
.pwp-phone::before {
content: "";
position: absolute;
inset: 4% 0 -3% 0;
z-index: -1;
border-radius: 46px;
background: rgba(10, 14, 22, .3);
filter: blur(34px);
transform: translate3d(30px, 40px, 0) scale(.93, .97);
animation: pwp-phone-shadow 7s cubic-bezier(.4, 0, .25, 1) infinite;
pointer-events: none;
}
@keyframes pwp-phone-shadow {
0%,
62% { transform: translate3d(30px, 40px, 0) scale(.93, .97); }
100% { transform: translate3d(16px, 44px, 0) scale(.95, .99); }
}
.pwp-phone__frame {
box-shadow:
0 0 0 1px rgba(8, 11, 18, .04),
1px 1px 2px rgba(8, 11, 18, .07),
2px 3px 4px rgba(8, 11, 18, .07),
4px 6px 8px rgba(8, 11, 18, .07),
8px 12px 16px rgba(8, 11, 18, .07),
16px 24px 32px rgba(8, 11, 18, .07),
28px 44px 60px rgba(8, 11, 18, .06),
14px 30px 54px -30px rgba(78, 205, 196, .3),
inset 0 1px 0 0 rgba(255, 255, 255, .26),
inset 0 0 0 1px rgba(255, 255, 255, .11),
inset 0 -1px 0 0 rgba(255, 255, 255, .07);
}
@media (prefers-reduced-motion: reduce) {
.pwp-phone::before {
animation: none;
}
}
body.woocommerce-checkout,
body.woocommerce-checkout .site-content,
body.woocommerce-cart,
body.woocommerce-cart .site-content {
background-color: var(--pwp-page);
}
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .woocommerce-checkout-review-order {
background: var(--pwp-surface);
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-lg);
padding: var(--pwp-space-5);
}
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
background: transparent;
}
body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout ul.wc_payment_methods,
body.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
background: var(--pwp-surface) !important;
color: var(--pwp-text-body);
}
body.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-md);
}
.woocommerce table.shop_table {
background: var(--pwp-surface);
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-md);
border-collapse: separate;
border-spacing: 0;
overflow: visible;
}
.woocommerce table.shop_table thead th {
background: var(--pwp-surface-alt);
color: var(--pwp-text-secondary);
font-size: var(--pwp-size-meta);
font-weight: var(--pwp-weight-semibold);
letter-spacing: var(--pwp-tracking-label);
text-transform: uppercase;
padding: 14px 16px;
border-bottom: 1px solid var(--pwp-border);
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th {
background: var(--pwp-surface-alt);
color: var(--pwp-ink);
font-size: var(--pwp-size-body);
font-weight: var(--pwp-weight-semibold);
letter-spacing: 0;
text-transform: none;
padding: 14px 16px;
border-top: 1px solid var(--pwp-border);
}
.woocommerce table.shop_table thead tr:first-child th:first-child { border-top-left-radius: var(--pwp-radius-md); }
.woocommerce table.shop_table thead tr:first-child th:last-child { border-top-right-radius: var(--pwp-radius-md); }
.woocommerce table.shop_table tfoot tr:last-child th:first-child,
.woocommerce table.shop_table tbody tr:last-child th:first-child { border-bottom-left-radius: var(--pwp-radius-md); }
.woocommerce table.shop_table tfoot tr:last-child td:last-child,
.woocommerce table.shop_table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--pwp-radius-md); }
@media (max-width: 600px) {
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table td {
padding: 12px 10px;
}
.woocommerce table.shop_table thead th {
letter-spacing: 0.06em;
}
}
.woocommerce table.shop_table td {
background: var(--pwp-surface);
color: var(--pwp-text-body);
border-top: 1px solid var(--pwp-border);
padding: 16px;
vertical-align: middle;
}
.woocommerce table.shop_table thead + tbody tr:first-child td {
border-top: 0;
}
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table .order-total td {
color: var(--pwp-ink);
}
.woocommerce table.shop_table .order-total th,
.woocommerce table.shop_table .order-total td {
background: var(--pwp-surface-alt);
font-size: var(--pwp-size-body);
text-transform: none;
letter-spacing: 0;
color: var(--pwp-ink);
}
.woocommerce .woo-vou-expiration-notification-main,
.woo-vou-expiration-notification-main.woocommerce-error,
.woo-vou-expiration-notification-main {
background: var(--pwp-teal-chip) !important;
border: 1px solid var(--pwp-teal-chip-line) !important;
border-left: 4px solid var(--pwp-teal-action) !important;
border-radius: var(--pwp-radius-md);
color: var(--pwp-ink);
padding: var(--pwp-space-4);
list-style: none;
box-sizing: border-box;
}
.woo-vou-expiration-notification-main::before {
display: none !important;
}
.woo-vou-expiration-notification-main h4 {
color: var(--pwp-ink);
font-size: var(--pwp-size-body);
font-weight: var(--pwp-weight-semibold);
margin: 0 0 var(--pwp-space-3);
text-align: center;
}
.woo-vou-expiration-notification-links {
display: flex;
flex-wrap: wrap;
gap: var(--pwp-space-3);
justify-content: center;
}
.woo-vou-expiration-notification-links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 18px;
border-radius: var(--pwp-radius-md);
font-weight: var(--pwp-weight-semibold);
text-decoration: none !important;
text-align: center;
line-height: 1.25;
box-sizing: border-box;
max-width: 100%;
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
}
.woo-vou-expiration-notification-links a.woo-vou-expiration-notification-continue {
background: var(--pwp-money);
color: #fff;
border: 1px solid transparent;
}
body.woocommerce-checkout .woo-vou-expiration-notification-links a#customer_details.woo-vou-expiration-notification-continue,
body .woo-vou-expiration-notification-links a.woo-vou-expiration-notification-continue {
background: var(--pwp-money);
color: #fff;
}
.woo-vou-expiration-notification-links a:not(.woo-vou-expiration-notification-continue) {
background: var(--pwp-surface);
color: var(--pwp-teal-action);
border: 1px solid var(--pwp-border);
}
@media (max-width: 600px) {
.woo-vou-expiration-notification-links {
flex-direction: column;
}
.woo-vou-expiration-notification-links a {
width: 100%;
flex: 0 0 auto;
}
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .form-row label.checkbox,
.woocommerce-checkout label.checkbox,
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout .woocommerce-shipping-fields label {
display: flex;
align-items: flex-start;
gap: var(--pwp-space-2);
font-size: var(--pwp-size-body);
font-weight: var(--pwp-weight-normal);
line-height: 1.45;
color: var(--pwp-text-body);
cursor: pointer;
margin: 0;
}
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
font-size: var(--pwp-size-body);
font-weight: var(--pwp-weight-normal);
margin: 0;
}
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-checkout label.checkbox input[type="checkbox"],
.woocommerce-checkout #ship-to-different-address input[type="checkbox"] {
width: 20px;
height: 20px;
min-width: 20px;
margin: 1px 0 0;
accent-color: var(--pwp-teal-action);
}
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
margin-top: var(--pwp-space-4);
}
.woocommerce-checkout .entry-header::before {
background-image: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
display: none !important;
}
.woocommerce-checkout .entry-header {
display: flex;
align-items: center;
justify-content: center;
gap: var(--pwp-space-2);
padding: var(--pwp-space-4) 0 var(--pwp-space-2);
color: var(--pwp-text-secondary);
font-size: var(--pwp-size-meta);
font-weight: var(--pwp-weight-semibold);
letter-spacing: var(--pwp-tracking-label);
text-transform: uppercase;
}
.woocommerce-checkout .entry-header::after {
content: "Secure checkout";
display: inline-flex;
align-items: center;
gap: var(--pwp-space-2);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left center;
background-size: 16px 16px;
padding-left: 22px;
line-height: 1.6;
}
html[data-theme="dark"] :is(.has-base-2-background-color, .has-base-background-color,
.has-white-background-color, .has-very-light-gray-background-color) {
background-color: var(--pwp-surface-alt) !important;
}
html[data-theme="dark"] :is(.has-base-2-background-color, .has-white-background-color,
.has-very-light-gray-background-color) :is(h1, h2, h3, h4, p, li, span):not([class*="button"]) {
color: var(--pwp-ink);
}
html[data-theme="dark"] :is(.has-black-color, .has-very-dark-gray-color) {
color: var(--pwp-ink) !important;
}
@media (prefers-color-scheme: dark) {
html:not([data-theme="light"]) :is(.has-base-2-background-color, .has-base-background-color,
.has-white-background-color, .has-very-light-gray-background-color) {
background-color: var(--pwp-surface-alt) !important;
}
html:not([data-theme="light"]) :is(.has-base-2-background-color, .has-white-background-color,
.has-very-light-gray-background-color) :is(h1, h2, h3, h4, p, li, span):not([class*="button"]) {
color: var(--pwp-ink);
}
html:not([data-theme="light"]) :is(.has-black-color, .has-very-dark-gray-color) {
color: var(--pwp-ink) !important;
}
}
html[data-theme="dark"] [style*="background-color:#f1f1f1"],
html[data-theme="dark"] [style*="background-color: #f1f1f1"],
html[data-theme="dark"] [style*="background-color:#f6f5f2"],
html[data-theme="dark"] [style*="background-color: #f6f5f2"] {
background-color: var(--pwp-surface-alt) !important;
}
@media (prefers-color-scheme: dark) {
html:not([data-theme="light"]) [style*="background-color:#f1f1f1"],
html:not([data-theme="light"]) [style*="background-color: #f1f1f1"],
html:not([data-theme="light"]) [style*="background-color:#f6f5f2"],
html:not([data-theme="light"]) [style*="background-color: #f6f5f2"] {
background-color: var(--pwp-surface-alt) !important;
}
}
.pwp-badge--best {
background: var(--pwp-deal-accent) !important;
color: var(--pwp-deal-accent-on) !important;
}
html[data-theme="dark"] .yotpo-reviews-carousel-container .reviews-carousel-card-container,
html[data-theme="dark"] .yotpo-carousel .reviews-carousel-card-container,
html[data-theme="dark"] .yotpo-reviews-carousel-container .glide__slide > div {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-border) !important;
border-radius: var(--pwp-radius-md);
}
html[data-theme="dark"] .yotpo-reviews-carousel-container .reviews-carousel-card-container :is(div, span, p, a, h1, h2, h3, h4) {
color: var(--pwp-ink) !important;
}
html[data-theme="dark"] .yotpo-reviews-carousel-container :is(.yotpo-sr-bottom-line-text, .yotpo-sr-bottom-line-summary) {
color: var(--pwp-text-body) !important;
}
@media (prefers-color-scheme: dark) {
html:not([data-theme="light"]) .yotpo-reviews-carousel-container .reviews-carousel-card-container,
html:not([data-theme="light"]) .yotpo-carousel .reviews-carousel-card-container,
html:not([data-theme="light"]) .yotpo-reviews-carousel-container .glide__slide > div {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-border) !important;
border-radius: var(--pwp-radius-md);
}
html:not([data-theme="light"]) .yotpo-reviews-carousel-container .reviews-carousel-card-container :is(div, span, p, a, h1, h2, h3, h4) {
color: var(--pwp-ink) !important;
}
}
.yotpo :is(a.text-m, a.product-link-wrapper),
:is(.yotpo-read-more, .yotpo-read-more-btn, a.yotpo-reviews-carousel-seo-link-button, a.yotpo-logo-link-new) {
color: var(--pwp-color-link) !important;
}
.yotpo :is(a.text-m, a.product-link-wrapper):hover,
:is(.yotpo-read-more, .yotpo-read-more-btn, a.yotpo-reviews-carousel-seo-link-button, a.yotpo-logo-link-new):hover {
color: var(--pwp-color-link-hover) !important;
}
.wp-block-jetpack-contact-form :is(input.wp-block-jetpack-input, textarea.wp-block-jetpack-input),
.grunion-field-wrap :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea),
.pwp-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="date"], select, textarea),
.woo-vou-fields :is(input[type="text"], input[type="date"]),
.site-content .search-form input.search-field,
input.woo-vou-recipient-details,
.woocommerce div.product .woo-vou-name-field input {
box-sizing: border-box;
width: 100%;
min-height: var(--pwp-input-height);
padding: 10px 14px;
border: 1px solid var(--pwp-control-border, var(--pwp-border));
border-radius: var(--pwp-radius-md);
background-color: var(--pwp-surface);
color: var(--pwp-ink);
font-family: var(--pwp-font);
font-size: 1rem;
line-height: 1.4;
}
.wp-block-jetpack-contact-form :is(input.wp-block-jetpack-input, textarea.wp-block-jetpack-input):focus,
.grunion-field-wrap :is(input, textarea):focus,
.pwp-form :is(input, select, textarea):focus,
.woo-vou-fields input:focus,
.site-content .search-form input.search-field:focus,
input.woo-vou-recipient-details:focus {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 1px;
border-color: var(--pwp-teal-action);
}
.wp-block-jetpack-contact-form :is(input, textarea)::placeholder,
.grunion-field-wrap :is(input, textarea)::placeholder,
.pwp-form :is(input, textarea)::placeholder,
.site-content .search-form input.search-field::placeholder {
color: var(--pwp-text-secondary);
opacity: 1;
}
.site-content .search-form {
display: flex;
flex-wrap: wrap;
gap: var(--pwp-space-3);
align-items: stretch;
max-width: 560px;
}
.site-content .search-form label {
flex: 1 1 260px;
margin: 0;
display: block;
}
.site-content .search-form input.search-submit {
flex: 0 0 auto;
min-height: var(--pwp-input-height);
padding: var(--pwp-space-2) var(--pwp-space-5);
background: var(--pwp-teal-action);
color: var(--pwp-on-action);
border: 1px solid var(--pwp-teal-action);
border-radius: var(--pwp-radius-pill);
font-family: var(--pwp-font);
font-weight: var(--pwp-weight-semibold);
font-size: 1rem;
cursor: pointer;
}
.site-content .search-form input.search-submit:hover {
filter: brightness(0.92);
}
.wp-block-jetpack-contact-form :is(label, .grunion-label) {
color: var(--pwp-text-body);
font-weight: var(--pwp-weight-semibold);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
border-bottom: 1px solid var(--pwp-border);
padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom-color: var(--pwp-border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: transparent;
border: 1px solid transparent;
border-bottom: 0;
border-radius: var(--pwp-radius-md) var(--pwp-radius-md) 0 0;
box-shadow: none;
margin: 0 4px -1px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
:root .woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: var(--pwp-text-body);
font-weight: var(--pwp-weight-semibold);
text-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: var(--pwp-surface);
border-color: var(--pwp-border);
border-bottom: 1px solid var(--pwp-surface);
}
:root .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
:root .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--pwp-ink);
}
.prettyFileBar,
.prettyPagination,
.prettyMapList .prettyListItems > li.corePrettyStyle,
.FullMapPage .additionalDetail {
background: var(--pwp-surface) !important;
border-color: var(--pwp-border) !important;
color: var(--pwp-ink) !important;
}
.prettyMapList {
background: transparent !important;
}
.prettyMapList :is(h1, h2, h3, h4, h5, p, li, span, td, th, label, strong, em) {
color: var(--pwp-ink);
}
.prettyMapList a:not(.pwp-btn):not(.button):not(.pwp-winfo__link) {
color: var(--pwp-teal-action);
}
input.prettySearchValue,
.yotpo-search-input {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-border) !important;
color: var(--pwp-ink) !important;
border-radius: var(--pwp-radius-md) !important;
}
#MapAddressContainer,
#SingleMapLocation {
background: var(--pwp-surface) !important;
color: var(--pwp-ink) !important;
}
#MapAddressContainer :is(p, span, a, div) {
color: var(--pwp-ink) !important;
}
.inside-left-sidebar,
.widget-area.sidebar {
background: var(--pwp-page) !important;
}
.yotpo-reviews-cart-list .card-container,
li.yotpo-review-card .card-container {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-border) !important;
}
:is(.yotpo-reviews-cart-list, li.yotpo-review-card) :is(div, span, p, a) {
color: var(--pwp-ink) !important;
}
ul.menuDropDown {
background: var(--pwp-surface) !important;
border: 1px solid var(--pwp-border) !important;
border-radius: var(--pwp-radius-md) !important;
}
ul.menuDropDown li {
background: transparent !important;
color: var(--pwp-ink) !important;
border-color: var(--pwp-border) !important;
}
ul.menuDropDown li:hover,
ul.menuDropDown li.selected {
background: var(--pwp-surface-alt) !important;
color: var(--pwp-ink) !important;
}
a.customCatButton,
a.customCatButton.corePrettyStyle.btn {
background: var(--pwp-teal-action) !important;
border-color: var(--pwp-teal-action) !important;
color: var(--pwp-on-action) !important;
border-radius: var(--pwp-radius-pill) !important;
}
a.customCatButton:hover,
a.customCatButton.corePrettyStyle.btn:hover {
filter: brightness(0.92);
}
html[data-theme="dark"] :is(.offerList, .FullMapPage .offer) {
background: var(--pwp-surface-alt) !important;
border-color: var(--pwp-gold, #c89b4b) !important;
}
html[data-theme="dark"] :is(.offerList, .FullMapPage .offer) :is(h1, h2, h3, h4, p, li, span, strong):not(.offerValue):not(.pwp-deal-label):not(.pwp-deal-label + p):not(.offer > p:first-child) {
color: var(--pwp-ink) !important;
}
html[data-theme="dark"] :is(.cf-features li, .cf-wines li) {
background: var(--pwp-teal-chip) !important;
border: 1px solid var(--pwp-teal-chip-line) !important;
color: var(--pwp-ink) !important;
}
@media (prefers-color-scheme: dark) {
html:not([data-theme="light"]) :is(.offerList, .FullMapPage .offer) {
background: var(--pwp-surface-alt) !important;
border-color: var(--pwp-gold, #c89b4b) !important;
}
html:not([data-theme="light"]) :is(.offerList, .FullMapPage .offer) :is(h1, h2, h3, h4, p, li, span, strong):not(.offerValue):not(.pwp-deal-label):not(.pwp-deal-label + p):not(.offer > p:first-child) {
color: var(--pwp-ink) !important;
}
html:not([data-theme="light"]) :is(.cf-features li, .cf-wines li) {
background: var(--pwp-teal-chip) !important;
border: 1px solid var(--pwp-teal-chip-line) !important;
color: var(--pwp-ink) !important;
}
}
THE DEAL HEADLINE IS NO LONGER IN THIS LIST. Nolan asked it to match the
winery card, and the card reads --pwp-deal-text, which is the same brown by
day but teal at night where this token is gold. Keeping it here would have
meant the same sentence in two colors on two pages, and an !important that
the card's rule could never beat. The remaining selectors are the panel's
own headings and pseudo-elements, which the card has no counterpart for. */
.offerList::before,
.single-maplist .offer::before,
.single-maplist .buyOffer {
color: var(--pwp-amber-panel-ink, #4a2408) !important;
}
.savingsBadge,
.prettyMapList .savings,
[class*="savings"],
.offerValue {
color: #4a2408;
}
body.blog div#primary,
body.archive.category div#primary {
width: 100%;
max-width: 960px;
margin-inline: auto;
}
body.blog main.site-main,
body.archive.category main.site-main {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
gap: var(--pwp-space-5);
align-items: stretch;
}
body.blog .pwp-archive-header,
body.blog .paging-navigation,
body.archive.category .pwp-archive-header,
body.archive.category .paging-navigation {
grid-column: 1 / -1;
}
body.blog article.post,
body.archive.category article.post {
position: relative;
display: flex;
margin: 0;
padding: 0;
overflow: hidden;
background: var(--pwp-surface);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
box-shadow: var(--pwp-shadow-card);
transition: box-shadow var(--pwp-duration) ease;
}
body.blog article.post:hover,
body.blog article.post:focus-within,
body.archive.category article.post:hover,
body.archive.category article.post:focus-within {
box-shadow: var(--pwp-shadow-raised);
}
body.blog article.post .inside-article,
body.archive.category article.post .inside-article {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
padding: 0;
}
body.blog article.post .post-image,
body.archive.category article.post .post-image {
order: -1;
margin: 0;
}
body.blog article.post .post-image img,
body.archive.category article.post .post-image img {
display: block;
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 0;
margin: 0;
}
body.blog article.post .entry-header,
body.archive.category article.post .entry-header {
display: block;
width: auto;
height: auto;
min-height: 0;
padding: var(--pwp-space-4) var(--pwp-space-4) 0;
margin: 0;
background: transparent;
color: inherit;
text-align: left;
}
body.blog article.post .entry-title,
body.archive.category article.post .entry-title {
display: block;
margin: 0;
font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold);
line-height: var(--pwp-leading-snug);
text-align: left;
color: var(--pwp-ink);
}
body.blog article.post .entry-title a,
body.archive.category article.post .entry-title a {
color: inherit;
text-decoration: none;
}
body.blog article.post .entry-title a::after,
body.archive.category article.post .entry-title a::after {
content: "";
position: absolute;
inset: 0;
}
body.blog article.post .entry-title a:focus-visible,
body.archive.category article.post .entry-title a:focus-visible { outline: none; }
body.blog article.post .entry-title a:focus-visible::after,
body.archive.category article.post .entry-title a:focus-visible::after {
box-shadow: inset var(--pwp-focus-ring);
border-radius: var(--pwp-radius-md);
}
body.blog article.post .entry-summary,
body.archive.category article.post .entry-summary {
display: flex;
flex-direction: column;
flex: 1;
margin: 0;
padding: var(--pwp-space-3) var(--pwp-space-4) var(--pwp-space-4);
font-size: var(--pwp-size-meta);
line-height: var(--pwp-leading-normal, 1.6);
color: var(--pwp-text-body);
}
body.blog article.post .entry-summary p,
body.archive.category article.post .entry-summary p { margin: 0; }
body.blog article.post .read-more,
body.archive.category article.post .read-more {
position: relative;
z-index: 1;
display: inline-block;
margin-top: var(--pwp-space-2);
color: var(--pwp-teal-action);
font-weight: var(--pwp-weight-semibold);
text-decoration: none;
}
body.blog article.post .read-more:hover,
body.archive.category article.post .read-more:hover { text-decoration: underline; }
body.blog article.post .entry-header .entry-meta,
body.archive.category article.post .entry-header .entry-meta {
display: block;
margin-top: var(--pwp-space-2);
font-size: var(--pwp-size-caption);
color: var(--pwp-text-secondary);
}
body.blog article.post .entry-header .entry-meta .byline,
body.archive.category article.post .entry-header .entry-meta .byline { display: none; }
@media (max-width: 599px) {
body.blog main.site-main,
body.archive.category main.site-main { gap: var(--pwp-space-4); }
}
.pwp-medallion {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--pwp-teal-chip, rgba(15, 118, 110, .10));
color: var(--pwp-teal-action);
flex: none;
}
.pwp-medallion .pwp-icon { width: 28px; height: 28px; }
.wp-block-columns.pwp-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: var(--pwp-space-5);
align-items: stretch;
margin-block: var(--pwp-space-6);
}
.wp-block-columns.pwp-cards > .wp-block-column {
display: flex;
flex-direction: column;
gap: var(--pwp-space-3);
margin: 0;
padding: var(--pwp-space-6) var(--pwp-space-5);
background: var(--pwp-surface);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
box-shadow: var(--pwp-shadow-card);
transition: box-shadow var(--pwp-duration) ease;
text-align: center;
align-items: center;
}
.wp-block-columns.pwp-cards > .wp-block-column:hover,
.wp-block-columns.pwp-cards > .wp-block-column:focus-within {
box-shadow: var(--pwp-shadow-raised);
}
.wp-block-columns.pwp-cards .wp-block-image { margin: 0; }
.wp-block-columns.pwp-cards :is(h2, h3, h4) {
margin: 0;
font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold);
line-height: var(--pwp-leading-snug);
color: var(--pwp-ink);
}
.wp-block-columns.pwp-cards p {
margin: 0;
font-size: var(--pwp-size-meta);
line-height: var(--pwp-leading-normal, 1.6);
color: var(--pwp-text-body);
}
.wp-block-columns.pwp-cards p:empty { display: none; }
.wp-block-columns.pwp-cards .wp-block-buttons {
margin: auto 0 0;
padding-top: var(--pwp-space-4);
width: 100%;
justify-content: center;
}
.wp-block-columns.pwp-cards .wp-block-button__link {
background: var(--pwp-teal-action);
color: var(--pwp-on-action);
border-radius: var(--pwp-radius-pill);
padding: var(--pwp-space-3) var(--pwp-space-5);
font-weight: var(--pwp-weight-semibold);
text-decoration: none;
}
.wp-block-columns.pwp-cards .wp-block-button__link:hover { filter: brightness(0.92); }
.wp-block-columns.pwp-quicklinks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
gap: var(--pwp-space-4);
margin-block: var(--pwp-space-6);
}
.wp-block-columns.pwp-quicklinks > .wp-block-column {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--pwp-space-3);
margin: 0;
padding: var(--pwp-space-5) var(--pwp-space-3);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
background: var(--pwp-surface);
text-align: center;
transition: border-color var(--pwp-duration) ease, box-shadow var(--pwp-duration) ease;
}
.wp-block-columns.pwp-quicklinks > .wp-block-column:hover,
.wp-block-columns.pwp-quicklinks > .wp-block-column:focus-within {
border-color: var(--pwp-teal-action);
box-shadow: var(--pwp-shadow-card);
}
.wp-block-columns.pwp-quicklinks :is(p, h2, h3, h4) { margin: 0; }
.wp-block-columns.pwp-quicklinks a {
color: var(--pwp-ink);
font-weight: var(--pwp-weight-semibold);
font-size: var(--pwp-size-meta);
text-decoration: none;
}
.wp-block-columns.pwp-quicklinks a:hover { color: var(--pwp-teal-action); }
.wp-block-columns.pwp-quicklinks a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: var(--pwp-radius-md);
}
.pwp-reviewmarks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
gap: var(--pwp-space-4);
margin: var(--pwp-space-6) 0 0;
padding: 0;
list-style: none;
}
.pwp-reviewmark { margin: 0; }
.pwp-reviewmark__link {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--pwp-space-2);
height: 100%;
padding: var(--pwp-space-5) var(--pwp-space-4);
background: var(--pwp-surface);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
color: var(--pwp-ink);
text-decoration: none;
transition: border-color var(--pwp-duration) ease, box-shadow var(--pwp-duration) ease;
}
.pwp-reviewmark__link:hover,
.pwp-reviewmark__link:focus-visible {
position: relative;
z-index: 1;
border-color: var(--pwp-teal-action);
box-shadow: var(--pwp-shadow-card);
color: var(--pwp-ink);
}
.pwp-reviewmark__link:focus-visible {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 2px;
}
.pwp-reviewmark__link:active {
transform: translateY(1px);
background: var(--pwp-surface-alt);
}
.pwp-reviewmark__link,
.pwp-reviewmark__link:hover,
.pwp-reviewmark__link:focus,
.pwp-reviewmark__link:active,
.pwp-reviewmark__link:hover .pwp-reviewmark__cta,
.pwp-reviewmark__link:focus .pwp-reviewmark__cta {
text-decoration: none;
}
.pwp-reviewmark__logo,
.pwp-reviewmark__wordmark {
display: flex;
align-items: center;
justify-content: center;
height: 34px;
}
.pwp-reviewmark__logo svg {
width: auto;
height: 100%;
max-width: 150px;
display: block;
color: var(--pwp-ink);
}
.pwp-reviewmark--google .pwp-reviewmark__logo svg { height: 22px; }
.pwp-reviewmark__wordmark {
font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold);
letter-spacing: -0.01em;
color: var(--pwp-ink);
}
.pwp-reviewmark__stars {
display: block;
font-size: 13px;
line-height: 1;
letter-spacing: .14em;
color: #f59e0b;
}
.pwp-reviewmark__cta {
font-size: var(--pwp-size-meta);
font-weight: var(--pwp-weight-semibold);
color: var(--pwp-teal-action);
}
.bottomReviews .pwp-reviewmarks { text-align: center; }
.entry-content:has(> .jetpack-contact-form-container:last-child, > .wp-block-jetpack-contact-form-container:last-child, > .contact-form-submission:last-child, > :last-child > .contact-form-submission) {
padding-bottom: var(--pwp-space-8);
}
#pass-overlay .pwp-shadow {
background: var(--pwp-page) !important;
color: var(--pwp-ink) !important;
border-color: var(--pwp-border) !important;
}
#pass-overlay .pwp-pass-wrapper {
background: transparent !important;
color: var(--pwp-ink) !important;
}
#pass-overlay :is(h1, h2, h3, h4, p, label, span, strong, li) {
color: var(--pwp-ink);
}
#pass-overlay .border-3.pwp-shadow {
border-radius: var(--pwp-radius-xl, 22px);
}
#pass-overlay .pwp-wine-pass-type {
display: block;
margin: 0 0 var(--pwp-space-2);
font-size: var(--pwp-size-overline);
font-weight: var(--pwp-weight-bold);
letter-spacing: var(--pwp-tracking-label);
line-height: 1.3;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
#pass-overlay h2 {
margin: 0 0 var(--pwp-space-2);
font-size: var(--pwp-size-title, 1.75rem);
font-weight: var(--pwp-weight-bold);
line-height: 1.15;
text-align: center;
}
#pass-overlay .pwp-pass-sub {
margin: 0 0 var(--pwp-space-5);
text-align: center;
color: var(--pwp-text-body);
}
#pass-overlay .pwp-pass-container {
position: relative;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0;
width: auto !important;
max-width: none !important;
}
#pass-overlay .pwp-pass-container .pwp-remove {
position: absolute;
top: auto;
left: auto;
right: 8px;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: var(--pwp-input-height);
color: var(--pwp-text-secondary);
font-size: 20px;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
#pass-overlay .pwp-pass-container .pwp-remove:hover,
#pass-overlay .pwp-pass-container .pwp-remove:focus-visible {
color: var(--pwp-danger, #b3261e);
}
#pass-overlay .pwp-pass-container:has(.pwp-remove) input.pwp-input {
padding-right: 44px;
}
#pass-overlay .pwp-pass-container label {
display: block;
margin: 0 0 var(--pwp-space-2);
font-weight: var(--pwp-weight-semibold);
font-size: var(--pwp-size-body);
color: var(--pwp-ink);
text-align: left;
text-transform: none;
letter-spacing: 0;
}
#pass-overlay .pwp-pass-container input[type="text"] {
box-sizing: border-box;
width: 100%;
min-height: var(--pwp-input-height);
padding: 12px 14px;
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-md);
background: var(--pwp-surface);
color: var(--pwp-ink);
font-family: var(--pwp-font);
font-size: 1rem;
}
#pass-overlay .pwp-pass-container input[type="text"]:focus {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 1px;
border-color: var(--pwp-teal-action);
}
#pass-overlay #pwp-add-pass-button.pwp-btn,
#pass-overlay #pwp-add-pass-button {
display: block;
width: 100%;
min-height: var(--pwp-input-height);
margin: var(--pwp-space-3) 0 0;
padding: 12px 16px;
background: transparent;
color: var(--pwp-teal-action);
border: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-md);
font-family: var(--pwp-font);
font-weight: var(--pwp-weight-semibold);
font-size: 1rem;
cursor: pointer;
}
#pass-overlay #pwp-add-pass-button:hover {
border-color: var(--pwp-teal-action);
background: var(--pwp-surface-alt);
}
#pass-overlay .pwp-pass-summary {
margin: var(--pwp-space-5) 0 var(--pwp-space-4);
padding-top: var(--pwp-space-5);
border-top: 1px solid var(--pwp-divider);
text-align: left;
}
#pass-overlay .pwp-pass-summary__row {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--pwp-space-4);
}
#pass-overlay .pwp-pass-summary__name {
font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold);
color: var(--pwp-ink);
}
#pass-overlay .pwp-pass-summary__price {
font-size: var(--pwp-size-subtitle);
font-weight: var(--pwp-weight-bold);
color: var(--pwp-ink);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
#pass-overlay .pwp-pass-summary__note {
margin: var(--pwp-space-1) 0 0;
font-size: var(--pwp-size-meta);
color: var(--pwp-text-secondary);
}
#pass-overlay .pwp-btn--buy {
box-sizing: border-box;
display: block;
width: 100%;
min-height: 52px;
margin: 0;
padding: 14px 20px;
background-color: var(--pwp-money, #334fb4);
color: #fff;
border: 0;
border-radius: var(--pwp-radius-pill);
font-family: var(--pwp-font);
font-weight: var(--pwp-weight-bold);
font-size: 1.05rem;
cursor: pointer;
}
#pass-overlay .pwp-btn--buy:hover { filter: brightness(0.94); }
#pass-overlay .pwp-btn--buy[aria-busy="true"] {
color: transparent;
--pwp-btn-ink: #fff;
}
#pass-overlay .pwp-pass-secure {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin: var(--pwp-space-3) 0 0;
font-size: var(--pwp-size-meta);
color: var(--pwp-text-secondary);
}
#pass-overlay .pwp-pass-secure::before {
content: "";
width: 13px;
height: 13px;
flex: none;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
#pass-overlay .pwp-modal-icon {
background: #fff;
border-radius: var(--pwp-radius-md);
}
.pwp-region-nav > .wp-block-column {
display: flex;
flex-direction: column;
gap: var(--pwp-space-2);
}
.pwp-region-nav > .wp-block-column > :last-child {
margin-top: auto;
margin-bottom: 0;
}
.pwp-region-nav h2 {
font-size: var(--pwp-size-subtitle);
line-height: var(--pwp-leading-snug);
color: var(--pwp-ink);
margin: var(--pwp-space-2) 0 0;
}
.pwp-region-nav p {
color: var(--pwp-text-body);
font-size: var(--pwp-size-body);
line-height: var(--pwp-leading-body);
margin: 0;
}
.pwp-region-nav > .wp-block-column > :last-child a {
display: inline-block;
background: var(--pwp-teal-action);
color: var(--pwp-on-action);
font-weight: var(--pwp-weight-semibold);
font-size: var(--pwp-size-body);
line-height: 1.2;
border-radius: var(--pwp-radius-pill);
padding: 11px 22px;
text-decoration: none;
transition: background-color .18s var(--pwp-ease-out), transform .18s var(--pwp-ease-out);
}
.pwp-region-nav > .wp-block-column > :last-child a:hover,
.pwp-region-nav > .wp-block-column > :last-child a:focus-visible {
background: var(--pwp-teal-action-hover);
transform: translateY(-1px);
color: var(--pwp-on-action);
}
@media (prefers-reduced-motion: reduce) {
.pwp-region-nav > .wp-block-column > :last-child a { transition: none; }
.pwp-region-nav > .wp-block-column > :last-child a:hover { transform: none; }
}
.pwp-program-panel {
margin: var(--pwp-space-7) 0 0;
padding: var(--pwp-space-6);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-lg);
background: var(--pwp-surface-alt);
}
.pwp-program-panel__title {
font-size: var(--pwp-size-title); line-height: 1.35; font-weight: var(--pwp-weight-bold);
letter-spacing: -.01em; color: var(--pwp-ink); margin: 0 0 var(--pwp-space-4);
}
.pwp-program-panel__how { margin: 0 0 var(--pwp-space-5); }
.pwp-program-panel__how h3 {
font-size: var(--pwp-size-subtitle); font-weight: var(--pwp-weight-semibold);
color: var(--pwp-ink); margin: 0 0 var(--pwp-space-2);
}
.pwp-program-panel__how p { color: var(--pwp-text-body); margin: 0 0 var(--pwp-space-2); }
.pwp-program-panel__group {
font-size: var(--pwp-size-overline); font-weight: var(--pwp-weight-bold);
letter-spacing: .12em; text-transform: uppercase; color: var(--pwp-text-secondary);
margin: var(--pwp-space-5) 0 var(--pwp-space-2);
}
.pwp-program-panel .pwp-meta { margin: 0 0 var(--pwp-space-3); }
.pwp-program-panel__list {
display: flex; flex-wrap: wrap; gap: var(--pwp-space-2);
list-style: none; margin: 0; padding: 0;
}
.pwp-program-panel__list .pwp-chip { text-decoration: none; }
.pwp-offer-actions .purchase {
display: flex; flex-wrap: wrap; gap: var(--pwp-space-3);
align-items: center; justify-content: center;
}
.pwp-offer-actions .button.pwp-btn--secondary {
background: transparent !important;
color: var(--pwp-money-text) !important;
box-shadow: inset 0 0 0 1.5px var(--pwp-money);
}
.pwp-offer-actions .button.pwp-btn--secondary:hover {
background: var(--pwp-money-surface) !important;
color: var(--pwp-money-text) !important;
}
.pwp-region__passes {
display: flex;
flex-wrap: wrap;
gap: var(--pwp-space-2);
margin: var(--pwp-space-4) 0 0;
}
.pwp-region__passes .pwp-chip {
gap: var(--pwp-space-2);
cursor: pointer;
border: 1px solid var(--pwp-border);
background: var(--pwp-surface);
}
.pwp-region__passes .pwp-chip.is-active {
background: var(--pwp-teal-action);
border-color: var(--pwp-teal-action);
color: var(--pwp-on-action);
}
.pwp-region__passes .pwp-chip.is-active .pwp-chip__count {
background: rgba(255, 255, 255, .22);
color: inherit;
}
.pwp-region__wineries[data-view="compact"] .pwp-deal {
display: flex;
align-items: center;
gap: var(--pwp-space-2);
}
.pwp-region__wineries[data-view="compact"] .pwp-deal__label {
display: inline-flex;
margin: 0;
flex: none;
}
.pwp-region__wineries[data-view="compact"] .pwp-deal__label-text {
display: none;
}
.pwp-region__wineries[data-view="compact"] .pwp-deal__text::before {
content: none;
}
@media (max-width: 600px) {
.pwp-region__stats,
.pwp-region__section-title {
display: none;
}
}
.pwp-region__passes {
margin-bottom: var(--pwp-space-5);
}
.pwp-region__passes .pwp-chip:hover,
.pwp-region__passes .pwp-chip:focus-visible {
background: var(--pwp-teal-chip);
border-color: var(--pwp-teal-action);
color: var(--pwp-teal-action);
}
.pwp-region__passes .pwp-chip.is-active:hover,
.pwp-region__passes .pwp-chip.is-active:focus-visible {
background: var(--pwp-teal-action-hover);
border-color: var(--pwp-teal-action-hover);
color: var(--pwp-on-action);
}
.pwp-region__map-frame, .pwp-region__map-frame .mapHolder { position: relative; }
.pwp-region__map-frame .infoWindowContainer.infobox {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
width: auto !important;
max-width: none !important;
z-index: 5;
display: flex;
align-items: center;
gap: var(--pwp-space-3);
padding: var(--pwp-space-4) var(--pwp-space-5);
padding-right: var(--pwp-space-8);
background: var(--pwp-surface);
border-top: 1px solid var(--pwp-border);
border-radius: var(--pwp-radius-lg) var(--pwp-radius-lg) 0 0;
box-shadow: 0 -8px 28px rgba(10, 31, 30, .16);
text-align: left;
}
@media (max-width: 781px) {
.pwp-region__map-frame .infoWindowContainer.infobox {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
z-index: 60;
border-radius: var(--pwp-radius-lg) var(--pwp-radius-lg) 0 0;
padding-bottom: calc(var(--pwp-space-4) + env(safe-area-inset-bottom, 0px));
box-shadow: 0 -10px 34px rgba(10, 31, 30, .28);
}
}
.pwp-region__map-frame .mapHolder .infoWindowContainer .infoWindow,
.pwp-region__map-frame .mapHolder .infoWindowContainer .infowindowContent {
text-align: left;
}
.pwp-region__map-frame .infoWindowContainer .infoWindow {
flex: 1;
min-width: 0;
width: auto !important;
max-width: none !important;
text-align: left;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
}
.pwp-region__map-frame .infoWindowContainer .infowindowContent p::before {
content: none;
}
.pwp-region__map-frame .infoWindowContainer .infoWindow h3 {
margin: 0 0 2px;
padding: 0;
font-size: var(--pwp-size-body);
line-height: 1.3;
}
.pwp-region__map-frame .infoWindowContainer .infoWindow h3 a {
color: var(--pwp-ink);
font-weight: var(--pwp-weight-bold);
text-decoration: none;
}
.pwp-region__map-frame .infoWindowContainer .infowindowContent {
max-height: none !important;
padding: 0;
}
.pwp-region__map-frame .infoWindowContainer .infowindowContent p {
margin: 0;
font-size: var(--pwp-size-meta);
font-weight: var(--pwp-weight-semibold);
color: var(--pwp-teal-action);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pwp-region__map-frame .infoWindowContainer .infowindowContent a { text-decoration: none; }
.pwp-region__map-frame .infoWindowContainer > img[src*="close"] {
position: absolute !important;
right: 10px;
top: 10px;
margin: 0 !important;
width: 16px;
height: 16px;
opacity: .55;
}
.pwp-region__map-frame .infoWindowContainer > img[src*="close"]:hover { opacity: 1; }
.pwp-region__map-frame .infoWindowContainer::after {
content: "";
position: absolute;
right: 18px;
bottom: 18px;
width: 9px;
height: 9px;
border-right: 2px solid var(--pwp-text-secondary);
border-bottom: 2px solid var(--pwp-text-secondary);
transform: rotate(-45deg);
pointer-events: none;
}
@media (max-width: 600px) {
.pwp-region__map-frame .infoWindowContainer.infobox {
padding: var(--pwp-space-3) var(--pwp-space-4);
padding-right: var(--pwp-space-7);
}
}
.pwp-results__regions { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pwp-space-3); }
.pwp-results__region { margin: 0; }
.pwp-results__region-link {
display: block;
padding: var(--pwp-space-4);
background: var(--pwp-surface);
border: 1px solid var(--pwp-divider);
border-radius: var(--pwp-radius-md);
text-decoration: none;
color: inherit;
transition: border-color var(--pwp-duration) ease, box-shadow var(--pwp-duration) ease;
}
.pwp-results__region-link:hover,
.pwp-results__region-link:focus-visible { border-color: var(--pwp-teal-action); box-shadow: var(--pwp-shadow-raised); }
.pwp-results__region-link h3 { margin: 0 0 2px; font-size: var(--pwp-size-subtitle); }
.pwp-results__region-link .pwp-meta { margin: 0; }
body.error404 .inside-article {
max-width: 62ch;
margin-inline: auto;
text-align: center;
padding-block: var(--pwp-space-7, 56px);
}
body.error404 .inside-article :is(h1, .entry-title) { margin-bottom: var(--pwp-space-4); }
body.error404 .inside-article form { justify-content: center; margin-inline: auto; }
.pwp-results__head { padding-bottom: var(--pwp-space-5); }
.pwp-results__title { margin: var(--pwp-space-2) 0 var(--pwp-space-5); }
.pwp-results__form {
display: flex;
gap: var(--pwp-space-2);
flex-wrap: wrap;
max-width: 620px;
margin-bottom: var(--pwp-space-4);
}
.pwp-results__form input[type="search"] {
flex: 1;
min-width: 220px;
min-height: var(--pwp-tap, 44px);
padding: 8px 14px;
border: 1px solid var(--pwp-control-border);
border-radius: var(--pwp-radius-pill);
background: var(--pwp-surface);
color: var(--pwp-ink);
font-size: 1rem;
}
.pwp-results__form input[type="search"]:focus-visible {
outline: 2px solid var(--pwp-teal-action);
outline-offset: 1px;
}
.pwp-results__group { padding-block: var(--pwp-space-6); }
.pwp-results__group-title {
margin: 0 0 var(--pwp-space-5);
font-size: var(--pwp-size-overline);
font-weight: var(--pwp-weight-bold);
letter-spacing: var(--pwp-tracking-overline);
text-transform: uppercase;
color: var(--pwp-text-secondary);
}
.pwp-results__articles { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pwp-space-5); }
.pwp-results__article {
padding-bottom: var(--pwp-space-5);
border-bottom: 1px solid var(--pwp-divider);
}
.pwp-results__article:last-child { border-bottom: 0; padding-bottom: 0; }
.pwp-results__article-link { text-decoration: none; }
.pwp-results__article-link h3 { margin: 0 0 var(--pwp-space-2); font-size: 1.125rem; color: var(--pwp-ink); }
.pwp-results__article-link:hover h3 { color: var(--pwp-teal-action); text-decoration: underline; text-underline-offset: 3px; }
.pwp-results__article-excerpt { margin: 0 0 var(--pwp-space-2); color: var(--pwp-text-body); }
.pwp-results__pagination { padding-block: var(--pwp-space-7); }
.pwp-results__pagination .nav-links { display: flex; flex-wrap: wrap; gap: var(--pwp-space-2); }
.pwp-results__pagination .page-numbers {
display: inline-flex; align-items: center; justify-content: center;
min-width: var(--pwp-tap, 44px); min-height: var(--pwp-tap, 44px);
padding: 0 var(--pwp-space-3);
border: 1px solid var(--pwp-border); border-radius: var(--pwp-radius-md);
background: var(--pwp-surface); color: var(--pwp-ink); text-decoration: none;
}
.pwp-results__pagination .page-numbers:hover { border-color: var(--pwp-teal-action); color: var(--pwp-teal-action); }
.pwp-results__pagination .page-numbers.current {
background: var(--pwp-teal-action); border-color: var(--pwp-teal-action); color: var(--pwp-on-action);
}
.pwp-region__plugin-filters-toggle {
display: inline-flex;
margin: var(--pwp-space-4) 0 0;
}
.pwp-region__wineries:not([data-view="map"]) .pwp-region__plugin-filters-toggle,
.pwp-region__wineries:not([data-view="map"]) .prettyFileBar { display: none; }
:is(h1, h2, h3, h4, h5, h6).wp-block-heading > a { padding-block: 4px; }
.woocommerce-form .password-input button,
.woocommerce-form button.show-password-input { min-width: 24px; min-height: 24px; }
.woocommerce-form__label input[type="checkbox"] { min-width: 24px; min-height: 24px; }
.woocommerce-LostPassword a { padding-block: 4px; }
.footer-bar .menu-footer-container a,
.site-footer .menu-footer-container a {
display: inline-block;
padding-block: 4px;
}
.appStoreLinks a { display: inline-block; }
.appStoreLinks a img { display: block; }
.pwp-winery__wines .pwp-chip { position: relative; z-index: 2; }
@media (pointer: coarse) {
.pwp-pass-line__item { min-height: var(--pwp-tap, 44px); }
.pwp-pass-line__link { padding-block: 12px; }
}
@media (pointer: coarse) {
.pwp-winery-eyebrow__link,
.pwp-winfo__link { display: inline-block; padding-block: 14px; }
}
.pwp-app-details-wrap { display: none !important; }
.main-navigation .menu > li.wc-menu-item { display: none !important; }
@media (min-width: 769px) {
.woocommerce-checkout div#order_review {
float: right;
width: 41.1764705882%;
clear: right;
}
}
.woocommerce-checkout div#order_review {
box-sizing: border-box;
}