.elementor-kit-58{--e-global-color-primary:#356A82;--e-global-color-secondary:#4E90AE;--e-global-color-text:#2C3A44;--e-global-color-accent:#A34A22;--e-global-color-a5a7ec9:#3D6E7E;--e-global-color-02d347d:#56A9C8;--e-global-color-0e956ab:#D6421F;--e-global-color-944ceba:#FDF8ED;--e-global-color-e0c371c:#B8D4DC;--e-global-color-9d7a28a:#9FE1CB;--e-global-color-531c8f4:#8C3A18;--e-global-color-bad7871:#E8A82C;--e-global-color-741f95f:#EAF2F5;--e-global-color-7667b0a:#FBFAF8;--e-global-color-5c9c94a:#DCDAD4;--e-global-color-822935a:#6B7B84;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-58 button,.elementor-kit-58 input[type="button"],.elementor-kit-58 input[type="submit"],.elementor-kit-58 .elementor-button{background-color:var( --e-global-color-02d347d );font-family:"Nunito Sans", Sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#FDF8ED;box-shadow:4px 4px 0px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:#1A2530;border-radius:25px 25px 25px 25px;}.elementor-kit-58 button:hover,.elementor-kit-58 button:focus,.elementor-kit-58 input[type="button"]:hover,.elementor-kit-58 input[type="button"]:focus,.elementor-kit-58 input[type="submit"]:hover,.elementor-kit-58 input[type="submit"]:focus,.elementor-kit-58 .elementor-button:hover,.elementor-kit-58 .elementor-button:focus{background-color:var( --e-global-color-0e956ab );}.elementor-kit-58 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap');

/* ============================================================
   WALKABOUT DISCOUNTS — MASTER STYLESHEET
   ------------------------------------------------------------
   ONE system. Every class starts with  wd-
   Apply in Elementor — element — Advanced — CSS Classes
   (type the name WITHOUT the leading dot)

   CONTENTS
     1. Tokens (colours, fonts)
     2. Type          wd-eyebrow, wd-hero-title, wd-section-title,
                      wd-lede, wd-body
     3. Buttons       wd-btn + wd-btn--primary / --teal / --ghost / --block
     4. Cards         wd-card, wd-card-title, wd-card-text, wd-card-link
     5. Steps         wd-num, wd-num--teal
     6. Features      wd-feature, wd-feature-title
     7. Link row      wd-linkrow
     8. Nav / chrome  wd-nav, wd-chrome-border
     9. Login form    (styles [wad_login_form] — no classes to add)
    10. Responsive
   ============================================================ */


/* ============================================================
   1. TOKENS
   ============================================================ */
:root {
	/* Blues — two of them. The logo's sky blue is too light to carry
	   white text, so the deep one does the structural work. */
	--wd-deep:        #356A82;
	--wd-deep-dark:   #2A5568;
	--wd-sky:         #4E90AE;
	--wd-sky-tint:    #EAF2F5;
	--wd-sky-pale:    #F4F9FB;

	/* Earth — every action lives here */
	--wd-earth:       #A34A22;
	--wd-earth-hover: #8C3A18;
	--wd-earth-shadow:#7A3214;
	--wd-earth-tint:  #FBF0EA;

	/* Sun — accents only, or it stops reading as light */
	--wd-sun:         #E8A82C;
	--wd-sun-tint:    #FDF4E3;

	/* Neutrals */
	--wd-ink:         #2C3A44;
	--wd-ink-soft:    #6B7B84;
	--wd-ink-faint:   #97A4AB;
	--wd-page:        #FBFAF8;
	--wd-border:      #DCDAD4;

	/* Kept as aliases so nothing downstream breaks */
	--wd-teal:        #4E90AE;
	--wd-teal-deep:   #356A82;
	--wd-red:         #A34A22;
	--wd-red-hover:   #8C3A18;
	--wd-red-shadow:  #7A3214;
	--wd-body:        #2C3A44;
	--wd-cream:       #FBFAF8;
	--wd-cream-warm:  #F4F9FB;
	--wd-mint:        #9FE1CB;

	/* Type — Poppins for the display voice, Nunito Sans for everything
	   else. No hand-drawn face: that's the clubs' register, not ours. */
	--wd-font-display: 'Poppins', sans-serif;
	--wd-font-body:    'Nunito Sans', system-ui, -apple-system, sans-serif;

	--wd-radius:    16px;
	--wd-radius-sm: 12px;
}


/* ============================================================
   2. TYPE
   ============================================================ */

/* Small uppercase label above a heading */
.wd-eyebrow {
	font-family: var(--wd-font-body);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--wd-red);
}

/* Big hero headline */
.wd-hero-title {
	font-family: var(--wd-font-display);
	font-size: 46px;
	line-height: 1.05;
	letter-spacing: .5px;
	color: var(--wd-cream);
	text-transform: uppercase;
}

/* Section heading on a light background */
.wd-section-title {
	font-family: var(--wd-font-display);
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: .5px;
	color: var(--wd-ink);
	text-transform: uppercase;
}

/* Intro paragraph under a heading */
.wd-lede {
	font-family: var(--wd-font-body);
	font-size: 18px;
	line-height: 1.55;
	color: var(--wd-ink-soft);
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

/* Standard body copy */
.wd-body {
	font-family: var(--wd-font-body);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--wd-body);
}


/* ============================================================
   3. BUTTONS
   Always two classes:  wd-btn  +  a variant
   ============================================================ */
.wd-btn,
.wd-btn:link,
.wd-btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--wd-font-body);
	font-weight: 800;
	font-size: 16px;
	line-height: 1;
	padding: 15px 28px;
	border-radius: 999px;
	border: 2px solid transparent;
	text-decoration: none;
	cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
	-webkit-tap-highlight-color: transparent;
}

.wd-btn--primary,
.wd-btn--primary:link,
.wd-btn--primary:visited {
	background: var(--wd-red);
	color: #fff;
	box-shadow: 0 4px 0 var(--wd-red-shadow);
}
.wd-btn--primary:hover {
	background: var(--wd-red-hover);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 0 var(--wd-red-shadow);
}
.wd-btn--primary:active { transform: translateY(1px); box-shadow: 0 1px 0 var(--wd-red-shadow); }

.wd-btn--teal,
.wd-btn--teal:link,
.wd-btn--teal:visited {
	background: var(--wd-teal);
	color: #fff;
	box-shadow: 0 4px 0 var(--wd-teal-deep);
}
.wd-btn--teal:hover {
	color: #fff;
	filter: brightness(1.05);
	transform: translateY(-2px);
	box-shadow: 0 6px 0 var(--wd-teal-deep);
}
.wd-btn--teal:active { transform: translateY(1px); box-shadow: 0 1px 0 var(--wd-teal-deep); }

.wd-btn--ghost,
.wd-btn--ghost:link,
.wd-btn--ghost:visited {
	background: #fff;
	color: var(--wd-teal-deep);
	border-color: var(--wd-teal);
}
.wd-btn--ghost:hover { background: #EAF2F5; color: var(--wd-teal-deep); }

.wd-btn--block { display: flex; width: 100%; }


/* ============================================================
   4. CARDS
   Put wd-card on the CONTAINER. Cards in the same row will
   automatically match heights and widths.
   ============================================================ */
.wd-card {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 0 !important;
	align-self: stretch !important;
	background: #fff;
	border: 2px solid var(--wd-border);
	border-radius: var(--wd-radius);
	padding: 30px 26px;
	box-shadow: 0 2px 8px rgba(44,58,68,.06);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	box-sizing: border-box;
}
.wd-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 32px rgba(44,58,68,.14);
	border-color: var(--wd-teal);
}

/* Logos/images inside a card sit at a consistent height,
   whatever their native aspect ratio */
.wd-card .elementor-widget-image img {
	max-height: 110px !important;
	width: auto !important;
	object-fit: contain !important;
	margin: 0 auto !important;
	display: block !important;
}

.wd-card-title {
	font-family: var(--wd-font-display);
	font-size: 22px;
	line-height: 1.15;
	letter-spacing: .5px;
	color: var(--wd-ink);
	margin: 0 0 10px;
}
.wd-card-text {
	font-family: var(--wd-font-body);
	font-size: 15px;
	line-height: 1.6;
	color: var(--wd-body);
	margin: 0 0 14px;
}
/* Pins a link to the bottom so links line up across cards */
.wd-card-link {
	margin-top: auto;
	font-family: var(--wd-font-body);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .5px;
	color: var(--wd-red);
	text-decoration: none;
}
.wd-card:hover .wd-card-link { text-decoration: underline; }


/* ============================================================
   5. NUMBERED STEPS
   Put wd-num on a Heading widget containing just the number
   ============================================================ */
.wd-num,
.wd-num .elementor-heading-title {
	width: 64px !important;
	height: 64px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: var(--wd-font-display) !important;
	font-size: 28px !important;
	line-height: 1 !important;
	margin: 0 auto 16px !important;
	padding: 0 !important;
	background: var(--wd-red) !important;
	color: #fff !important;
	box-shadow: 0 4px 0 var(--wd-red-shadow) !important;
}
.wd-num--teal,
.wd-num--teal .elementor-heading-title {
	background: var(--wd-teal) !important;
	box-shadow: 0 4px 0 var(--wd-teal-deep) !important;
}


/* ============================================================
   6. FEATURE BOX  (small reassurance points)
   ============================================================ */
.wd-feature {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 0 !important;
	align-self: stretch !important;
	background: var(--wd-cream);
	border: 2px solid var(--wd-border);
	border-radius: 14px;
	padding: 22px 20px;
	transition: transform .18s ease, box-shadow .18s ease;
	box-sizing: border-box;
}
.wd-feature:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(44,58,68,.10);
}
.wd-feature-title {
	font-family: var(--wd-font-body);
	font-size: 16px;
	font-weight: 800;
	color: var(--wd-ink);
	margin: 0 0 6px;
}


/* ============================================================
   7. LINK ROW  (pill links out to the other sites)
   Put wd-linkrow on the CONTAINER holding the links
   ============================================================ */
.wd-linkrow {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
}
.wd-linkrow a,
.wd-linkrow a:link,
.wd-linkrow a:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	border: 2px solid var(--wd-border);
	border-radius: 999px;
	padding: 12px 22px;
	font-family: var(--wd-font-body);
	font-size: 14px;
	font-weight: 800;
	color: var(--wd-ink);
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.wd-linkrow a:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 18px rgba(44,58,68,.12);
	border-color: var(--wd-teal);
	color: var(--wd-ink);
}


/* ============================================================
   8. NAV / CHROME
   ============================================================ */
.wd-nav a,
.wd-nav .elementor-item {
	font-family: var(--wd-font-body) !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	letter-spacing: .5px !important;
	text-transform: uppercase !important;
	color: var(--wd-ink) !important;
	transition: color .12s ease !important;
}
.wd-nav a:hover,
.wd-nav .elementor-item:hover { color: var(--wd-red) !important; }

.wd-chrome-border { border-bottom: 4px solid var(--wd-red) !important; }


/* ============================================================
   9. LOGIN FORM  — styles the [wad_login_form] shortcode.
   Nothing to add in Elementor; these target the shortcode output.
   ============================================================ */
.wad-login {
	max-width: 400px;
	margin: 0 auto;
	font-family: var(--wd-font-body);
	text-align: center;
}
.wad-login__eyebrow {
	font-size: 11px; font-weight: 800; letter-spacing: 2px;
	text-transform: uppercase; color: var(--wd-red); margin-bottom: 8px;
}
.wad-login__heading {
	font-family: var(--wd-font-display);
	font-size: 28px; color: var(--wd-teal-deep); margin: 0 0 6px; line-height: 1.1;
}
.wad-login__lede { font-size: 15px; color: var(--wd-ink-soft); margin: 0 0 22px; }

#wad-loginform { text-align: left; }
#wad-loginform p { margin: 0 0 16px; }
#wad-loginform label {
	display: block;
	font-size: 11px; font-weight: 800; letter-spacing: 1.4px;
	text-transform: uppercase; color: #2C3A44; margin-bottom: 6px;
}
#wad-loginform input[type="text"],
#wad-loginform input[type="password"] {
	width: 100%;
	padding: 13px 16px;
	background: var(--wd-cream-warm);
	border: 1px solid rgba(44,58,68,.12);
	border-radius: 10px;
	font-family: var(--wd-font-body);
	font-size: 15px;
	color: var(--wd-ink);
	box-sizing: border-box;
	transition: border-color .2s ease, box-shadow .2s ease;
}
#wad-loginform input:focus {
	outline: none;
	border-color: var(--wd-teal);
	box-shadow: 0 0 0 3px rgba(78,144,174,.18);
}
#wad-loginform .login-remember label {
	display: inline-flex; align-items: center; gap: 8px;
	text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 600;
}
#wad-loginform .login-remember input { accent-color: var(--wd-red); width: 16px; height: 16px; }
#wad-loginform #wp-submit {
	width: 100%;
	padding: 15px 24px;
	font-family: var(--wd-font-body);
	font-weight: 800; font-size: 16px;
	text-transform: uppercase; letter-spacing: .5px;
	color: #fff; background: var(--wd-red);
	border: none; border-radius: 999px;
	box-shadow: 0 4px 0 var(--wd-red-shadow);
	cursor: pointer;
	transition: transform .1s ease, box-shadow .1s ease;
}
#wad-loginform #wp-submit:hover { transform: translateY(-2px); box-shadow: 0 6px 0 var(--wd-red-shadow); }
#wad-loginform #wp-submit:active { transform: translateY(1px); box-shadow: 0 1px 0 var(--wd-red-shadow); }

.wad-login__error {
	background: rgba(163,74,34,.08);
	border: 2px solid var(--wd-red-shadow); border-left-width: 6px;
	border-radius: 10px; padding: 12px 16px; margin-bottom: 18px;
	font-size: 14px; font-weight: 700; color: var(--wd-red-shadow); text-align: center;
}
.wad-login__alt { margin-top: 18px; font-size: 13px; color: var(--wd-ink-soft); }
.wad-login__alt a { color: var(--wd-red); text-decoration: none; font-weight: 700; }
.wad-login__alt a:hover { text-decoration: underline; }


/* ============================================================
   10. RESPONSIVE
   ============================================================ */
@media (max-width: 767px) {
	.wd-hero-title    { font-size: 34px; }
	.wd-section-title { font-size: 26px; }
	.wd-lede          { font-size: 16px; }

	.wd-card    { padding: 24px 20px; }
	.wd-card-title { font-size: 20px; }
	.wd-card .elementor-widget-image img { max-height: 90px !important; }

	.wd-num,
	.wd-num .elementor-heading-title {
		width: 56px !important; height: 56px !important; font-size: 24px !important;
	}

	.wd-linkrow { gap: 10px; }
	.wd-linkrow a { font-size: 13px; padding: 10px 18px; }

	.wd-btn { font-size: 15px; padding: 14px 24px; }
}

/* Type classes — win over Elementor's widget typography */
.wd-eyebrow,
.wd-eyebrow .elementor-heading-title {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #A34A22 !important;
}

.wd-hero-title,
.wd-hero-title .elementor-heading-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 46px !important;
	line-height: 1.05 !important;
	color: #FBFAF8 !important;
}

.wd-section-title,
.wd-section-title .elementor-heading-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 32px !important;
	line-height: 1.1 !important;
	color: #2C3A44 !important;
	text-transform: uppercase !important;
}

.wd-card-title,
.wd-card-title .elementor-heading-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 22px !important;
	line-height: 1.15 !important;
	color: #2C3A44 !important;
}

.wd-card-text,
.wd-card-text p {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #2C3A44 !important;
}

.wd-lede,
.wd-lede p {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
	color: #6B7B84 !important;
}

/* ============================================================
   WD — BUSINESS STATS  ([wad_business_stats])
   Append to WD — Elementor — Site Settings — Custom CSS
   No classes to add in Elementor — styles the shortcode output.
   ============================================================ */

.wd-stats {
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	margin: 0 0 28px;
}

.wd-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.wd-stats__card {
	background: #fff;
	border: 2px solid var(--wd-border, #DCDAD4);
	border-radius: 14px;
	padding: 18px 16px;
	text-align: center;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wd-stats__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(44,58,68,.10);
	border-color: var(--wd-teal, #4E90AE);
}

.wd-stats__label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wd-ink-soft, #6B7B84);
	margin-bottom: 8px;
}

.wd-stats__value {
	font-family: var(--wd-font-display, 'Poppins', sans-serif);
	font-size: 34px;
	line-height: 1;
	color: var(--wd-red, #A34A22);
}
.wd-stats__value--small {
	font-size: 17px;
	color: var(--wd-teal-deep, #356A82);
}

/* Top performer strip */
.wd-stats__top {
	margin-top: 12px;
	background: var(--wd-cream, #FBFAF8);
	border: 2px solid var(--wd-border, #DCDAD4);
	border-left: 6px solid var(--wd-teal, #4E90AE);
	border-radius: 12px;
	padding: 14px 18px;
}
.wd-stats__top-label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wd-ink-soft, #6B7B84);
	margin-bottom: 4px;
}
.wd-stats__top-value {
	font-size: 15px;
	color: var(--wd-ink, #2C3A44);
	line-height: 1.4;
}

/* Empty state */
.wd-stats--empty {
	background: var(--wd-cream, #FBFAF8);
	border: 2px dashed var(--wd-border, #DCDAD4);
	border-radius: 14px;
	padding: 26px 22px;
	text-align: center;
}
.wd-stats__empty-title {
	font-family: var(--wd-font-display, 'Poppins', sans-serif);
	font-size: 22px;
	color: var(--wd-teal-deep, #356A82);
	margin-bottom: 6px;
}
.wd-stats__empty-text {
	font-size: 14px;
	color: var(--wd-ink-soft, #6B7B84);
	margin: 0;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.wd-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.wd-stats__value { font-size: 28px; }
	.wd-stats__value--small { font-size: 15px; }
}

/* ============================================================
   WD — BUSINESS DASHBOARD  ([wad_bakery_dashboard])
   Matches the stats cards. Append to WD Custom CSS.
   Nothing to add in Elementor — styles the shortcode output.
   ============================================================ */

.wad-dashboard {
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	max-width: 760px;
	margin: 0 auto;
	color: var(--wd-ink, #2C3A44);
}

/* ---- Headings ---- */
.wad-dash-title {
	font-family: var(--wd-font-display, 'Poppins', sans-serif);
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: .5px;
	color: var(--wd-ink, #2C3A44);
	margin: 0 0 6px;
}
.wad-dash-sub {
	font-size: 15px;
	color: var(--wd-ink-soft, #6B7B84);
	margin: 0 0 26px;
	line-height: 1.5;
}
.wad-dashboard h3 {
	font-family: var(--wd-font-display, 'Poppins', sans-serif);
	font-size: 20px;
	letter-spacing: .5px;
	color: var(--wd-teal-deep, #356A82);
	margin: 0 0 16px;
}

/* ---- Card shell (details + discounts sections) ---- */
.wad-dash-card {
	background: #fff;
	border: 2px solid var(--wd-border, #DCDAD4);
	border-radius: 16px;
	padding: 26px 24px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(44,58,68,.06);
}

/* ---- Forms ---- */
.wad-form label {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #2C3A44;
	margin-bottom: 16px;
}

.wad-form input[type="text"],
.wad-form input[type="email"],
.wad-form input[type="url"],
.wad-form input[type="date"],
.wad-form textarea,
.wad-form select {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 13px 16px;
	background: var(--wd-cream-warm, #F4F9FB);
	border: 1px solid rgba(44,58,68,.12);
	border-radius: 10px;
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--wd-ink, #2C3A44);
	box-sizing: border-box;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.wad-form textarea { min-height: 120px; resize: vertical; line-height: 1.55; }

.wad-form input:focus,
.wad-form textarea:focus,
.wad-form select:focus {
	outline: none;
	border-color: var(--wd-teal, #4E90AE);
	box-shadow: 0 0 0 3px rgba(78,144,174,.18);
	background: #fff;
}

.wad-form input::placeholder,
.wad-form textarea::placeholder { color: #97A4AB; }

/* ---- Submit button ---- */
.wad-form-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 6px;
	padding: 15px 30px;
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
	background: var(--wd-red, #A34A22);
	border: none;
	border-radius: 999px;
	box-shadow: 0 4px 0 var(--wd-red-shadow, #7A3214);
	cursor: pointer;
	transition: transform .1s ease, box-shadow .1s ease, background .12s ease;
}
.wad-form-submit:hover {
	background: var(--wd-red-hover, #8C3A18);
	transform: translateY(-2px);
	box-shadow: 0 6px 0 var(--wd-red-shadow, #7A3214);
}
.wad-form-submit:active { transform: translateY(1px); box-shadow: 0 1px 0 var(--wd-red-shadow, #7A3214); }

/* ---- Small buttons (edit / pause) ---- */
.wad-btn,
.wad-btn:link,
.wad-btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 20px;
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-weight: 800;
	font-size: 14px;
	letter-spacing: .3px;
	border-radius: 999px;
	border: 2px solid transparent;
	background: var(--wd-red, #A34A22);
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.wad-btn:hover { color: #fff; transform: translateY(-2px); }

.wad-btn--ghost,
.wad-btn--ghost:link,
.wad-btn--ghost:visited {
	background: #fff;
	color: var(--wd-teal-deep, #356A82);
	border-color: var(--wd-teal, #4E90AE);
}
.wad-btn--ghost:hover { background: #EAF2F5; color: var(--wd-teal-deep, #356A82); }

.wad-btn--small { padding: 8px 16px; font-size: 13px; }

/* ---- Discount rows ---- */
.wad-dash-discounts {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
}

.wad-dash-discount {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: var(--wd-cream, #FBFAF8);
	border: 2px solid var(--wd-border, #DCDAD4);
	border-left: 6px solid var(--wd-teal, #4E90AE);
	border-radius: 12px;
	padding: 16px 18px;
	transition: transform .15s ease, box-shadow .15s ease;
}
.wad-dash-discount:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(44,58,68,.10);
}
.wad-dash-discount.is-paused {
	border-left-color: #B4BEC4;
	opacity: .72;
}

.wad-dash-discount__info { flex: 1 1 auto; min-width: 0; }
.wad-dash-discount__info strong {
	display: block;
	font-size: 16px;
	font-weight: 800;
	color: var(--wd-ink, #2C3A44);
	line-height: 1.3;
	margin-bottom: 4px;
}

.wad-dash-discount__status {
	display: inline-block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 999px;
	background: #E1F5EE;
	color: #0F6E56;
}
.wad-dash-discount.is-paused .wad-dash-discount__status {
	background: #ECEFF1;
	color: #607D8B;
}

.wad-dash-discount__actions {
	flex: 0 0 auto;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

/* ---- Add new / empty ---- */
.wad-dash-addnew { margin-top: 4px; }

.wad-dash-empty {
	background: var(--wd-cream, #FBFAF8);
	border: 2px dashed var(--wd-border, #DCDAD4);
	border-radius: 12px;
	padding: 26px 22px;
	text-align: center;
	color: var(--wd-ink-soft, #6B7B84);
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 18px;
}

/* ---- Notices ---- */
.wad-notice {
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	border: 2px solid;
	border-left-width: 6px;
}
.wad-notice--success { background: #E1F5EE; border-color: #0F6E56; color: #0B5442; }
.wad-notice--error   { background: rgba(163,74,34,.08); border-color: var(--wd-red-shadow, #7A3214); color: var(--wd-red-shadow, #7A3214); }
.wad-notice--info    { background: #EAF2F5; border-color: var(--wd-teal, #4E90AE); color: var(--wd-teal-deep, #356A82); }

/* ---- Logout ---- */
.wad-dash-logout {
	display: inline-block;
	margin-top: 20px;
	font-size: 13px;
	font-weight: 700;
	color: var(--wd-ink-soft, #6B7B84);
	text-decoration: none;
}
.wad-dash-logout:hover { color: var(--wd-red, #A34A22); text-decoration: underline; }

/* ---- Mobile ---- */
@media (max-width: 767px) {
	.wad-dash-card  { padding: 20px 18px; }
	.wad-dash-title { font-size: 25px; }

	.wad-dash-discount {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.wad-dash-discount__actions { width: 100%; }
	.wad-btn--small { flex: 1 1 auto; }

	.wad-form-submit { width: 100%; }
}

/* ============================================================
   WD — "What do you serve?" checkboxes on the signup form
   Append to WD Custom CSS.
   ============================================================ */

.wad-form-checks {
	border: 2px solid var(--wd-border, #DCDAD4);
	border-radius: 12px;
	padding: 18px 20px 16px;
	margin: 0 0 20px;
	background: var(--wd-cream, #FBFAF8);
}

.wad-form-checks legend {
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #2C3A44;
	padding: 0 6px;
}

.wad-form-hint {
	display: block;
	font-size: 13px;
	color: var(--wd-ink-soft, #6B7B84);
	line-height: 1.45;
	margin-bottom: 12px;
}
.wad-form-hint strong { color: var(--wd-red, #A34A22); }

.wad-form-checkgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px 14px;
}

.wad-check {
	display: flex !important;
	align-items: center;
	gap: 8px;
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--wd-ink, #2C3A44);
	margin: 0 !important;
	cursor: pointer;
}
.wad-check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--wd-red, #A34A22);
	cursor: pointer;
	flex: 0 0 auto;
}

@media (max-width: 600px) {
	.wad-form-checkgrid { grid-template-columns: repeat(2, 1fr); }
}

.wad-form-optional {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: var(--wd-ink-soft, #6B7B84);
	background: rgba(44,58,68,.06);
	padding: 2px 8px;
	border-radius: 999px;
	margin-left: 6px;
}

/* ============================================================
   The "Do you serve pies?" question — its own field, required
   ============================================================ */
.wad-form-pies {
	border: 2px solid var(--wd-teal, #4E90AE);
	border-radius: 12px;
	padding: 18px 20px 16px;
	margin: 0 0 18px;
	background: #EAF2F5;
}
.wad-form-pies legend {
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--wd-teal-deep, #356A82);
	padding: 0 6px;
}
.wad-form-pies .wad-form-hint { margin-bottom: 14px; }
.wad-form-pies .wad-form-hint strong { color: var(--wd-teal-deep, #356A82); }

.wad-form-radios {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.wad-radio {
	display: flex !important;
	align-items: center;
	gap: 9px;
	flex: 1 1 auto;
	background: #fff;
	border: 2px solid var(--wd-border, #DCDAD4);
	border-radius: 999px;
	padding: 12px 20px;
	font-family: var(--wd-font-body, 'Nunito Sans', sans-serif);
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--wd-ink, #2C3A44);
	margin: 0 !important;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.wad-radio:hover { border-color: var(--wd-teal, #4E90AE); }
.wad-radio input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--wd-red, #A34A22);
	cursor: pointer;
	flex: 0 0 auto;
}
.wad-radio:has(input:checked) {
	border-color: var(--wd-red, #A34A22);
	background: rgba(163,74,34,.06);
}

/* ============================================================
   PYNEY NETWORK BAR — slim pill nav, sits under the hero
   Grouped by intent, not by which site owns the page.
   Per site: put  is-here  on the relevant group.
   ============================================================ */

.pn-bar {
	--pn-red:   #D6421F;
	--pn-teal:  #56A9C8;
	--pn-deep:  #3D6E7E;
	--pn-amber: #F0A202;
	--pn-ink:   #1A2530;

	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px 24px;
	padding: 20px;

	/* Warm base with a faint dot texture, so it reads as part of the
	   brand rather than a grey utility strip. */
	background-color: #FBF6EA;
	background-image: radial-gradient(rgba(26,37,48,.055) 1px, transparent 1px);
	background-size: 14px 14px;

	/* Asymmetric rules — thin above, heavier below, so the band looks
	   seated on the page rather than fenced in. */
	border-top: 2px solid var(--pn-ink);
	border-bottom: 5px solid var(--pn-ink);

	font-family: 'Nunito Sans', system-ui, sans-serif;
	line-height: 1;
}

/* ---- Groups ---- */
.pn-group { display: flex; align-items: center; gap: 7px; }

.pn-group__label {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #8A8778;
	white-space: nowrap;
	margin-right: 2px;
}

/* ---- Pills ---- */
.pn-group a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 92px;               /* evens up ragged widths in a group */
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .2px;
	color: var(--pn-ink);
	text-decoration: none;
	background: #fff;
	border: 2px solid var(--pn-ink);
	border-radius: 999px;
	padding: 9px 16px;
	white-space: nowrap;
	box-shadow: 0 2px 0 var(--pn-ink);
	transition: transform .14s ease, box-shadow .14s ease,
	            border-color .14s ease, color .14s ease;

	/* entrance */
	opacity: 0;
	animation: pnIn .5s cubic-bezier(.2,.9,.3,1) forwards;
}

@keyframes pnIn {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Stagger, so the eye is drawn along the bar once, then it settles */
.pn-group:nth-child(1) a:nth-of-type(1) { animation-delay: .05s; }
.pn-group:nth-child(1) a:nth-of-type(2) { animation-delay: .10s; }
.pn-group:nth-child(1) a:nth-of-type(3) { animation-delay: .15s; }
.pn-group:nth-child(2) a:nth-of-type(1) { animation-delay: .20s; }
.pn-group:nth-child(2) a:nth-of-type(2) { animation-delay: .25s; }
.pn-group:nth-child(2) a:nth-of-type(3) { animation-delay: .30s; }
.pn-group:nth-child(3) a:nth-of-type(1) { animation-delay: .35s; }
.pn-group:nth-child(3) a:nth-of-type(2) { animation-delay: .40s; }
.pn-group:nth-child(4) a:nth-of-type(1) { animation-delay: .45s; }

/* Respect people who've asked for less motion */
@media (prefers-reduced-motion: reduce) {
	.pn-group a { opacity: 1; animation: none; }
}

.pn-group a:hover { transform: translateY(-3px); color: var(--pn-ink); }
.pn-group a:active { transform: translateY(0); box-shadow: 0 1px 0 var(--pn-ink); }

/* Each group lifts in its own colour */
.pn-group--deal    a:hover { border-color: var(--pn-red);   box-shadow: 0 5px 0 var(--pn-red); }
.pn-group--reviews a:hover { border-color: var(--pn-amber); box-shadow: 0 5px 0 var(--pn-amber); }
.pn-group--biz     a:hover { border-color: var(--pn-teal);  box-shadow: 0 5px 0 var(--pn-deep); }
.pn-group--sister  a:hover { border-color: var(--pn-deep);  box-shadow: 0 5px 0 var(--pn-deep); }

/* ---- Where you are ---- */
.pn-group.is-here .pn-group__label { color: var(--pn-red); }
.pn-group.is-here a {
	background: var(--pn-red);
	border-color: var(--pn-ink);
	color: #fff;
}
.pn-group.is-here a:hover { background: #C0391A; color: #fff; box-shadow: 0 5px 0 var(--pn-ink); }

/* ---- Sister club ---- */
.pn-group--sister a {
	min-width: 0;
	background: #F2F7F8;
	font-weight: 700;
}
.pn-group--sister a em {
	font-style: normal; font-weight: 600; font-size: 11px; color: #6B6A64;
}

/* ---- Mobile: one swipeable line, with a fade hinting at more ---- */
@media (max-width: 900px) {
	.pn-bar {
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		gap: 0 18px;
		padding: 15px 14px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		/* fade the right edge so it's obvious there's more to swipe */
		-webkit-mask-image: linear-gradient(to right, #000 88%, transparent 100%);
		        mask-image: linear-gradient(to right, #000 88%, transparent 100%);
	}
	.pn-bar::-webkit-scrollbar { display: none; }

	.pn-group { flex: 0 0 auto; gap: 6px; }
	.pn-group__label { font-size: 9px; letter-spacing: 1.2px; }
	.pn-group a { font-size: 12.5px; padding: 8px 14px; min-width: 0; }
	.pn-group--sister a em { display: none; }
}

/* WD — persistent context strip. Tells a visitor plainly which
   side of the network they're on, since WD and Travels share
   most of their chrome. */
.wd-context {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
	padding: 9px 22px;
	background: #2C4B5A;
	color: #E8F0F3;
	font-family: 'Nunito Sans', system-ui, sans-serif;
	font-size: 12.5px;
	line-height: 1;
}
.wd-context strong {
	font-weight: 800;
	letter-spacing: .6px;
	text-transform: uppercase;
	font-size: 11.5px;
	color: #fff;
}
.wd-context {
	border-radius: 8px;
}
.wd-context__sep { opacity: .45; }
.wd-context__dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: #6FCF97;
	flex: 0 0 auto;
}
.wd-context__out {
	margin-left: auto;
	color: #A8D8E8;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
.wd-context__out:hover { color: #fff; text-decoration: underline; }

@media (max-width: 700px) {
	.wd-context { padding: 8px 14px; font-size: 11.5px; gap: 7px; }
	.wd-context span:not(.wd-context__dot):not(.wd-context__sep) { display: none; }
	.wd-context__out { margin-left: auto; font-size: 11px; }
	
	
}


/* ============================================================
   WD DASHBOARD — expanding discount rows + separate add section
   Append to WD Custom CSS, after the existing dashboard rules.
   ============================================================ */

/* The row is now a container: summary on top, edit panel beneath. */
.wad-dash-discount {
	display: block !important;
	padding: 0 !important;
	overflow: hidden;
}

.wad-dash-discount__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
}

/* Open row — teal edge and a lift, so it's obvious which one you're in */
.wad-dash-discount.is-editing {
	background: #fff;
	border-color: var(--wd-teal, #4E90AE);
	border-left-color: var(--wd-teal, #4E90AE);
	box-shadow: 0 6px 20px rgba(44,58,68,.10);
}
.wad-dash-discount.is-editing:hover { transform: none; }

/* The edit panel */
.wad-dash-discount__panel {
	padding: 4px 18px 20px;
	border-top: 1px solid #EAE7DF;
	margin-top: -1px;
}
.wad-dash-discount__panel[hidden] { display: none; }

/* Toggle button with the +/— */
.wad-dash-toggle {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
}
.wad-dash-toggle__plus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	font-size: 15px;
	line-height: 1;
}

/* Submit + cancel on one row */
.wad-form-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

/* Add section — quieter than the list above it */
.wad-dash-card--add {
	background: var(--wd-cream, #FBFAF8);
	border-style: dashed;
}
.wad-dash-card--add .wad-dash-sub {
	margin-top: -8px;
	margin-bottom: 18px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.wad-dash-discount__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 14px 15px;
	}
	.wad-dash-discount__actions { width: 100%; }
	.wad-dash-discount__panel   { padding: 4px 15px 16px; }
	.wad-form-actions .wad-btn,
	.wad-form-actions .wad-form-submit { width: 100%; }
}

/* ============================================================
   PYNEY NETWORK FOOTER
   The same footer across Travels, Reviews and WD. Organised by
   what someone wants to do, not by which site owns the page —
   so nobody has to know the network's shape to get around it.

   Per site: swap the logo, the tagline, and drop target="_blank"
   from that site's own links.
   ============================================================ */

.pf {
	--pf-red:   #D6421F;
	--pf-teal:  #56A9C8;
	--pf-cream: #FDF8ED;
	--pf-ink:   #3D6E7E;

	background: var(--pf-ink);
	color: var(--pf-cream);
	font-family: 'Nunito Sans', system-ui, sans-serif;
	padding: 18px 24px 0;
	border-top: 5px solid var(--pf-red);
}

/* ---- Top: brand + columns ---- */
.pf__top {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 1180px;
	margin: 0 auto;
	padding-bottom: 10px;
}

.pf__brand { flex: 1 1 260px; max-width: 320px; }

.pf__logo { max-width: 170px; height: auto; display: block; margin-bottom: 16px; }

.pf__tagline {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(253,248,237,.72);
	margin: 0 0 20px;
}

.pf__social { display: flex; gap: 10px; }
.pf__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px; height: 36px;
	border-radius: 50%;
	background: rgba(253,248,237,.1);
	color: var(--pf-cream);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: background .15s ease, transform .15s ease;
}
.pf__social a:hover {
	background: var(--pf-red);
	color: #fff;
	transform: translateY(-2px);
}

/* ---- Link columns ---- */
.pf__cols {
	flex: 2 1 560px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 32px 24px;
}

.pf__col { display: flex; flex-direction: column; gap: 9px; }

.pf__col h4 {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--pf-teal);
	margin: 0 0 4px;
}

.pf__col a {
	font-size: 14px;
	font-weight: 600;
	color: rgba(253,248,237,.82);
	text-decoration: none;
	transition: color .14s ease, transform .14s ease;
	width: fit-content;
}
.pf__col a:hover {
	color: #fff;
	transform: translateX(3px);
}

/* ---- Bottom bar ---- */
.pf__bottom {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px 0 24px;
	border-top: 1px solid rgba(253,248,237,.14);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
}

.pf__copy {
	font-size: 12.5px;
	color: rgba(253,248,237,.55);
	margin: 0;
}

.pf__legal { display: flex; flex-wrap: wrap; gap: 18px; }
.pf__legal a {
	font-size: 12.5px;
	font-weight: 600;
	color: rgba(253,248,237,.55);
	text-decoration: none;
}
.pf__legal a:hover { color: var(--pf-cream); }

/* ---- Mobile ---- */
@media (max-width: 860px) {
	.pf { padding: 36px 18px 0; }
	.pf__top { gap: 32px; padding-bottom: 30px; }
	.pf__brand { max-width: none; }
	.pf__cols { grid-template-columns: repeat(2, 1fr); gap: 26px 18px; }
	.pf__bottom { justify-content: flex-start; }
}
@media (max-width: 420px) {
	.pf__cols { grid-template-columns: 1fr; }
}

.pf__brand {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
	max-width: 380px;
}
.pf__logo { flex: 0 0 auto; margin-bottom: 0; }
.pf__tagline { flex: 1 1 180px; margin: 0; }
.pf__social { flex: 1 1 100%; margin-top: 4px; }

/* ============================================================
   WD signup — oversized image warning
   Catches big photos in the browser, so nobody gets dumped on
   a bare 503 page with their whole form lost.
   Append to WD Custom CSS.
   ============================================================ */

.wad-upload-warning {
	display: flex;
	flex-direction: column;
	gap: 7px;
	background: rgba(163,74,34,.07);
	border: 2px solid #7A3214;
	border-left-width: 6px;
	border-radius: 12px;
	padding: 15px 18px;
	margin: 0 0 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #7A3214;
}
.wad-upload-warning[hidden] { display: none; }
.wad-upload-warning strong { font-size: 15px; font-weight: 800; }

/* Mark the offending field so it's obvious which one */
input[type="file"].is-too-big {
	outline: 2px solid #7A3214;
	outline-offset: 3px;
	border-radius: 6px;
}

/* ============================================================
   WD signup — missing field warnings
   Replaces the browser's own validation, which scrolled to a
   field without saying what it wanted.
   Append to WD Custom CSS.
   ============================================================ */

/* Summary at the top of the form */
.wad-form-errors {
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: rgba(163,74,34,.07);
	border: 2px solid #7A3214;
	border-left-width: 6px;
	border-radius: 12px;
	padding: 15px 18px;
	margin: 0 0 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #7A3214;
}
.wad-form-errors[hidden] { display: none; }
.wad-form-errors strong { font-size: 15px; font-weight: 800; }

/* The field itself */
.wad-form .is-missing,
.wad-form input.is-missing,
.wad-form select.is-missing {
	border-color: #7A3214 !important;
	background: rgba(163,74,34,.04) !important;
	box-shadow: 0 0 0 3px rgba(122,50,20,.14) !important;
}

/* Radio group (the pies question) */
.wad-form-pies.has-error,
fieldset.has-error {
	border-color: #7A3214 !important;
	background: rgba(163,74,34,.04) !important;
}
.wad-form-pies.has-error legend,
fieldset.has-error legend { color: #7A3214 !important; }

/* The message under the field */
.wad-field-error {
	display: block;
	margin-top: 6px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: #7A3214;
}

/* ============================================================
   WD header — greeting and logout
   Append to WD Custom CSS.
   ============================================================ */

.wad-greeting {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #2C3A44;
}

.wad-logout {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #6B7B84;
	text-decoration: none;
	margin-left: 12px;
	transition: color .14s ease;
}
.wad-logout:hover {
	color: #A34A22;
	text-decoration: underline;
}
.wad-greeting,
.wad-logout {
	position: relative;
	z-index: 100;
}
.wd-top-strip {
	position: relative;
	z-index: 100;
}

/* ============================================================
   WD — one-click club access cards on the dashboard
   Append to WD Custom CSS.
   ============================================================ */

.wad-club-access-wrap {
	margin: 0 0 8px;
}

.wad-club-access-intro {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 1.55;
	color: var(--wd-ink-soft, #6B7B84);
	margin: 0 0 16px;
}

.wad-club-access {
	display: flex;
	flex-direction: column;
	gap: 3px;
	background: #EAF2F5;
	border: 2px solid var(--wd-teal, #4E90AE);
	border-radius: 14px;
	padding: 16px 20px;
	margin-bottom: 12px;
	text-decoration: none;
	transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.wad-club-access:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(44,58,68,.12);
	background: #fff;
}

.wad-club-access__name {
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	letter-spacing: .4px;
	color: var(--wd-teal-deep, #356A82);
	line-height: 1.15;
}

.wad-club-access__desc {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13.5px;
	color: #6B7B84;
	line-height: 1.4;
}

.wad-club-access__go {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .3px;
	color: var(--wd-red, #A34A22);
	margin-top: 6px;
}

@media (max-width: 600px) {
	.wad-club-access { padding: 14px 16px; }
	.wad-club-access__name { font-size: 17px; }
}

/* ============================================================
   WD — AMPAS-branded signup
   For the /ampas-sign-up/ page, where a baker arrives from
   AMPAS. Same form, AMPAS colours, so the handoff between
   sites doesn't feel like being dumped somewhere unrelated.

   Apply  wd-ampas  to the page's outer container in Elementor,
   then everything below re-skins the form beneath it.
   Append to WD Custom CSS.
   ============================================================ */

/* The note that replaces the pies question on this form */
.wad-form-note {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: #FFF6E8;
	border: 2px solid var(--ampas-orange, #E8693A);
	border-left-width: 6px;
	border-radius: 12px;
	padding: 15px 18px;
	margin: 0 0 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 1.55;
	color: #6B3A1E;
}
.wad-form-note strong { font-size: 15px; font-weight: 800; }
.wad-form-note em { font-style: normal; font-weight: 800; }


/* ---- AMPAS chrome: orange where Travels is red/teal ---- */

.wd-ampas .wad-form-heading,
.wd-ampas .wad-form-pies legend {
	color: var(--ampas-orange, #E8693A);
}

.wd-ampas .wad-form input:focus,
.wd-ampas .wad-form select:focus,
.wd-ampas .wad-form textarea:focus {
	border-color: var(--ampas-orange, #E8693A) !important;
	box-shadow: 0 0 0 3px rgba(232,105,58,.18) !important;
}

.wd-ampas .wad-form-submit,
.wd-ampas .wad-form button[type="submit"] {
	background: var(--ampas-orange, #E8693A) !important;
	box-shadow: 0 4px 0 var(--ampas-orange-shadow, #B54A2A) !important;
}
.wd-ampas .wad-form-submit:hover {
	background: #D65C2E !important;
	box-shadow: 0 6px 0 var(--ampas-orange-shadow, #B54A2A) !important;
}

.wd-ampas .wad-check input[type="checkbox"],
.wd-ampas .wad-radio input[type="radio"] {
	accent-color: var(--ampas-orange, #E8693A);
}

.wd-ampas .wad-form-hint strong {
	color: var(--ampas-orange, #E8693A);
}

/* ============================================================
   WD HEADER — the business-area strip
   Append to WD Custom CSS. Covers everything in the dark bar:
   the dot, the label, the greeting, the logout, the escape link.
   ============================================================ */

/* The container. Put  wd-strip  on it in Elementor. */
.wd-strip {
	background: #2A5568;
	font-family: 'Nunito Sans', sans-serif;
}

/* Everything inside it is light by default */
.wd-strip,
.wd-strip * {
	color: #E4EEF2;
}

.wd-strip strong {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: #fff;
}

/* The dot */
.wd-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #E8A82C;
	margin-right: 7px;
	vertical-align: 1px;
}
.wd-dot--live { background: #6FCF97; }

/* Greeting + logout, sitting in the strip */
.wd-strip .wad-greeting {
	font-size: 12px;
	font-weight: 700;
	color: #E4EEF2 !important;
}
.wd-strip .wad-logout {
	font-size: 12px;
	font-weight: 700;
	color: #A8D0DF !important;
	text-decoration: none;
	margin-left: 12px;
	position: relative;
	z-index: 100;
}
.wd-strip .wad-logout:hover {
	color: #fff !important;
	text-decoration: underline;
}

/* The way out, for someone who landed here by mistake */
.wd-strip a.wd-out {
	font-size: 11.5px;
	font-weight: 700;
	color: #A8D0DF !important;
	text-decoration: none;
}
.wd-strip a.wd-out:hover { color: #fff !important; }

@media (max-width: 700px) {
	.wd-strip a.wd-out { font-size: 10.5px; }
}


/* ============================================================
   WD HEADER — the main row
   Logo, menu, buttons. Put  wd-headrow  on the container.
   ============================================================ */

.wd-headrow {
	background: #FBFAF8;
	border-bottom: 4px solid #356A82;
	font-family: 'Nunito Sans', sans-serif;
}

/* The logo lockup — keeps the wordmark a sensible size */
.wd-headrow .wd-logo img {
	max-height: 38px !important;
	width: auto !important;
}

/* Menu items. Put  wd-nav  on the Nav Menu widget. */
.wd-nav .elementor-item,
.wd-nav a.elementor-item {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	letter-spacing: .4px !important;
	text-transform: uppercase !important;
	color: #2C3A44 !important;
	transition: color .14s ease !important;
}
.wd-nav .elementor-item:hover,
.wd-nav .elementor-item.elementor-item-active {
	color: #A34A22 !important;
}

/* Dropdown panel */
.wd-nav .elementor-nav-menu--dropdown {
	background: #fff !important;
	border: 1px solid #DCDAD4 !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(44,58,68,.12);
}
.wd-nav .elementor-nav-menu--dropdown a {
	font-size: 13px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	color: #2C3A44 !important;
}
.wd-nav .elementor-nav-menu--dropdown a:hover {
	background: #EAF2F5 !important;
	color: #356A82 !important;
}

/* ---- Header buttons ----
   Put  wd-hbtn  plus a variant on an HTML widget's link, or on
   an Elementor Button's own CSS class field. */
.wd-hbtn,
.wd-hbtn:link,
.wd-hbtn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13.5px;
	font-weight: 800;
	letter-spacing: .3px;
	padding: 11px 22px;
	border-radius: 999px;
	border: 2px solid transparent;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.wd-hbtn--primary,
.wd-hbtn--primary:link,
.wd-hbtn--primary:visited {
	background: #A34A22;
	color: #fff !important;
	box-shadow: 0 3px 0 #7A3214;
}
.wd-hbtn--primary:hover {
	background: #8C3A18;
	transform: translateY(-2px);
	box-shadow: 0 5px 0 #7A3214;
}

.wd-hbtn--ghost,
.wd-hbtn--ghost:link,
.wd-hbtn--ghost:visited {
	background: transparent;
	color: #356A82 !important;
	border-color: #356A82;
}
.wd-hbtn--ghost:hover { background: #EAF2F5; }

@media (max-width: 880px) {
	.wd-headrow .wd-logo img { max-height: 30px !important; }
	.wd-hbtn { font-size: 12.5px; padding: 9px 16px; }
}

/* ============================================================
   WD HEROES + HEADINGS
   Append to WD Custom CSS.

   The old hero title was cream, which was right on a dark
   Travels hero and wrong on a light one. Both display headings
   were also uppercase — a Luckiest Guy mannerism that reads
   shouty in Poppins.
   ============================================================ */

/* The hero band. Put  wd-hero  on the container.
   Add  wd-hero--slim  as well on utility pages. */
.wd-hero {
	background: #EAF2F5;
	padding: 56px 24px;
	text-align: center;
}
.wd-hero--slim { padding: 30px 24px; }


/* ---- Headings ---- */

.wd-eyebrow,
.wd-eyebrow .elementor-heading-title {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 1.6px !important;
	text-transform: uppercase !important;
	color: #4E90AE !important;
}

.wd-hero-title,
.wd-hero-title .elementor-heading-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	letter-spacing: -.8px !important;
	line-height: 1.1 !important;
	text-transform: none !important;
	color: #356A82 !important;
}

.wd-section-title,
.wd-section-title .elementor-heading-title {
	font-family: 'Poppins', sans-serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	letter-spacing: -.5px !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	color: #356A82 !important;
}

.wd-lede,
.wd-lede p {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #6B7B84 !important;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.wd-hero        { padding: 38px 20px; }
	.wd-hero--slim  { padding: 24px 20px; }
	.wd-hero-title,
	.wd-hero-title .elementor-heading-title { font-size: 29px !important; }
	.wd-section-title,
	.wd-section-title .elementor-heading-title { font-size: 23px !important; }
	.wd-lede, .wd-lede p { font-size: 16px !important; }
}

/* ============================================================
   WD — network bar, in WD's colours
   ------------------------------------------------------------
   The bar keeps the same structure on every site: same groups,
   same pills, same swipe on mobile. That's what makes it read
   as the network's component wherever you meet it. Only the
   colours follow the site you're actually on — otherwise a
   Travels-red bar would sit in a WD page like a foreign object.

   Append AFTER the main .pn-bar block in WD Custom CSS.
   ============================================================ */

.pn-bar {
	--pn-red:   #A34A22;   /* earth — the "you are here" colour */
	--pn-teal:  #4E90AE;   /* sky */
	--pn-deep:  #356A82;   /* deep blue */
	--pn-amber: #E8A82C;   /* sun */
	--pn-ink:   #2C3A44;

	background-color: #F4F9FB;
	background-image: radial-gradient(rgba(53,106,130,.07) 1px, transparent 1px);
	border-top: 2px solid var(--pn-deep);
	border-bottom: 5px solid var(--pn-deep);
}

.pn-group__label { color: #8FA3AC; }

.pn-group a {
	color: var(--pn-ink);
	background: #fff;
	border-color: var(--pn-deep);
	box-shadow: 0 2px 0 var(--pn-deep);
}

/* Each group lifts in a colour from the WD palette */
.pn-group--deal    a:hover { border-color: var(--pn-teal);  box-shadow: 0 5px 0 var(--pn-teal); }
.pn-group--reviews a:hover { border-color: var(--pn-amber); box-shadow: 0 5px 0 var(--pn-amber); }
.pn-group--biz     a:hover { border-color: var(--pn-red);   box-shadow: 0 5px 0 var(--pn-red); }
.pn-group--sister  a:hover { border-color: var(--pn-deep);  box-shadow: 0 5px 0 var(--pn-deep); }

/* Where you are — earth, matching the primary button */
.pn-group.is-here .pn-group__label { color: var(--pn-red); }
.pn-group.is-here a {
	background: var(--pn-red);
	border-color: var(--pn-deep);
	color: #fff;
}
.pn-group.is-here a:hover {
	background: #8C3A18;
	color: #fff;
	box-shadow: 0 5px 0 var(--pn-deep);
}

/* Sister club stays cool and set apart */
.pn-group--sister a {
	background: #EAF2F5;
	border-color: var(--pn-deep);
}
.pn-group--sister a em { color: #6B7B84; }


/* A member link — one that walks you straight in rather than
   dropping you at the door. Marked with the sun colour. */
.pn-group a.is-member::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #E8A82C;
	margin-right: 7px;
	vertical-align: 1px;
}
/* ============================================================
   The ORIGINAL network bar — kept for the Travels sign-up page
   ------------------------------------------------------------
   That page wears Travels chrome so a business arriving from
   the club doesn't feel dumped somewhere unfamiliar. The bar
   there should match, so this restores the cream-and-red look.

   Scoped with :not(.pn-bar--wd) so it can't reach the WD bar,
   which shares the .pn-bar class.

   Append to WD Custom CSS, AFTER the wd-navbar block.
   ============================================================ */

.pn-bar:not(.pn-bar--wd) {
	--pn-red:   #D6421F;
	--pn-teal:  #56A9C8;
	--pn-deep:  #3D6E7E;
	--pn-amber: #F0A202;
	--pn-ink:   #1A2530;

	background-color: #FBF6EA !important;
	background-image: radial-gradient(rgba(26,37,48,.055) 1px, transparent 1px) !important;
	background-size: 14px 14px !important;
	border-top: 2px solid #1A2530 !important;
	border-bottom: 5px solid #1A2530 !important;
}

.pn-bar:not(.pn-bar--wd) .pn-group__label { color: #8A8778 !important; }

.pn-bar:not(.pn-bar--wd) .pn-group a {
	background: #fff !important;
	color: #1A2530 !important;
	border-color: #1A2530 !important;
	box-shadow: 0 2px 0 #1A2530 !important;
}

.pn-bar:not(.pn-bar--wd) .pn-group--deal    a:hover { border-color: #D6421F !important; box-shadow: 0 5px 0 #D6421F !important; }
.pn-bar:not(.pn-bar--wd) .pn-group--reviews a:hover { border-color: #F0A202 !important; box-shadow: 0 5px 0 #F0A202 !important; }
.pn-bar:not(.pn-bar--wd) .pn-group--biz     a:hover { border-color: #56A9C8 !important; box-shadow: 0 5px 0 #3D6E7E !important; }
.pn-bar:not(.pn-bar--wd) .pn-group--sister  a:hover { border-color: #3D6E7E !important; box-shadow: 0 5px 0 #3D6E7E !important; }

.pn-bar:not(.pn-bar--wd) .pn-group.is-here .pn-group__label { color: #D6421F !important; }
.pn-bar:not(.pn-bar--wd) .pn-group.is-here a {
	background: #D6421F !important;
	border-color: #1A2530 !important;
	color: #fff !important;
}
.pn-bar:not(.pn-bar--wd) .pn-group.is-here a:hover {
	background: #C0391A !important;
	color: #fff !important;
	box-shadow: 0 5px 0 #1A2530 !important;
}

.pn-bar:not(.pn-bar--wd) .pn-group--sister a {
	background: #F2F7F8 !important;
	border-color: #1A2530 !important;
}
.pn-bar:not(.pn-bar--wd) .pn-group--sister a em { color: #6B6A64 !important; }

/* ============================================================
   WD CONTACT FORM
   Append to WD Custom CSS.
   ============================================================ */

.wad-contact {
	max-width: 620px;
	margin: 0 auto;
	font-family: 'Nunito Sans', sans-serif;
}

.wad-contact__form label {
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: #2C3A44;
	margin-bottom: 18px;
}

.wad-contact__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 16px;
}

.wad-contact input[type="text"],
.wad-contact input[type="email"],
.wad-contact select,
.wad-contact textarea {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 13px 15px;
	background: #FBFAF8;
	border: 2px solid #DCDAD4;
	border-radius: 10px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #2C3A44;
	box-sizing: border-box;
	transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.wad-contact input:focus,
.wad-contact select:focus,
.wad-contact textarea:focus {
	outline: none;
	background: #fff;
	border-color: #4E90AE;
	box-shadow: 0 0 0 4px rgba(78,144,174,.16);
}

.wad-contact textarea { resize: vertical; min-height: 130px; line-height: 1.55; }

.wad-contact__submit {
	width: 100%;
	padding: 15px 28px;
	background: #A34A22;
	color: #fff;
	border: none;
	border-radius: 999px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .3px;
	cursor: pointer;
	box-shadow: 0 4px 0 #7A3214;
	transition: background .14s ease, transform .12s ease, box-shadow .12s ease;
}
.wad-contact__submit:hover {
	background: #8C3A18;
	transform: translateY(-2px);
	box-shadow: 0 6px 0 #7A3214;
}
.wad-contact__submit:active { transform: translateY(1px); box-shadow: 0 2px 0 #7A3214; }

/* Result messages */
.wad-contact__notice {
	border-radius: 12px;
	padding: 16px 20px;
	margin-bottom: 22px;
	font-size: 15px;
	line-height: 1.55;
	border: 2px solid;
	border-left-width: 6px;
}
.wad-contact__notice--ok {
	background: #EAF6F0;
	border-color: #2E7D5B;
	color: #1E5740;
}
.wad-contact__notice--error {
	background: #FBF0EA;
	border-color: #A34A22;
	color: #7A3214;
}

/* The honeypot. Off-screen rather than display:none, because some
   bots skip anything that's outright hidden. */
.wad-contact__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 600px) {
	.wad-contact__row { grid-template-columns: 1fr; }
}
/* ============================================================
   WD DASHBOARD — photo management
   Append to WD Custom CSS.
   ============================================================ */

.wad-dash-photos {
	margin: 22px 0 8px;
	padding-top: 20px;
	border-top: 1px solid #EAE7DF;
}

.wad-dash-photos h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #356A82;
	margin: 0 0 4px;
}
.wad-dash-photos h4 + .wad-dash-hint { margin-top: 0; }

.wad-dash-hint {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	color: #6B7B84;
	margin: 0 0 12px;
	line-height: 1.5;
}

.wad-photo-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
}

.wad-photo {
	position: relative;
	width: 96px;
	border: 2px solid #DCDAD4;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.wad-photo img {
	display: block;
	width: 100%;
	height: 96px;
	object-fit: cover;
}
.wad-photo--logo img { object-fit: contain; padding: 6px; }

.wad-photo__remove {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #8C3A18 !important;
	background: #FBF0EA;
	padding: 5px 4px !important;
	margin: 0 !important;
	cursor: pointer;
	border-top: 1px solid #DCDAD4;
}
.wad-photo__remove input { width: 14px; height: 14px; margin: 0; accent-color: #A34A22; }

/* The add tile — a dashed box you drop a file into */
.wad-photo-add {
	display: flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 96px;
	height: 122px;
	border: 2px dashed #B4C4CC;
	border-radius: 10px;
	background: #F4F9FB;
	cursor: pointer;
	margin: 0 !important;
	padding: 8px !important;
	transition: border-color .15s ease, background .15s ease;
}
.wad-photo-add:hover { border-color: #4E90AE; background: #EAF2F5; }
.wad-photo-add span {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	color: #356A82;
	line-height: 1.35;
}
.wad-photo-add input[type="file"] {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
	overflow: hidden;
}

@media (max-width: 600px) {
	.wad-photo,
	.wad-photo-add { width: 84px; }
	.wad-photo img { height: 84px; }
	.wad-photo-add { height: 110px; }
}

/* ============================================================
   WD DASHBOARD — photo management
   Append to WD Custom CSS.
   ============================================================ */

.wad-dash-photos {
	margin: 22px 0 8px;
	padding-top: 20px;
	border-top: 1px solid #EAE7DF;
}

.wad-dash-photos h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #356A82;
	margin: 0 0 4px;
}
.wad-dash-photos h4 + .wad-dash-hint { margin-top: 0; }

.wad-dash-hint {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	color: #6B7B84;
	margin: 0 0 12px;
	line-height: 1.5;
}

.wad-photo-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
}

.wad-photo {
	position: relative;
	width: 96px;
	border: 2px solid #DCDAD4;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.wad-photo img {
	display: block;
	width: 100%;
	height: 96px;
	object-fit: cover;
}
.wad-photo--logo img { object-fit: contain; padding: 6px; }

.wad-photo__remove {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #8C3A18 !important;
	background: #FBF0EA;
	padding: 5px 4px !important;
	margin: 0 !important;
	cursor: pointer;
	border-top: 1px solid #DCDAD4;
}
.wad-photo__remove input { width: 14px; height: 14px; margin: 0; accent-color: #A34A22; }

/* The add tile — a dashed box you drop a file into */
.wad-photo-add {
	display: flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 96px;
	height: 122px;
	border: 2px dashed #B4C4CC;
	border-radius: 10px;
	background: #F4F9FB;
	cursor: pointer;
	margin: 0 !important;
	padding: 8px !important;
	transition: border-color .15s ease, background .15s ease;
}
.wad-photo-add:hover { border-color: #4E90AE; background: #EAF2F5; }
.wad-photo-add span {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	color: #356A82;
	line-height: 1.35;
}
.wad-photo-add input[type="file"] {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
	overflow: hidden;
}

@media (max-width: 600px) {
	.wad-photo,
	.wad-photo-add { width: 84px; }
	.wad-photo img { height: 84px; }
	.wad-photo-add { height: 110px; }
}


/* ---- Photos chosen but not yet saved ----
   Picking a file used to do nothing visible until after a save and a
   page reload, which left people wondering whether it had worked. */
.wad-photo--pending {
	border-style: dashed;
	border-color: #4E90AE;
	position: relative;
}
.wad-photo--pending img { opacity: .85; }

.wad-photo__pending {
	display: block;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 10.5px;
	font-weight: 800;
	text-align: center;
	color: #356A82;
	background: #EAF2F5;
	padding: 5px 4px;
	border-top: 1px solid #C8DCE4;
}

/* The save button, once there's something waiting to be saved */
.wad-form-submit.is-waiting {
	animation: wadNudge 1.6s ease-in-out 2;
}
@keyframes wadNudge {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
	.wad-form-submit.is-waiting { animation: none; }
}

/* ============================================================
   FOOTER VARIANTS — WD and AMPAS
   ------------------------------------------------------------
   Three footers now live on WD: the Travels one on the Travels
   sign-up page, the AMPAS one on the AMPAS sign-up page, and
   WD's own everywhere else. Same structure throughout — only
   the colours change, so it still reads as one component.

   Scoped with :not() so the plain .pf keeps the Travels look.
   Append to WD Custom CSS.
   ============================================================ */


/* ---------- WD ---------- */

.pf--wd {
	--pf-red:   #A34A22;
	--pf-teal:  #7FB8CE;
	--pf-cream: #FBFAF8;
	--pf-ink:   #2A5568;

	border-top-color: #A34A22;
}
.pf--wd .pf__col h4      { color: #9FCFE2; }
.pf--wd .pf__col a       { color: rgba(251,250,248,.85); }
.pf--wd .pf__col a:hover { color: #fff; }
.pf--wd .pf__social a:hover { background: #A34A22; }
.pf--wd .pf__tagline     { color: rgba(251,250,248,.72); }


/* ---------- AMPAS ---------- */

.pf--ampas {
	--pf-red:   #E8693A;
	--pf-teal:  #F5B341;
	--pf-cream: #FFF5E3;
	--pf-ink:   #2C1B12;

	border-top-color: #E8693A;
}
.pf--ampas .pf__col h4      { color: #F5B341; }
.pf--ampas .pf__col a       { color: rgba(255,245,227,.85); }
.pf--ampas .pf__col a:hover { color: #fff; }
.pf--ampas .pf__social a:hover { background: #E8693A; }
.pf--ampas .pf__tagline     { color: rgba(255,245,227,.72); }
.pf--ampas .pf__legal a     { color: rgba(255,245,227,.55); }
.pf--ampas .pf__legal a:hover { color: #FFF5E3; }
.pf--ampas .pf__copy        { color: rgba(255,245,227,.55); }

/* ============================================================
   WD — the landing after a business signs up
   ------------------------------------------------------------
   Submitting the form is the moment they're paying most
   attention: they've just handed over their business and want
   to know it worked and what happens next. It used to be one
   line in a green box.

   Append to WD Custom CSS.
   ============================================================ */

.wad-landed {
	max-width: 640px;
	margin: 0 auto;
	font-family: 'Nunito Sans', sans-serif;
}

/* ---- The confirmation ---- */
.wad-landed__head {
	text-align: center;
	padding: 8px 0 30px;
}

.wad-landed__tick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #2E7D5B;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 18px;
	box-shadow: 0 4px 0 #1E5740;
}

.wad-landed__head h2 {
	font-family: 'Poppins', sans-serif !important;
	font-size: 34px !important;
	font-weight: 700 !important;
	letter-spacing: -.7px !important;
	color: #356A82 !important;
	margin: 0 0 6px !important;
	line-height: 1.1 !important;
}

.wad-landed__name {
	font-size: 17px;
	font-weight: 800;
	color: #2C3A44;
	margin: 0;
}

/* ---- Section labels ---- */
.wad-landed__label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #97A4AB;
	text-align: center;
	margin: 0 0 14px;
}

/* ---- Where it's going ----
   Each club in its own colours, so the connection between
   this form and those two sites is visible rather than told. */
.wad-landed__clubs {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 34px;
}

.wad-landed__club {
	flex: 1 1 220px;
	max-width: 280px;
	border: 2px solid;
	border-radius: 14px;
	padding: 18px 20px;
	text-align: center;
}
.wad-landed__club strong {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 3px;
}
.wad-landed__club span {
	font-size: 13.5px;
	color: #6B7B84;
	line-height: 1.45;
}

.wad-landed__club--travels {
	background: #FBF3EC;
	border-color: #D6421F;
}
.wad-landed__club--travels strong { color: #D6421F; }

.wad-landed__club--ampas {
	background: #FFF6E8;
	border-color: #E8693A;
}
.wad-landed__club--ampas strong { color: #E8693A; }

/* ---- What happens next ---- */
.wad-landed__next {
	background: #EAF2F5;
	border-radius: 16px;
	padding: 26px 28px;
}

.wad-landed__next ol {
	counter-reset: wadstep;
	list-style: none;
	margin: 0;
	padding: 0;
}
.wad-landed__next li {
	counter-increment: wadstep;
	position: relative;
	padding-left: 44px;
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.55;
	color: #2C3A44;
}
.wad-landed__next li:last-child { margin-bottom: 0; }
.wad-landed__next li::before {
	content: counter(wadstep);
	position: absolute;
	left: 0;
	top: -2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #356A82;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wad-landed__next li strong { color: #356A82; }

.wad-landed__note {
	font-size: 13px;
	color: #6B7B84;
	line-height: 1.5;
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid #C8DCE4;
}

@media (max-width: 600px) {
	.wad-landed__head h2 { font-size: 27px !important; }
	.wad-landed__tick { width: 52px; height: 52px; font-size: 26px; }
	.wad-landed__next { padding: 22px 20px; }
	.wad-landed__club { flex: 1 1 100%; }
}

/* ============================================================
   WD DASHBOARD — photo management
   Append to WD Custom CSS.
   ============================================================ */

.wad-dash-photos {
	margin: 22px 0 8px;
	padding-top: 20px;
	border-top: 1px solid #EAE7DF;
}

.wad-dash-photos h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #356A82;
	margin: 0 0 4px;
}
.wad-dash-photos h4 + .wad-dash-hint { margin-top: 0; }

.wad-dash-hint {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	color: #6B7B84;
	margin: 0 0 12px;
	line-height: 1.5;
}

.wad-photo-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
}

.wad-photo {
	position: relative;
	width: 96px;
	border: 2px solid #DCDAD4;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}
.wad-photo img {
	display: block;
	width: 100%;
	height: 96px;
	object-fit: cover;
}
.wad-photo--logo img { object-fit: contain; padding: 6px; }

.wad-photo__remove {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #8C3A18 !important;
	background: #FBF0EA;
	padding: 5px 4px !important;
	margin: 0 !important;
	cursor: pointer;
	border-top: 1px solid #DCDAD4;
}
.wad-photo__remove input { width: 14px; height: 14px; margin: 0; accent-color: #A34A22; }

/* The add tile — a dashed box you drop a file into */
.wad-photo-add {
	display: flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 96px;
	height: 122px;
	border: 2px dashed #B4C4CC;
	border-radius: 10px;
	background: #F4F9FB;
	cursor: pointer;
	margin: 0 !important;
	padding: 8px !important;
	transition: border-color .15s ease, background .15s ease;
}
.wad-photo-add:hover { border-color: #4E90AE; background: #EAF2F5; }
.wad-photo-add span {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
	color: #356A82;
	line-height: 1.35;
}
.wad-photo-add input[type="file"] {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
	overflow: hidden;
}

@media (max-width: 600px) {
	.wad-photo,
	.wad-photo-add { width: 84px; }
	.wad-photo img { height: 84px; }
	.wad-photo-add { height: 110px; }
}


/* ---- Photos chosen but not yet saved ----
   Picking a file used to do nothing visible until after a save and a
   page reload, which left people wondering whether it had worked. */
.wad-photo--pending {
	border-style: dashed;
	border-color: #4E90AE;
	position: relative;
}
.wad-photo--pending img { opacity: .85; }

.wad-photo__pending {
	display: block;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 10.5px;
	font-weight: 800;
	text-align: center;
	color: #356A82;
	background: #EAF2F5;
	padding: 5px 4px;
	border-top: 1px solid #C8DCE4;
}

/* The save button, once there's something waiting to be saved */
.wad-form-submit.is-waiting {
	animation: wadNudge 1.6s ease-in-out 2;
}
@keyframes wadNudge {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) {
	.wad-form-submit.is-waiting { animation: none; }
}


/* ---- "Being checked" — a listing waiting on its once-over ----
   It used to read "Active", which said it was live on the clubs
   when it wasn't. ---- */
.wad-dash-discount__status.is-pending {
	background: #FDF4E3 !important;
	color: #8A6414 !important;
	border-color: #E8A82C !important;
}

/* ============================================================
   WD — the landing after a business signs up
   ------------------------------------------------------------
   Submitting the form is the moment they're paying most
   attention: they've just handed over their business and want
   to know it worked and what happens next. It used to be one
   line in a green box.

   Append to WD Custom CSS.
   ============================================================ */

.wad-landed {
	max-width: 640px;
	margin: 0 auto;
	font-family: 'Nunito Sans', sans-serif;
}

/* ---- The confirmation ---- */
.wad-landed__head {
	text-align: center;
	padding: 8px 0 30px;
}

.wad-landed__tick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #2E7D5B;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 18px;
	box-shadow: 0 4px 0 #1E5740;
}

.wad-landed__head h2 {
	font-family: 'Poppins', sans-serif !important;
	font-size: 34px !important;
	font-weight: 700 !important;
	letter-spacing: -.7px !important;
	color: #356A82 !important;
	margin: 0 0 6px !important;
	line-height: 1.1 !important;
}

.wad-landed__name {
	font-size: 17px;
	font-weight: 800;
	color: #2C3A44;
	margin: 0;
}

/* ---- Section labels ---- */
.wad-landed__label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #97A4AB;
	text-align: center;
	margin: 0 0 14px;
}

/* ---- Where it's going ----
   Each club in its own colours, so the connection between
   this form and those two sites is visible rather than told. */
.wad-landed__clubs {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 34px;
}

.wad-landed__club {
	flex: 1 1 220px;
	max-width: 280px;
	border: 2px solid;
	border-radius: 14px;
	padding: 18px 20px;
	text-align: center;
}
.wad-landed__club strong {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 3px;
}
.wad-landed__club span {
	font-size: 13.5px;
	color: #6B7B84;
	line-height: 1.45;
}

.wad-landed__club--travels {
	background: #FBF3EC;
	border-color: #D6421F;
}
.wad-landed__club--travels strong { color: #D6421F; }

.wad-landed__club--ampas {
	background: #FFF6E8;
	border-color: #E8693A;
}
.wad-landed__club--ampas strong { color: #E8693A; }

/* ---- What happens next ---- */
.wad-landed__next {
	background: #EAF2F5;
	border-radius: 16px;
	padding: 26px 28px;
}

.wad-landed__next ol {
	counter-reset: wadstep;
	list-style: none;
	margin: 0;
	padding: 0;
}
.wad-landed__next li {
	counter-increment: wadstep;
	position: relative;
	padding-left: 44px;
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 1.55;
	color: #2C3A44;
}
.wad-landed__next li:last-child { margin-bottom: 0; }
.wad-landed__next li::before {
	content: counter(wadstep);
	position: absolute;
	left: 0;
	top: -2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #356A82;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wad-landed__next li strong { color: #356A82; }

.wad-landed__note {
	font-size: 13px;
	color: #6B7B84;
	line-height: 1.5;
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid #C8DCE4;
}

@media (max-width: 600px) {
	.wad-landed__head h2 { font-size: 27px !important; }
	.wad-landed__tick { width: 52px; height: 52px; font-size: 26px; }
	.wad-landed__next { padding: 22px 20px; }
	.wad-landed__club { flex: 1 1 100%; }
}


/* ---- Somewhere to go next ---- */
.wad-landed__go {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 26px;
}

@media (max-width: 600px) {
	.wad-landed__go a { width: 100%; }
}


/* The note under the buttons — they can't get into their listing until
   they've confirmed, so say so rather than letting them bounce off a
   login page they have no password for. */
.wad-landed__hint {
	font-size: 13px;
	color: #6B7B84;
	line-height: 1.55;
	text-align: center;
	margin: 16px auto 0;
	max-width: 460px;
}


/* ============================================================
   The one thing this page needs them to do
   ------------------------------------------------------------
   Nothing else on the page matters if they don't open that
   email, so it gets to be the loudest thing on it.
   ============================================================ */

.wad-landed__email {
	background: #FDF4E3;
	border: 2px solid #E8A82C;
	border-radius: 16px;
	padding: 26px 28px;
	text-align: center;
	margin-bottom: 34px;
}

.wad-landed__envelope {
	display: inline-block;
	font-size: 34px;
	line-height: 1;
	color: #C9852B;
	margin-bottom: 10px;
}

.wad-landed__email strong {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.4px;
	color: #7A5210;
	margin-bottom: 8px;
	line-height: 1.15;
}

.wad-landed__email p {
	font-size: 15.5px;
	line-height: 1.6;
	color: #6B5628;
	margin: 0 auto;
	max-width: 440px;
}

.wad-landed__addr {
	font-weight: 800;
	color: #7A5210;
	word-break: break-word;
}

.wad-landed__junk {
	font-size: 13px !important;
	color: #8A7648 !important;
	margin-top: 12px !important;
	padding-top: 12px;
	border-top: 1px solid #EBD9AE;
}

@media (max-width: 600px) {
	.wad-landed__email        { padding: 22px 20px; }
	.wad-landed__email strong { font-size: 21px; }
	.wad-landed__email p      { font-size: 14.5px; }
}

/* ============================================================
   WD — "your listing appears on"
   ------------------------------------------------------------
   Bridges the jolt between arriving from a club and landing on
   WD. Both club logos are wide wordmarks rather than square
   icons, so they're shown at a size where they can actually be
   read — no pill around them, and no name beside them saying
   what the logo already says.

   Append to WD Custom CSS.
   ============================================================ */

.wad-badges {
	margin: 0 0 34px;
	text-align: center;
}

.wad-badges__label {
	display: block;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #97A4AB;
	margin-bottom: 20px;
}

.wad-badges__row {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

/* No pill, no border — just the mark */
.wad-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	border: 0;
	background: none;
	text-decoration: none;
	transition: transform .18s ease, filter .18s ease;
}

.wad-badge__logo {
	display: block;
	width: auto;
	max-width: 380px;
	max-height: 148px;
	object-fit: contain;
}

a.wad-badge:hover {
	transform: translateY(-4px) scale(1.03);
}

/* Fallback if a logo ever goes missing */
.wad-badge__name {
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	font-weight: 700;
}
.wad-badge--travels .wad-badge__name { color: #D6421F; }
.wad-badge--ampas   .wad-badge__name { color: #E8693A; }


/* ---- Compact, for the header strip ----
   Text only. A wide wordmark at 22px is a smudge, so the name
   does the work up here and the logos do it on the page. */

.wad-badges--mini {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	margin: 0;
}

.wad-badge--mini {
	padding: 3px 12px;
	border: 1px solid;
	border-radius: 999px;
	background: rgba(255,255,255,.1);
}
.wad-badge--mini .wad-badge__name {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .2px;
	white-space: nowrap;
}
a.wad-badge--mini:hover { transform: translateY(-1px); }

.wd-strip .wad-badge--travels { border-color: #E4795B; }
.wd-strip .wad-badge--travels .wad-badge__name { color: #F0A88F; }
.wd-strip .wad-badge--ampas   { border-color: #E8934A; }
.wd-strip .wad-badge--ampas .wad-badge__name   { color: #F3B77E; }
.wd-strip a.wad-badge--mini:hover { background: rgba(255,255,255,.2); }


@media (max-width: 880px) {
	.wad-badges--mini { display: none; }
}

@media (max-width: 600px) {
	.wad-badges__row  { gap: 26px; }
	.wad-badge__logo  { max-width: 240px; max-height: 92px; }
}

/* The escape line is too long for a phone. Same link, fewer words. */
.wd-out__short { display: none; }

@media (max-width: 700px) {
	.wd-out__long  { display: none; }
	.wd-out__short { display: inline; }
	.wd-strip a.wd-out { font-size: 11px; white-space: nowrap; }
}/* End custom CSS */