/* ============================================================
   CCW NAV ENHANCEMENTS
   Sticky header · Branded dropdowns · Hover effects · CTA button
   ============================================================ */

/* --- 1. STICKY HEADER --- */
.wp-site-blocks > header,
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
  transition: box-shadow 0.3s ease;
}
.ccw-scrolled .wp-site-blocks > header,
.ccw-scrolled header.wp-block-template-part {
  box-shadow: 0 2px 20px rgba(0, 74, 173, 0.12);
}

/* Inject scroll class via inline script — add this too (see note below) */

/* --- 2. NAV LINK BASE & HOVER --- */
.wp-block-navigation a.wp-block-navigation-item__content {
  font-size: 0.9rem;
  font-weight: 500;
  color: #111111;
  text-decoration: none;
  padding: 6px 2px;
  position: relative;
  transition: color 0.2s ease;
}
.wp-block-navigation a.wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #ff924d;
  border-radius: 2px;
  transition: width 0.25s ease;
}
.wp-block-navigation a.wp-block-navigation-item__content:hover {
  color: #004aad;
}
.wp-block-navigation a.wp-block-navigation-item__content:hover::after,
.wp-block-navigation .current-menu-item > a.wp-block-navigation-item__content::after {
  width: 100%;
}
.wp-block-navigation .current-menu-item > a.wp-block-navigation-item__content {
  color: #004aad;
}

/* --- 3. DROPDOWN PANEL — FROSTED GLASS --- */
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: rgba(255, 255, 255, 0.93) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 74, 173, 0.1);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 74, 173, 0.15);
  padding: 8px 0;
  min-width: 240px;
  margin-top: 8px;
}

/* Dropdown items */
.wp-block-navigation .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111111;
  border-left: 3px solid transparent;
  transition: background 0.15s ease, border-left-color 0.15s ease, color 0.15s ease;
  border-radius: 0;
}
.wp-block-navigation .wp-block-navigation__submenu-container a.wp-block-navigation-item__content:hover {
  background: rgba(0, 74, 173, 0.05);
  border-left-color: #ff924d;
  color: #004aad;
}
/* Remove underline animation inside dropdowns */
.wp-block-navigation .wp-block-navigation__submenu-container a.wp-block-navigation-item__content::after {
  display: none;
}

/* --- 4. DROPDOWN ICONS — SERVICES --- */
/* Copywriting */
.wp-block-navigation__submenu-container a[href*="/services/copywriting/"]::before { content: "✍️"; font-style: normal; }
/* Inbound Content */
.wp-block-navigation__submenu-container a[href*="/services/inbound-content"]::before { content: "🎯"; font-style: normal; }
/* Content Optimisation */
.wp-block-navigation__submenu-container a[href*="/services/content-optimisation/"]::before { content: "🔍"; font-style: normal; }
/* Email Marketing */
.wp-block-navigation__submenu-container a[href*="/services/email-marketing"]::before { content: "📧"; font-style: normal; }
/* Video Scriptwriting */
.wp-block-navigation__submenu-container a[href*="/services/video-scriptwriting/"]::before { content: "🎬"; font-style: normal; }
/* Brand Messaging */
.wp-block-navigation__submenu-container a[href*="/services/brand-messaging"]::before { content: "💬"; font-style: normal; }
/* Website Content Writing */
.wp-block-navigation__submenu-container a[href*="/services/website-content-writing"]::before { content: "🌐"; font-style: normal; }
/* --- 5. DROPDOWN ICONS — EXPERIENCE --- */
.wp-block-navigation__submenu-container a[href*="/experience/digital-marketing"]::before { content: "💻"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/fintech"]::before { content: "💳"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/regtech"]::before { content: "⚖️"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/hr-content"]::before { content: "👥"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/saas"]::before { content: "☁️"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/ecommerce"]::before { content: "🛒"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/insurance-brokers"]::before { content: "🛡️"; font-style: normal; }
.wp-block-navigation__submenu-container a[href*="/experience/publishing"]::before { content: "📰"; font-style: normal; }
/* My Experience overview link */
.wp-block-navigation__submenu-container a[href*="/experience/"][href$="/experience/"]::before { content: "🗂️"; font-style: normal; }

/* --- 6. GET IN TOUCH CTA BUTTON --- */
/* Targets the Contact nav item — rename it to "Get in Touch" in your menu */
.wp-block-navigation a[href*="/contact/"].wp-block-navigation-item__content {
  background: linear-gradient(135deg, rgb(6,147,227) 0%, rgb(0,74,173) 32%, rgb(155,81,224) 100%);
  color: #ffffff !important;
  padding: 9px 20px !important;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: opacity 0.2s ease, transform 0.2s ease;
  margin-left: 8px;
}
.wp-block-navigation a[href*="/contact/"].wp-block-navigation-item__content:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: #ffffff !important;
}
/* Hide the underline effect on the CTA */
.wp-block-navigation a[href*="/contact/"].wp-block-navigation-item__content::after {
  display: none !important;
}
/* ============================================================
   CCW NAV DROPDOWN — GAP FIX
   Prevents dropdown vanishing when moving mouse down to it
   ============================================================ */

/* Add invisible top padding to bridge the gap between the
   nav item and the dropdown panel so the mouse stays "inside" */
.wp-block-navigation .wp-block-navigation__submenu-container {
  padding-top: 12px !important;
  margin-top: 0 !important;
}

/* Use a pseudo-element to fill any remaining gap above the panel */
.wp-block-navigation__submenu-container::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
  background: transparent;
}

/* Keep the visual card appearance starting below the bridge gap */
.wp-block-navigation .wp-block-navigation__submenu-container {
  background: rgba(255, 255, 255, 0.93) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 74, 173, 0.1);
  border-top: none; /* remove top border so gap area is seamless */
  border-radius: 0 0 12px 12px;
  box-shadow: 0 8px 32px rgba(0, 74, 173, 0.15);
  min-width: 240px;
  position: absolute;
}

/* Ensure the parent nav item has position context */
.wp-block-navigation-item.has-child {
  position: relative;
}

/* Slightly extend the hover zone on the parent trigger */
.wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
  padding-bottom: 14px !important;
}
/* ============================================================
   CCW NAV — FIX DROPDOWN PARENT VERTICAL ALIGNMENT
   Keeps all top-level nav items level while preserving hover zone
   ============================================================ */

/* Reset the padding-bottom that was pushing items down */
.wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
  padding-bottom: 6px !important;
}

/* Use a transparent bottom border instead to maintain the hover bridge,
   without affecting the visual height of the item */
.wp-block-navigation-item.has-child {
  padding-bottom: 8px;
  margin-bottom: -8px;
}

/* Ensure all top-level nav items share the same vertical alignment */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item {
  display: flex;
  align-items: center;
}

/* Normalise padding on all top-level nav links so nothing sits higher */
.wp-block-navigation > div > ul > li > a.wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > a.wp-block-navigation-item__content {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
/* ============================================================
   CCW TESTIMONIAL SLIDER — ROUNDED CORNERS
   ============================================================ */
/* ---- Blog post body typography ---- */
.ccw-body h2{color:#004aad;font-size:1.75rem;margin:2rem 0 .7rem}
.ccw-body h3{color:#222;font-size:1.3rem;font-weight:600;margin:1.6rem 0 .5rem}
.ccw-body h4{color:#004aad;font-size:1.1rem;font-weight:700;margin:1.2rem 0 .4rem}
.ccw-body p{font-size:16px;line-height:1.85;color:#222;margin-bottom:1.1rem}
.ccw-body ul,.ccw-body ol{font-size:16px;line-height:1.8;color:#222;padding-left:1.4em;margin-bottom:1.1rem}
.ccw-body blockquote{border-left:4px solid #ff924d;padding:14px 22px;margin:28px 0;background:#fff8f4;border-radius:0 8px 8px 0}
.ccw-body blockquote p{font-size:17px;font-style:italic;color:#333;margin:0}

/* ---- Blog post links ---- */
.ccw-body a{background:linear-gradient(135deg,#004aad 0%,#cb6ce6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:1.5px solid rgba(0,74,173,0.3);padding-bottom:1px;display:inline}
.ccw-body a:hover{background:linear-gradient(135deg,#ff924d 0%,#ff6b1a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom-color:#ff924d}

/* ---- Tag pills ---- */
.ccw-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:22px;border-top:1px solid #eee;margin-top:44px}
.ccw-tag{font-size:12px;font-weight:600;color:#004aad;border:1.5px solid #004aad;border-radius:20px;padding:4px 12px;text-decoration:none;transition:background .15s,color .15s}
.ccw-tag:hover{background:#004aad;color:#fff}
/* ---- Sidebar widget styling ---- */
.widget-area .widget {
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.widget-area .widget-title {
  font-size: 12px;
  font-weight: 700;
  color: #004aad;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.widget-area .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-area .widget ul li {
  border-bottom: 1px solid #f2f2f2;
  padding: 7px 0;
  font-size: 13px;
}
.widget-area .widget ul li:last-child {
  border-bottom: none;
}
.widget-area .widget ul li a {
  color: #333;
  text-decoration: none;
}
.widget-area .widget ul li a:hover {
  color: #004aad;
}
/* Author widget accent */
.widget_author_info,
.widget-author {
  border-left: 4px solid #cb6ce6 !important;
}
/* ---- Post meta bar ---- */
.wp-block-post-date,
.wp-block-post-date a,
.wp-block-post-author-name,
.wp-block-post-author-name__link,
.wp-block-post-time-to-read{
  font-size:13px !important;
  color:#666 !important;
  text-decoration:none !important;
  -webkit-text-fill-color:#666 !important;
  background:none !important;
}
.wp-block-post-author-name__link{
  font-weight:700 !important;
  color:#444 !important;
  -webkit-text-fill-color:#444 !important;
}
.taxonomy-category.wp-block-post-terms a{
  display:inline-block;
  background:#004aad !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:4px 10px;
  border-radius:20px;
  text-decoration:none !important;
  border-bottom:none !important;
}
.taxonomy-category.wp-block-post-terms a:hover{
  background:#cb6ce6 !important;
}
.taxonomy-category.wp-block-post-terms .wp-block-post-terms__prefix{
  display:none;
}
/* ---- Static ToC block ---- */
.ccw-toc{background:#f6f8fb;border-left:4px solid #004aad;border-radius:0 8px 8px 0;padding:20px 24px;margin-bottom:32px}
.ccw-toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#004aad;margin:0 0 12px}
.ccw-toc-items{margin:0;padding:0;list-style:none}
.ccw-toc-items li{border-bottom:1px solid #e0e8f4;padding:6px 0}
.ccw-toc-items li:last-child{border-bottom:none}
.ccw-toc-items a{font-size:13px;color:#333;text-decoration:none;display:block;transition:color .15s}
.ccw-toc-items a:hover{color:#004aad}
/* ---- WordPress post tags ---- */
.wp-block-post-terms.taxonomy-post_tag a,
.tags-links a,
.post-tags a {
  display: inline-block;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #cb6ce6 !important;
  -webkit-text-fill-color: #cb6ce6 !important;
  background: none !important;
  border: 1.5px solid #cb6ce6;
  border-radius: 20px;
  padding: 3px 10px;
  text-decoration: none !important;
  margin: 2px 4px 2px 0;
  transition: background .15s, color .15s;
}
.wp-block-post-terms.taxonomy-post_tag a:hover,
.tags-links a:hover,
.post-tags a:hover {
  background: #cb6ce6 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-bottom: none !important;
}
/* ---- Category and topic tag labels ---- */
.ccw-tags-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#888;
  margin-right:4px;
  align-self:center;
  display:inline-block;
}

/* ---- Topics label via before pseudo-element ---- */
.wp-block-post-terms.taxonomy-post_tag::before{
  content: 'Topics: ';
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#888;
  margin-right:4px;
}
/* ---- Sticky sidebar ---- */
.widget-area {
  position: sticky;
  top: 32px;
  align-self: start;
}

/* ---- Reduce gap after post content on desktop ---- */
.entry-content {
  margin-bottom: 20px !important;
}

/* ---- Reduce gap between content and sidebar on mobile ---- */
@media(max-width:768px) {
  .widget-area {
    position: static;
    margin-top: 20px !important;
    padding-top: 20px !important;
  }
}

/* ---- Reduce white space before featured image on mobile ---- */
@media(max-width:768px) {
  .wp-block-post-featured-image {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .single-post .wp-block-template-part {
    margin-bottom: 0 !important;
  }
}