/*
Theme Name: Bamberfield Kadence Child
Theme URI: https://www.bamberfield.com/
Description: Bamberfield corporate child theme for Kadence.
Author: Bamberfield
Template: kadence
Version: 1.0.0
Text Domain: bamberfield-kadence-child
*/

/* Brand palette */
:root {
  --bf-navy: #0B1F3A;
  --bf-blue: #1769AA;
  --bf-cyan: #45C5DD;
  --bf-light: #F2F7FB;
  --bf-ink: #17283D;
  --bf-muted: #607286;
}

/* Global */
body { color: var(--bf-ink); }
a { text-underline-offset: 3px; }
.site-container, .content-container { max-width: 1240px; }
.entry-content { line-height: 1.7; }
h1,h2,h3,h4 { color: var(--bf-navy); letter-spacing: -0.025em; }
.wp-block-button__link, .button, button, input[type="submit"] {
  border-radius: 5px;
  font-weight: 700;
}
.wp-block-button.is-style-fill .wp-block-button__link {
  background: var(--bf-blue); color: #fff;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
  background: var(--bf-navy); color: #fff;
}

/* Header and navigation */
.site-header, .site-header-row-container-inner {
  background: var(--bf-navy);
}
.site-header .site-branding a,
.site-header .site-title,
.site-header .site-description { color: #fff; }
.site-header .primary-menu-container > ul > li > a,
.site-header .header-navigation .header-menu-container > ul > li > a {
  color: #fff;
  font-weight: 650;
}
.site-header .primary-menu-container > ul > li > a:hover,
.site-header .header-navigation .header-menu-container > ul > li > a:hover {
  color: var(--bf-cyan);
}
.site-header .header-button,
.site-header .header-button .button {
  background: var(--bf-cyan); color: var(--bf-navy);
  border-radius: 4px; font-weight: 800;
}

/* Hero / reusable sections */
.bf-hero {
  background:
    radial-gradient(circle at 78% 35%, rgba(69,197,221,.22), transparent 30%),
    linear-gradient(115deg, #08182d 0%, #0B1F3A 55%, #123d63 100%);
  color: #fff;
  padding: clamp(64px, 9vw, 118px) clamp(24px, 6vw, 80px);
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}
.bf-hero h1, .bf-hero h2 { color: #fff; max-width: 850px; }
.bf-hero p { color: #e5f0f8; max-width: 760px; font-size: clamp(18px, 2vw, 21px); }
.bf-eyebrow {
  color: var(--bf-cyan); text-transform: uppercase; letter-spacing: .14em;
  font-weight: 800; font-size: 13px;
}
.bf-section { padding-top: clamp(42px, 6vw, 76px); padding-bottom: clamp(42px, 6vw, 76px); }
.bf-soft { background: var(--bf-light); }
.bf-card {
  height: 100%; padding: 26px; background: #fff; border: 1px solid #e1eaf1;
  border-radius: 9px; box-shadow: 0 8px 28px rgba(11,31,58,.06);
}
.bf-card h3 { margin-top: 0; }
.bf-card p { color: var(--bf-muted); }
.bf-icon {
  width: 46px; height: 46px; display: inline-flex; align-items: center;
  justify-content: center; background: #e5f7fb; color: var(--bf-blue);
  border-radius: 8px; font-size: 22px; margin-bottom: 16px;
}
.bf-cta {
  background: var(--bf-navy); color: #fff; padding: 44px;
  border-radius: 10px; display: flex; gap: 24px;
  align-items: center; justify-content: space-between; flex-wrap: wrap;
}
.bf-cta h2 { color: #fff; margin: 0 0 8px; }
.bf-cta p { color: #d9e7f2; margin: 0; }
.bf-cta .wp-block-button__link { background: var(--bf-cyan); color: var(--bf-navy); }
.bf-kicker { color: var(--bf-blue); font-weight: 800; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; }
.bf-stat { font-size: clamp(30px,4vw,44px); color: var(--bf-blue); font-weight: 800; line-height: 1.1; }

/* Footer */
.site-footer { background: #07172b; color: #dce8f2; }
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--bf-cyan); }

/* Mobile */
@media (max-width: 767px) {
  .bf-hero { border-radius: 0; padding: 54px 22px; }
  .bf-cta { padding: 28px 22px; }
  .site-header .site-header-row-container-inner { padding-left: 16px; padding-right: 16px; }
}


/* Bamberfield photographic hero */
.bf-hero {
  background-image:
    linear-gradient(90deg, rgba(5,20,39,.96) 0%, rgba(5,20,39,.82) 42%, rgba(5,20,39,.12) 100%),
    url("assets/bamberfield-hero.jpg");
  background-size: cover;
  background-position: center 52%;
}

/* Optional image tiles — apply these classes to Gutenberg Cover blocks */
.bf-image-marina { background-image: url("assets/application-marina.jpg"); }
.bf-image-events { background-image: url("assets/application-events.jpg"); }
.bf-image-airport { background-image: url("assets/application-airport.jpg"); }
.bf-image-industry { background-image: url("assets/application-industry.jpg"); }