/* ==========================
   FutureTecEra — Clean unified Additional CSS
   Backup original before replacing
   ========================== */

/* ---- Root variables & base ---- */
:root{
  --brand:#0b3d91;
  --muted:#6b7280;
  --card:#f7fbff;
  --bg:#fff;
  --btn-radius:28px;
}
html,body{background:var(--bg);color:#111;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial, sans-serif;margin:0;padding:0;box-sizing:border-box}

/* ---- Container & layout ---- */
.container,
.site-content,
.content-area,
.blog .site-content,
.archive .site-content,
.search .site-content{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  box-sizing:border-box;
}

/* ---- Header / titles ---- */
header{border-bottom:4px solid var(--brand);padding-bottom:16px;margin-bottom:18px}
h1{color:var(--brand);font-size:2rem;margin:0 0 6px}
h2{color:var(--brand);margin-top:20px;font-size:1.15rem}
p.lead{font-size:1.05rem;color:#222;margin:6px 0 12px}

/* ---- Grid responsive ---- */
.grid{display:block;gap:14px}
@media(min-width:900px){ .grid{display:grid;grid-template-columns:2fr 1fr;gap:18px} }

/* ---- Card ---- */
.card{background:#fff;border:1px solid #e6eefc;padding:14px;border-radius:10px;margin:10px 0;box-sizing:border-box}

/* ---- Buttons / CTAs ---- */
.button,.wp-block-button__link,.read-more a,.more-link,.btn{
  display:inline-block;
  border-radius:var(--btn-radius);
  padding:10px 18px;
  font-weight:700;
  background:var(--brand);
  color:#fff;
  text-decoration:none;
  transition:background-color .22s ease, transform .12s ease;
  box-sizing:border-box;
}
.btn.secondary{ background:transparent;color:var(--brand);border:2px solid var(--brand) }
.btn:hover, .button:hover, .wp-block-button__link:hover{ transform:translateY(-2px) }

/* ---- Utilities ---- */
.small{font-size:.95rem;color:var(--muted)}
.muted{color:var(--muted);font-size:.95rem}

/* ---- Hero image ---- */
.hero{display:block;text-align:center;margin:18px 0}
.hero img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 28px rgba(3,37,84,0.06)}
.hero figcaption{font-size:.95rem;color:#666;margin-top:8px}

/* ---- Posts / excerpts ---- */
.entry-content img,
.blog .post-thumbnail img,
.archive .post-thumbnail img,
.search .post-thumbnail img,
.single-post .post-thumbnail img{ width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,0.06) }
.entry-summary, .post-excerpt{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden }

/* ---- Fancy recent posts ---- */
.fancy-recent-posts{ display:grid; grid-template-columns:1fr; gap:15px }
.fancy-recent-posts .wp-block-latest-post{ display:flex; align-items:flex-start; background:#fff; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.08); overflow:hidden }
.fancy-recent-posts .wp-block-latest-post:hover{ transform:translateY(-3px) }

/* ---- Breadcrumb / meta ---- */
.breadcrumb{ font-size:14px;color:#64748B;margin-bottom:15px }
.entry-meta{ font-size:14px;color:#475569;margin-bottom:20px }

/* ---- Widgets lists ---- */
.quick-links-widget ul, .popular-posts-widget ul{ list-style:none;padding:0;margin:0 }
.quick-links-widget ul li a, .popular-posts-widget ul li a{ color:#ff6600;text-decoration:none;font-weight:500;transition:color .2s }
.quick-links-widget ul li a:hover, .popular-posts-widget ul li a:hover{ color:var(--brand) }

/* ---- Hide heavy separators ---- */
hr, .wp-block-separator, .entry-content hr, .entry-content .wp-block-separator{ display:none !important }

/* ---- Quick tools block ---- */
.quick-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.quick-tools a{display:inline-block;padding:8px 12px;border-radius:8px;background:#f8fbff;color:var(--brand);text-decoration:none;border:1px solid #e6eefc;font-weight:600}

/* ---- Tables/forms small fixes ---- */
table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
th,td{padding:10px;border-bottom:1px solid #eef6ff;text-align:left}
.stay-connected-widget .newsletter input[type="email"]{flex:1;padding:8px;border:none;border-radius:4px}
.stay-connected-widget .newsletter button{background:var(--brand);color:#fff;border:none;padding:8px 14px;border-radius:4px}

/* ---- Safety: neutralize absolute logo overlay ---- */
.logo{position:relative;display:inline-block;z-index:40;padding:6px;background:transparent;border-radius:50%;box-sizing:border-box}

/* ==========================
   NAVIGATION — centered pill menu
   Works on desktop (pill buttons) and mobile (scrollable/toggle)
   ========================== */
.nav-wrapper, .main-navigation, nav#site-navigation, nav .menu {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:12px 0;
  box-sizing:border-box;
}

/* list containers */
.nav-wrapper .menu,
.main-navigation ul.menu,
#site-navigation ul.menu,
nav ul.menu {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin:0;
  padding:0;
  list-style:none;
}

/* pill style links (safe selectors) */
.nav-wrapper .menu a,
.main-navigation ul.menu > li > a,
#site-navigation ul.menu > li > a,
nav ul.menu > li > a,
.main-nav ul li a {
  display:inline-block;
  padding:10px 22px;
  margin:5px 0;
  background:var(--brand);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-weight:700;
  box-shadow:0 6px 14px rgba(3,37,84,0.12);
  transition:transform .12s ease, box-shadow .12s ease;
  white-space:nowrap;
}
.nav-wrapper .menu a:hover, .main-navigation ul.menu > li > a:hover{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(3,37,84,0.14) }

/* Submenus: hidden by default, show on li hover */
.main-navigation ul.sub-menu,
#site-navigation ul.sub-menu,
nav ul.sub-menu {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:200px;
  background:#fff;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,0.1);
  padding:10px 0;
  z-index:9999;
}
li:hover > ul.sub-menu { display:block }

/* Mobile: allow horizontal scroll if too long */
@media (max-width:991px){
  .nav-wrapper .menu,
  .main-navigation ul.menu,
  #site-navigation ul.menu,
  nav ul.menu {
    flex-direction:row;
    gap:12px;
    justify-content:flex-start;
    padding:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

/* Ensure header content doesn't overlay content */
.site-header, .nav-wrapper { position:relative; z-index:30 }

/* ---- End cleaned stylesheet ---- */
.fte-footer-banner{ background:linear-gradient(90deg,#071a33 0%, #0b3d91 100%); padding:18px; border-radius:10px; margin:20px auto; max-width:980px; box-shadow:0 12px 36px rgba(3,12,27,0.45);}
.fte-banner-inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.fte-banner-text{ color:#fff; font-weight:600; margin:0; flex:1 1 60%; font-size:15px; line-height:1.3; }
.fte-banner-btn{ background:#fff; color:#0b3d91; padding:12px 20px; border-radius:999px; text-decoration:none; font-weight:800; box-shadow:0 10px 30px rgba(0,0,0,0.18);}
@media (max-width:700px){ .fte-banner-inner{ flex-direction:column; align-items:flex-start; } .fte-banner-btn{ width:100%; text-align:center; } }
/* === FutureTecEra Sidebar Subscribe Button === */
.widget_nav_menu a[href*="/subscribe"] {
  display: block;
  background: #0b3d91;
  color: #ffffff !important;
  padding: 14px 18px;
  border-radius: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(11, 61, 145, 0.25);
  transition: all 0.25s ease;
}

/* Hover effect */
.widget_nav_menu a[href*="/subscribe"]:hover {
  background: #154a9f;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(11, 61, 145, 0.35);
}

/* Optional: remove bullet / spacing issues */
.widget_nav_menu ul {
  list-style: none;
  padding: 0;
}
/* Remove bullet/dot from sidebar menu items */
.widget_nav_menu ul,
.widget_nav_menu li {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.widget_nav_menu li::before {
  content: none !important;
  display: none !important;
}
.fte-cta-box a,
.fte-cta-link {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  position: relative;
  z-index: 10;
}
.fte-cta-box {
  margin: 24px 0;
}

/* Improve spacing before subheadings inside articles */
.single-post h2,
.single-post h3,
.single-post h4 {
  margin-top: 32px;
}
table th,
table thead th {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
/* Fix sidebar newsletter button text color */
.wp-block-button__link.wp-element-button {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.entry-content table th,
.entry-content table td {
  text-align: center !important;
  vertical-align: middle !important;
}
/* Space before Related Articles section */
.related-articles,
.related-posts,
.fte-related-articles {
  margin-top: 60px;
}
hr{
border:none;
height:1px;
background:linear-gradient(to right, transparent, #0b3d91, transparent);
margin:40px 0;
opacity:0.25;
}