.elementor-kit-16{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#EAEAEA;--e-global-color-text:#CFCFCF;--e-global-color-accent:#858585;--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-16 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 *//*************************************************
 WAX FOR MEN — GLOBAL BRUSHED STEEL THEME (STRONG)
 Uses your texture:
 https://waxformen.co.uk/wp-content/uploads/2025/09/Steel_background.png
**************************************************/
:root{
  --wf-black:#0f0f10;
  --wf-charcoal:#1a1a1a;
  --wf-charcoal-2:#1f1f1f;
  --wf-steel-dark:#2e2e2e;
  --wf-steel:#3b3b3b;
  --wf-steel-mid:#4a4a4a;
  --wf-steel-lite:#5c5c5c;
  --wf-silver:#707070;
  --wf-white:#f5f5f5;

  --wf-shadow: rgba(0,0,0,.45);
  --wf-border: rgba(255,255,255,.07);

  --wf-radius: 10px;
  --wf-pad: 20px;
}

/* ---------- Global background: STRONG brushed steel ---------- */
html, body {
  min-height: 100%;
  background:
    url('https://waxformen.co.uk/wp-content/uploads/2025/09/Steel_background.png'),
    /* high-contrast steel gradient underlay */
    linear-gradient(135deg,
      #1a1a1a 0%,
      #2e2e2e 35%,
      #3b3b3b 65%,
      #1f1f1f 100%);
  /* strongest texture look = overlay */
  background-blend-mode: overlay;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--wf-white);
}

/* Optional: subtle vignette for legibility (keeps texture strong) */
body::before{
  content:"";
  position: fixed; inset:0;
  pointer-events:none; z-index:-1;
  background: radial-gradient(1200px 700px at 25% 25%,
              rgba(0,0,0,.25) 0%,
              rgba(0,0,0,.45) 55%,
              rgba(0,0,0,.55) 100%);
}

/* ---------- Base typography & links ---------- */
body, .elementor, .elementor p, .elementor li { color: var(--wf-white); }
a { color:#e0e0e0; text-decoration:none; }
a:hover, a:focus{ color:#ffffff; text-decoration:underline; }

/* Headings */
h1, h2, h3, .elementor-heading-title { letter-spacing:.02em; line-height:1.15; margin-bottom:.35em; }
h1, .h1{ color:#ffffff; }
h2, .h2{ color:#ededed; }
h3, .h3{ color:#dcdcdc; }

/* ---------- Sections (optional helpers) ---------- */
/* Light steel band for contrast (use class: section-light) */
.section-light{
  background:
    linear-gradient(135deg,
      var(--wf-steel-mid) 0%,
      var(--wf-steel-lite) 40%,
      var(--wf-silver) 70%,
      var(--wf-steel-lite) 100%);
  color:#121212;
}

/* Force darker band (use class: section-dark) */
.section-dark{
  background:
    linear-gradient(135deg,
      var(--wf-charcoal) 0%,
      var(--wf-steel-dark) 45%,
      var(--wf-charcoal-2) 100%);
  color: var(--wf-white);
}

/* ---------- Cards / Boxes ---------- */
/* Light brushed-steel card (sits on dark bg) */
.card-light, .elementor-widget-container.box-light {
  background:
    url('https://waxformen.co.uk/wp-content/uploads/2025/09/Steel_background.png'),
    linear-gradient(135deg, var(--wf-steel-mid) 0%, var(--wf-steel-lite) 40%, var(--wf-silver) 70%, var(--wf-steel-lite) 100%);
  background-blend-mode: overlay;          /* strongest brushed look */
  background-size: cover;
  border: 1px solid var(--wf-border);
  border-radius: var(--wf-radius);
  box-shadow: 0 8px 22px var(--wf-shadow);
  padding: var(--wf-pad);
  color:#121212;
}

/* Dark carbon card (use on light sections) */
.card-dark{
  background:
    url('https://www.transparenttextures.com/patterns/carbon-fibre.png'),
    linear-gradient(160deg, var(--wf-charcoal) 0%, var(--wf-steel-dark) 55%, var(--wf-charcoal-2) 100%);
  background-blend-mode: overlay;
  background-size: auto, cover;
  border: 1px solid var(--wf-border);
  border-radius: var(--wf-radius);
  box-shadow: 0 8px 24px var(--wf-shadow);
  padding: var(--wf-pad);
  color: var(--wf-white);
}

/* Small tiles (treatment chips) */
.tile{
  background: linear-gradient(145deg, #353535, #2a2a2a);
  border-radius: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 4px 12px var(--wf-shadow);
}

/* ---------- Buttons ---------- */
.elementor-button, .btn, .e-button{
  background: linear-gradient(135deg, #4d4d4d, #2f2f2f);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  color:#fff;
  padding: 12px 22px;
  box-shadow: 0 6px 16px var(--wf-shadow);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.elementor-button:hover, .btn:hover, .e-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 10px 24px var(--wf-shadow);
}
/* Outline variant: add class btn-outline */
.btn-outline{ background:transparent !important; border:1px solid rgba(255,255,255,.22) !important; color:#e8e8e8 !important; }
.btn-outline:hover{ background: rgba(255,255,255,.06) !important; }

/* ---------- Forms ---------- */
input, select, textarea{
  background: linear-gradient(135deg, #2b2b2b, #232323);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  color:#f1f1f1;
}
input::placeholder, textarea::placeholder{ color:#b8b8b8; }
input:focus, textarea:focus, select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.18);
}

/* ---------- Footer ---------- */
.site-footer, .elementor-location-footer{
  background:
    url('https://www.transparenttextures.com/patterns/concrete-wall.png'),
    linear-gradient(180deg, #151515 0%, #111111 100%);
  background-blend-mode: overlay;
  border-top:1px solid var(--wf-border);
}

/* ---------- Layout niceties ---------- */
.elementor-column .elementor-widget-wrap{ gap:14px; }

/* ---------- Responsive & motion ---------- */
@media (max-width: 767px){
  :root{ --wf-pad:16px; --wf-radius:9px; }
  .elementor-button, .btn, .e-button{ padding:11px 18px; }
}
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
  body{ background-attachment: scroll; }
}

/* ---------- Quick utility classes ---------- */
.shadow-none{ box-shadow:none !important; }
.rounded{ border-radius: var(--wf-radius) !important; }
.border{ border:1px solid var(--wf-border) !important; }
.text-steel{ color:#dcdcdc !important; }
.bg-dark{ background:#171717 !important; color:#f1f1f1 !important; }
/* ==== Fix: Book by Location panel readability ==== */

/* 1) Calm the texture INSIDE the panel */
.loc-panel {
  position: relative;
  isolation: isolate;                 /* isolates overlay effects */
  background: rgba(18, 20, 24, .72);  /* flatter, cleaner surface */
  backdrop-filter: blur(4px) saturate(105%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.loc-panel::before {                  /* block section texture from bleeding in */
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.12));
  mix-blend-mode: normal;             /* no soft-light here */
}

/* 2) Inputs: brighter surface, clearer borders */
..elementor-kit-16 select {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  height: 48px;
  border-radius: 999px;
  padding: 0 16px;
  line-height: 46px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
..elementor-kit-16 select:focus-visible {
  outline: 2px solid #8aa0ff;
  outline-offset: 2px;
  border-color: #8aa0ff;
}
..elementor-kit-16 select option,
..elementor-kit-16 select optgroup { color:#e9edf2; background:#14171b; }

/* 3) Primary CTA: stronger contrast on dark */
#goBook.btn[aria-disabled="true"] {
  opacity: .9;
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
  cursor: default;
}
#goBook.btn:not([aria-disabled]) {
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}

/* 4) Chips row: raise cards, readable text */
.loc-grid .chip.loc {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.18);
  color: #f5f7fa;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.loc-grid .chip[aria-disabled="true"] {
  opacity: .85;
  color: #e8ebf0;
  background: rgba(255,255,255,.04);
  border-style: dashed;
}

/* 5) “Coming soon” banner: keep it legible */
#soon.card-light {
  background: rgba(23,27,32,.78);
  border: 1px solid rgba(255,255,255,.16);
}

/* Optional: soften only this panel even when the page uses strong steel */
.loc-panel.no-texture::before { background: none; }
/* Brighten headings inside trust cards */
.trust strong {
  display:block;
  font-weight:800;
  color:#fff;                 /* full white for contrast */
  margin-bottom:6px;
  letter-spacing:.02em;
}

/* Keep supporting text softer */
.trust .muted {
  color:#cfd3d8;              /* softer contrast */
  font-weight:400;
  line-height:1.4;
}
/* ===== Timeline readability fix (About page) ===== */
#timeline .card.card-light:first-child{
  position: relative;
  background: linear-gradient(180deg, rgba(18,20,24,.85), rgba(18,20,24,.78)); /* darker panel */
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(3px) saturate(105%);
}
#timeline .card.card-light:first-child::before{
  content:""; position:absolute; inset:0; border-radius:inherit; z-index:0;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.20)); /* kills texture show-through */
}

/* Text: force bright, remove any blend/opacity inherited */
#timeline h2,
#timeline .timeline,
#timeline .timeline *{
  position: relative; z-index:1;
  color:#ffffff !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

/* Timeline line + nodes brighter */
#timeline .timeline::before{ background: rgba(255,255,255,.35); }
#timeline .milestone::before{
  background:#fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.18);
}
:root{
  --bg:#0f1114; --panel:#171b20; --panel-2:#1d2228;
  --steel:#2b3137; --steel-2:#3a4149;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --text:#fff; --muted:#cfd3d8; --accent:#8aa0b2;
  --radius:18px; --radius-sm:14px; --shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Page background */
body{ background:var(--bg); color:var(--text); }

/* Reusable chips & buttons */
.wfm-chip{display:inline-flex;align-items:center;gap:.35rem;
  padding:6px 10px;border-radius:999px;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line); color:#fff; font-weight:700}
.wfm-chip--ghost{background:transparent;border-color:var(--line-2)}
.wfm-btn{display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:var(--radius-sm);font-weight:800;
  background:linear-gradient(180deg,var(--steel),var(--steel-2));
  border:1px solid var(--line-2); color:#fff; text-decoration:none}
.wfm-btn:hover{filter:brightness(1.07);border-color:var(--accent);transform:translateY(-1px)}

/* Card look for Posts widget items */
.wfm-card{background:linear-gradient(180deg,#1d2125,#2b2f33)!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;
  box-shadow:var(--shadow)!important; overflow:hidden}
.wfm-card img{border-radius:10px}
.wfm-card .elementor-post__title a{color:#fff;font-weight:800}
.wfm-card .elementor-post__excerpt{color:var(--muted)}
.wfm-card .elementor-post__read-more{ @apply .wfm-btn; } /* ignore if @apply unsupported */

/* Single post content */
.wfm-article{background:linear-gradient(180deg,#171b20,#1d2228);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}
.wfm-article h1,h2,h3{letter-spacing:.2px}
.wfm-meta{display:flex;gap:8px;flex-wrap:wrap;margin:.5rem 0 1rem}
.wfm-hero{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.wfm-hero img{display:block;width:100%;height:auto;}

/* Pagination + related */
.wfm-pagi a, .wfm-pagi span{border:1px solid var(--line-2);padding:10px 14px;border-radius:10px}/* End custom CSS */