/*
Theme Name: Dune & Thames
Theme URI: https://duneandthames.com
Description: Child theme of Kadence for Dune & Thames — accounting & consultancy, Dubai. Simple, easy-to-navigate, lead-generation focused (enquire / email / WhatsApp).
Author: Dune & Thames
Template: kadence
Version: 1.4.1
Text Domain: dune-thames
*/

/* Custom styles are added below as the design is built. */

/* ---- Footer (business info · social slots · WhatsApp QR) ---- */
.dt-footer{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;align-items:flex-start;max-width:1080px;margin:0 auto;text-align:left;}
.dt-footer-col{flex:1 1 240px;}
.dt-footer-qr{flex:0 1 180px;text-align:center;}
.dt-footer h3,.dt-footer h4{margin:0 0 .5rem;}
.dt-footer p{margin:.3rem 0;}
.dt-social{display:flex;flex-wrap:wrap;gap:.5rem;}
.dt-social a{display:inline-block;padding:.25rem .6rem;border:1px solid currentColor;border-radius:999px;font-size:.85rem;text-decoration:none;}
.dt-footer-qr img{background:#fff;padding:6px;border-radius:8px;max-width:140px;height:auto;}
.dt-qr-cap{margin-top:.4rem;font-size:.85rem;}
.dt-note{font-size:.8rem;opacity:.7;}
.dt-footer-copy{text-align:center;margin-top:1.5rem;font-size:.85rem;opacity:.8;}

/* ---- Floating WhatsApp button (site-wide) ---- */
.dt-wa-float{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:.5rem;background:#25D366;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.25);text-decoration:none;font-weight:600;line-height:1;transition:transform .15s ease,box-shadow .15s ease;}
.dt-wa-float:hover,.dt-wa-float:focus{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.3);color:#fff;}
.dt-wa-float svg{flex:0 0 auto;display:block;}
.dt-wa-label{white-space:nowrap;}
@media (max-width:600px){.dt-wa-float{padding:14px;border-radius:50%;}.dt-wa-label{display:none;}}

/* =====================================================================
   BRAND TOKENS — Design Blend v1 (applied 8 Aug 2026)
   Palette + type synthesised from the owner's 5 reference sites.
   Rooted in the name: Gulf "Dune" (warmth) + City "Thames" (assurance).
   ===================================================================== */

/* ---- Self-hosted fonts (no external CDN — privacy/perf) ---- */
@font-face{
  font-family:"IBM Plex Sans";
  src:url("assets/fonts/ibm-plex-sans-var.woff2") format("woff2");
  font-weight:100 700; font-stretch:75% 100%; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Playfair Display";
  src:url("assets/fonts/playfair-var.woff2") format("woff2");
  font-weight:400 900; font-style:normal; font-display:swap;
}

/* ---- Brand palette → mapped onto Kadence global variables ----
   :root:root wins over Kadence's own :root block regardless of load order. */
:root:root{
  /* raw brand tokens (reusable) — NAVY-LED (owner pref, 9 Aug) */
  --dt-ink:#14294a;          /* Thames Navy — headings, text            */
  --dt-ink-2:#22344d;
  --dt-muted:#6b7a88;
  --dt-dune:#b8862f;         /* Dune Gold (refined, metallic) — CTAs/logo */
  --dt-dune-deep:#956c1f;
  --dt-dune-soft:#f6e8cc;
  --dt-gold-bright:#cfa246;   /* brighter gold for use ON navy            */
  /* Thames Blue — replaces the retired teal (links, icons, secondary) */
  --dt-river:#2e67a8;
  --dt-river-deep:#234e82;
  --dt-river-soft:#e6edf6;
  /* Navy shade family */
  --dt-navy-950:#0b1a30;
  --dt-navy-900:#0f2340;     /* footer / deepest band */
  --dt-navy-800:#14294a;     /* headings / text base  */
  --dt-navy-700:#1b3a63;     /* 'why us' band         */
  --dt-navy-600:#234e82;
  --dt-navy-500:#2e67a8;     /* Thames Blue           */
  --dt-navy-100:#e6edf6;
  --dt-sand:#faf7f1;
  --dt-line:#e7e1d6;

  /* Kadence global palette remap — navy-led */
  --global-palette1:#2e67a8;   /* accent / links (Thames Blue) */
  --global-palette2:#234e82;   /* accent hover                 */
  --global-palette3:#14294a;   /* headings / strongest text    */
  --global-palette4:#22344d;   /* body text                    */
  --global-palette5:#4a5b68;   /* medium text                  */
  --global-palette6:#6b7a88;   /* subtle text / borders        */
  --global-palette7:#faf7f1;   /* subtle warm background        */
  --global-palette8:#fdfbf7;   /* lighter warm background        */
  --global-palette9:#ffffff;   /* base / white                 */

  /* Typography */
  --global-body-font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  --global-heading-font-family:"Playfair Display",Georgia,"Times New Roman",serif;
}

body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
::selection{background:var(--dt-dune-soft);color:var(--dt-ink);}

/* ---- Headings: Playfair Display, refined serif setting ---- */
h1,h2,h3,h4,h5,h6,.entry-title,.kb-title-item{letter-spacing:-0.005em;text-wrap:balance;}
h1,.entry-title{font-weight:700;}
h2,h3,.kb-title-item{font-weight:600;}

/* ---- Primary / filled CTAs = Dune Gold (ink text) ----
   Gold is the one loud colour: Enquire, email, form submit, header CTA. */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.kb-button.kb-btn-global-filled,
.header-button.button-style-filled,
.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
input[type="submit"].button,
.wp-element-button.is-primary{
  background-color:var(--dt-dune) !important;
  border-color:var(--dt-dune) !important;
  color:var(--dt-ink) !important;
}
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus,
.kb-button.kb-btn-global-filled:hover,
.header-button.button-style-filled:hover,
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover,
input[type="submit"].button:hover{
  background-color:var(--dt-dune-deep) !important;
  border-color:var(--dt-dune-deep) !important;
  color:#ffffff !important;
}

/* ---- Secondary / outline buttons = River Teal ---- */
.wp-block-button.is-style-outline > .wp-block-button__link,
.kb-button.kb-btn-global-outline{
  color:var(--dt-river-deep);
  border-color:var(--dt-river);
  background-color:transparent;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.kb-button.kb-btn-global-outline:hover{
  background-color:var(--dt-river-soft);
  border-color:var(--dt-river-deep);
  color:var(--dt-river-deep);
}

/* ---- Links & focus ---- */
.entry-content a:not(.wp-block-button__link):not(.kb-button){text-underline-offset:2px;}
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible,
input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--dt-river);outline-offset:2px;border-radius:3px;
}

/* ---- Footer social chips adopt the palette ---- */
.dt-social a{border-color:var(--dt-river);color:var(--dt-river-deep);}
.dt-social a:hover{background:var(--dt-river);border-color:var(--dt-river);color:#fff;}

/* ---- Brand logo — header + footer (outlined SVG wordmark) ---- */
.site-branding .brand{display:inline-flex;align-items:center;}
.site-branding .logo-icon{display:inline-flex;align-items:center;line-height:0;}
.site-branding .logo-icon .dt-header-logo{height:46px;width:auto;max-width:none;display:block;}
#masthead .item-is-fixed .site-branding .logo-icon .dt-header-logo{height:40px;} /* sticky */
@media (max-width:768px){.site-branding .logo-icon .dt-header-logo{height:38px;}}

.dt-footer-brand{flex:0 0 100%;margin:0 0 .35rem;}
.dt-footer-logo{height:44px;width:auto;max-width:100%;display:block;}

/* =====================================================================
   NAVY-LED — navy 'why us' band + navy footer (9 Aug 2026)
   ===================================================================== */

/* ---- Navy 'why us' band (class added to the group block in page content) ---- */
.dt-band-navy{background:var(--dt-navy-700);}
.dt-band-navy :is(h1,h2,h3,h4,h5,h6),
.dt-band-navy .kb-title-item{color:#ffffff;}
.dt-band-navy p,.dt-band-navy li{color:#dbe6f2;}
.dt-band-navy a:not(.wp-block-button__link):not(.kb-button){color:#a9c7e8;}
.dt-band-navy a:not(.wp-block-button__link):not(.kb-button):hover{color:#ffffff;}

/* ---- Navy footer ---- */
#colophon.site-footer,
#colophon .site-footer-row-container-inner{background:var(--dt-navy-900);}
#colophon .dt-footer h3,
#colophon .dt-footer h4{color:#ffffff;}
#colophon .dt-footer,
#colophon .dt-footer p{color:#cdd9e8;}
#colophon .dt-footer a{color:#a9c7e8;}
#colophon .dt-footer a:hover{color:#ffffff;}
#colophon .dt-social a{border-color:rgba(255,255,255,.35);color:#e6edf6;}
#colophon .dt-social a:hover{background:#ffffff;border-color:#ffffff;color:var(--dt-navy-900);}
#colophon .dt-footer-copy{color:#8ea6c2;}
#colophon .dt-note{color:#7f97b4;}

/* =====================================================================
   HERO C — navy authority band (homepage hero, 11 Aug 2026)
   Full-bleed navy section; inner content constrained by .dt-hero-inner.
   ===================================================================== */
.dt-hero-navy{background:var(--dt-navy-800);color:#eaf0fb;padding-block:clamp(3rem,7vw,5.5rem);}
.dt-hero-inner{max-width:1080px;margin-inline:auto;padding-inline:clamp(1.15rem,4vw,1.5rem);}
.dt-hero-navy .dt-eyebrow{
  font-family:var(--global-body-font-family);color:var(--dt-gold-bright);
  font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;}
.dt-hero-navy h1{color:#ffffff;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.05;margin:0;}
.dt-hero-navy .dt-hero-sub{color:#c3cee1;font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:48ch;margin:1.1rem 0 0;}
.dt-hero-cta{margin-top:1.7rem;}
.dt-hero-navy .wp-block-button.is-style-outline > .wp-block-button__link{
  color:#ffffff;border-color:rgba(255,255,255,.55);background:transparent;}
.dt-hero-navy .wp-block-button.is-style-outline > .wp-block-button__link:hover,
.dt-hero-navy .wp-block-button.is-style-outline > .wp-block-button__link:focus{
  background:rgba(255,255,255,.12);border-color:#ffffff;color:#ffffff;}
.dt-caps{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid rgba(243,236,221,.16);}
.dt-caps .wp-block-column{min-width:0;}
.dt-cap-term{font-family:var(--global-heading-font-family);color:var(--dt-gold-bright);
  font-size:1.2rem;font-weight:600;margin:0;line-height:1.2;}
.dt-cap-desc{color:#b7c2d6;font-size:.9rem;margin:.2rem 0 0;line-height:1.45;}
.dt-trusted{color:#8ea6c2;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin:1.9rem 0 0;}