/* IDO-UK component styles. Colours/fonts come from theme.json presets. */

:root{
  --ido-gut: clamp(20px,5vw,72px);
}

/* shared helpers */
.ido-kicker{font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--gold-deep)}
.ido-section{padding-block:clamp(64px,9vw,110px)}
.has-display-font-family{letter-spacing:-.01em}

/* buttons: a secondary outline style */
.wp-block-button.is-style-ido-outline .wp-block-button__link{
  background:transparent;border:1.5px solid currentColor;color:var(--wp--preset--color--plum)
}
.ido-on-dark .wp-block-button.is-style-ido-outline .wp-block-button__link{color:#fff}
.ido-on-dark .wp-block-button.is-style-ido-outline .wp-block-button__link:hover{background:var(--wp--preset--color--gold);color:#2a1800;border-color:var(--wp--preset--color--gold)}

/* ---------- header ---------- */
.ido-header{position:sticky;top:0;z-index:60;background:rgba(17,0,36,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(223,167,45,.18)}
.ido-header .wp-block-site-logo img{height:40px;width:auto}
.ido-header .wp-block-navigation{font-family:var(--wp--preset--font-family--ui);font-weight:500;font-size:15px}
.ido-header .wp-block-navigation a{color:#f3e9d6}
.ido-header .wp-block-navigation a:hover{color:var(--wp--preset--color--gold)}
.ido-header .wp-block-button.is-style-ido-outline .wp-block-button__link{color:#fff;border-color:rgba(223,167,45,.55)}
.ido-header .wp-block-button.is-style-ido-outline .wp-block-button__link:hover{background:var(--wp--preset--color--gold);color:#2a1800;border-color:var(--wp--preset--color--gold)}

/* ---------- hero ---------- */
.ido-hero{position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(17,0,36,.90),rgba(32,9,58,.82) 55%,rgba(73,16,22,.86)),url(../images/bg3.jpg) center/cover no-repeat !important}
/* worldmap behind the join band */
.ido-section#join{background:linear-gradient(135deg,rgba(73,16,22,.92),rgba(17,0,36,.93)),url(../images/worldmap-dental.jpg) center/cover no-repeat !important}
.ido-hero:after{content:"";position:absolute;right:-2%;bottom:-8%;width:min(560px,52vw);aspect-ratio:898/918;background:url(../images/do.png) right bottom/contain no-repeat;opacity:.12;pointer-events:none}
.ido-hero > *{position:relative;z-index:2}
.ido-hero h1 em{font-style:italic;color:var(--wp--preset--color--gold)}
.ido-startcard{background:rgba(255,255,255,.04);border:1px solid rgba(223,167,45,.3);border-radius:14px}
.ido-route{display:block;padding:15px 18px;border:1px solid rgba(255,255,255,.14);border-radius:9px;transition:.2s}
.ido-route:hover{border-color:var(--wp--preset--color--gold);background:rgba(223,167,45,.07)}
.ido-route strong{font-family:var(--wp--preset--font-family--ui);color:#fff;font-size:15px;display:block}
.ido-route span{font-size:13px;color:#b7aec6}

/* ---------- journey ---------- */
.ido-path{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ido-stage{position:relative;padding:0 22px}
.ido-stage:not(:last-child):before{content:"";position:absolute;top:26px;left:50%;right:-50%;height:2px;background:linear-gradient(90deg,var(--wp--preset--color--gold),rgba(223,167,45,.25))}
.ido-dot{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;background:var(--wp--preset--color--plum);color:var(--wp--preset--color--gold);display:grid;place-items:center;font-family:var(--wp--preset--font-family--display);font-size:22px;border:2px solid var(--wp--preset--color--gold)}
.ido-stage h3{margin:22px 0 10px}
.ido-stage ul{list-style:none;margin:12px 0 0;padding:0}
.ido-stage li{font-size:14.5px;padding:5px 0 5px 20px;position:relative}
.ido-stage li:before{content:"→";position:absolute;left:0;color:var(--wp--preset--color--gold-deep)}
.ido-stage li a:hover{color:var(--wp--preset--color--gold-deep);text-decoration:underline}

/* ---------- belonging ---------- */
.ido-quote{font-family:var(--wp--preset--font-family--display);font-style:italic;font-size:clamp(22px,2.8vw,30px);line-height:1.35;color:var(--wp--preset--color--gold-soft)}
.ido-quote .hl{color:var(--wp--preset--color--gold)}
.ido-chip{display:inline-block;border:1px solid rgba(223,167,45,.35);color:var(--wp--preset--color--gold-soft);border-radius:30px;padding:8px 16px;font-size:14px;font-family:var(--wp--preset--font-family--ui);font-weight:500;margin:0 8px 8px 0}

/* ---------- guide index ---------- */
.ido-gcol h3{font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--gold-deep);padding-bottom:14px;border-bottom:2px solid var(--wp--preset--color--line);margin:0}
.ido-glink{display:block;padding:15px 0;border-bottom:1px solid var(--wp--preset--color--line);font-family:var(--wp--preset--font-family--display);font-size:17px;color:var(--wp--preset--color--plum);transition:.2s}
.ido-glink small{display:block;font-family:var(--wp--preset--font-family--body);font-size:13.5px;color:var(--wp--preset--color--muted);margin-top:3px}
.ido-glink:hover{color:var(--wp--preset--color--gold-deep);padding-left:6px;text-decoration:none}

/* ---------- 90 days ---------- */
.ido-dcard{background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:30px;border-top:4px solid var(--wp--preset--color--gold)}
.ido-dcard .num{font-family:var(--wp--preset--font-family--display);font-size:40px;color:var(--wp--preset--color--gold-deep);line-height:1}
.ido-dcard ul{list-style:none;margin:14px 0 0;padding:0}
.ido-dcard li{font-size:14.5px;padding:7px 0 7px 22px;position:relative;color:#4a4456}
.ido-dcard li:before{content:"✓";position:absolute;left:0;color:var(--wp--preset--color--gold-deep);font-weight:700}

/* ---------- join band + offer ---------- */
.ido-offer{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;color:#cfc6dd;font-size:15px}
.ido-offer strong{display:block;font-family:var(--wp--preset--font-family--display);color:var(--wp--preset--color--gold);font-size:17px;margin-bottom:2px;font-weight:500}

/* ---------- footer ---------- */
.ido-footer{background:var(--wp--preset--color--plum);color:#b7aec6}
.ido-footer .wp-block-site-logo img{height:38px;width:auto}
.ido-footer a{color:#b7aec6}
.ido-footer a:hover{color:var(--wp--preset--color--gold)}
.ido-footer h4,.ido-footer .wp-block-heading{color:#fff;font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase}

/* ---------- content width + prose ---------- */
.ido-prose h2{margin-top:1.6em}
.ido-prose h3{margin-top:1.3em}

/* hamburger (mobile nav toggle) in gold */
.ido-header .wp-block-navigation__responsive-container-open,
.ido-header .wp-block-navigation__responsive-container-close{color:var(--wp--preset--color--gold)}
.ido-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--plum)}

/* centre the join offer row */
.ido-offer{justify-content:center;text-align:center}

/* prevent accidental horizontal scroll from the hero watermark */
html,body{overflow-x:hidden}

/* no gap between stacked full-bleed sections (they own their padding) */
.wp-site-blocks > *{margin-block-start:0;margin-block-end:0}
.wp-site-blocks{--wp--style--block-gap:0}

@media(max-width:900px){
  .ido-path{grid-template-columns:1fr 1fr;gap:34px 0}
  .ido-stage:before{display:none}
}

/* ---------- inner page prose ---------- */
.ido-prose h2.wp-block-heading{font-family:var(--wp--preset--font-family--display);font-size:clamp(1.35rem,2.6vw,1.9rem);color:var(--wp--preset--color--plum);margin-block-start:2.8rem;padding-bottom:.4rem;border-bottom:2px solid var(--wp--preset--color--gold)}
.ido-prose h3.wp-block-heading{font-family:var(--wp--preset--font-family--ui);font-size:1rem;font-weight:700;color:var(--wp--preset--color--burgundy);margin-block-start:0;margin-block-end:.3rem;text-transform:uppercase;letter-spacing:.04em}
.ido-prose .wp-block-separator{border:none;border-top:1px solid var(--wp--preset--color--line);margin-block:2rem}
.ido-callout{border-left:3px solid var(--wp--preset--color--gold);padding:.9rem 1.1rem;background:var(--wp--preset--color--cream);border-radius:0 4px 4px 0;margin-block:1.4rem}
.ido-callout--warning{border-left-color:var(--wp--preset--color--burgundy)}
.ido-intro{font-size:1.1rem;line-height:1.75;color:var(--wp--preset--color--plum);margin-block-end:1.5rem}

/* resource cards */
.ido-resource-grid{gap:1rem !important;margin-block:.4rem !important}
.ido-resource-card{border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:1.2rem 1.4rem !important;height:100%;background:var(--wp--preset--color--paper)}
.ido-resource-card h3.wp-block-heading{color:var(--wp--preset--color--plum);font-size:.95rem;font-weight:700;margin-block-end:.2rem;border:none;padding:0;text-transform:none;letter-spacing:0}
.ido-resource-card .ido-kicker{margin-block-start:0;margin-block-end:.5rem}
.ido-resource-card p{margin-block:0;font-size:.95rem;color:var(--wp--preset--color--ink)}
.ido-resource-card--full{width:100%;border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:1.4rem 1.6rem !important;background:var(--wp--preset--color--paper)}

/* jump nav */
.ido-jump-nav{margin-block-end:2rem !important}
.ido-jump-nav p{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.ido-jump-nav a{display:inline-block;padding:.3rem .8rem;background:var(--wp--preset--color--cream);border:1px solid var(--wp--preset--color--line);border-radius:20px;font-size:.82rem;font-family:var(--wp--preset--font-family--ui);font-weight:500;color:var(--wp--preset--color--plum);text-decoration:none}
.ido-jump-nav a:hover{background:var(--wp--preset--color--gold);border-color:var(--wp--preset--color--gold);color:#2a1800}

/* checklist */
.ido-checklist{margin-block-start:1rem !important;gap:1rem !important}
.ido-checklist__phase{border:1px solid var(--wp--preset--color--line);border-radius:6px;padding:1.2rem 1.4rem !important;background:var(--wp--preset--color--paper)}
.ido-checklist__phase h3.wp-block-heading{font-family:var(--wp--preset--font-family--ui);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--wp--preset--color--gold-deep);margin-block-end:.7rem;border:none;padding:0}
.ido-checklist__phase .wp-block-list{font-size:.9rem;padding-left:1.2rem}
.ido-checklist__phase .wp-block-list li{margin-block:.35rem}

/* closing note */
.ido-closing-note{margin-block-start:2.5rem !important;border-radius:6px}
.ido-closing-note p{color:#fff;line-height:1.7}

/* landing page hero */
.ido-landing-hero-title{font-size:clamp(2rem,6vw,3.5rem) !important;line-height:1.1;font-weight:600;color:#fff !important;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.ido-landing-hero-subtitle{font-size:1.15rem;color:rgba(255,255,255,.95);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}

/* feature grid landing */
.ido-landing-features{padding-block:4rem !important}
.ido-feature-grid{gap:2rem !important;margin-block:0 !important}
.ido-feature-card{border-radius:8px;padding:2rem 1.5rem !important;text-align:center;background:#fff;border:1px solid var(--wp--preset--color--line);transition:transform .3s,box-shadow .3s;height:100%}
.ido-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(17,0,36,.12)}
.ido-feature-icon{font-size:3rem;color:var(--wp--preset--color--gold);margin-block-end:1rem}
.ido-feature-card h3.wp-block-heading{color:var(--wp--preset--color--plum);margin-block:.5rem;font-family:var(--wp--preset--font-family--display);font-size:1.3rem}
.ido-feature-card p{color:var(--wp--preset--color--ink);margin-block:.5rem}
.ido-feature-card a{color:var(--wp--preset--color--gold-deep);font-weight:600;text-decoration:none}
.ido-feature-card a:hover{text-decoration:underline}

/* section titles with icons */
.ido-section-title{display:flex;align-items:center;font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--wp--preset--color--plum);margin-block-start:2.8rem !important}

/* landing details spacing */
.ido-landing-details{margin-block:2rem}

/* Font Awesome icons in page */
.wp-block-heading::before{margin-right:12px;color:var(--wp--preset--color--gold);font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}

/* specific section icons */
h2#finding-home::before{content:'\f015'}
h2#car::before{content:'\f1b9'}
h2#insurance::before{content:'\f132'}
h2#banking::before{content:'\f19c'}
h2#money::before{content:'\f3d1'}
h2#mobile::before{content:'\f10b'}
h2#utilities::before{content:'\f1e6'}
h2#healthcare::before{content:'\f0f1'}
h2#transport::before{content:'\f238'}
h2#shopping::before{content:'\f07a'}
h2#schools::before{content:'\f19d'}
h2#council-tax::before{content:'\f0f7'}
h2#checklist::before{content:'\f058'}

@media(max-width:600px){
  .ido-header .wp-block-site-logo img{height:34px}
  .ido-header .wp-block-buttons{display:none}
  .ido-kicker{letter-spacing:.12em;font-size:11.5px}
  .ido-offer{gap:22px}
}