/*
Theme Name: Socialgrowth Networks
Theme URI: https://socialgrowthnetworks.com/
Author: Socialgrowth Networks Limited
Author URI: https://socialgrowthnetworks.com/
Description: Official WordPress theme for Socialgrowth Networks: enterprise technology, cloud hosting, AI automation and IT consulting. Connected technology. Scalable growth.
Version: 2.4.1
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: socialgrowth-networks
Tags: responsive-layout, custom-colors, custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* Custom root brand variables & theme overrides */
:root {
  --bs-primary: #1e3a8a;
  --bs-primary-rgb: 30, 58, 138;
  --sgn-orange: #ff6b35;
  --sgn-blue: #1E3A8A;
  --sgn-dark-blue: #0f172a;
  --sgn-bg-light: #f8fafc;
}

/* Base WordPress typography & image alignments */
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Ensure logo text renders crisply */
.logo-text-main {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: #1e3a8a;
  letter-spacing: -0.5px;
}
.logo-text-sub {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: #ff6b35;
  letter-spacing: -0.5px;
}

/* Ensure navbar z-index and mega-menus work seamlessly */
.sgn-header {
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  z-index: 1040;
}
.sgn-topbar {
  background: #1e3a8a;
  font-size: 0.82rem;
}
.btn-topbar-white {
  background: rgba(255, 255, 255, 0.95);
  color: #0f172a !important;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}
.btn-topbar-white:hover {
  background: #ffffff;
  transform: translateY(-1px);
}
.btn-topbar-orange {
  background: #ff6b35;
  color: #ffffff !important;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
}
.btn-topbar-orange:hover {
  background: #E85A26;
  transform: translateY(-1px);
}
.btn-sgn-orange {
  background-color: #ff6b35 !important;
  border-color: #ff6b35 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
  transition: all 0.25s ease;
}
.btn-sgn-orange:hover {
  background-color: #E85A26 !important;
  border-color: #E85A26 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.45);
}

/* Hero section segment progress animation */
.sgn-hero-seg-bar {
  height: 3px;
  background-color: #1E3A8A;
  width: 0%;
  transition: width 0.3s ease;
}
.sgn-hero-seg-btn.active .sgn-hero-seg-bar {
  width: 100%;
}

/* Floating elements */
.sgn-whatsapp-float {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 58px;
  height: 58px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 30px;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.4);
  z-index: 1050;
  transition: transform 0.25s ease;
}
.sgn-whatsapp-float:hover {
  transform: scale(1.08);
}
.sgn-scroll-top {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 44px;
  height: 44px;
  background-color: #1e3a8a;
  color: #ffffff !important;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
  z-index: 1040;
  cursor: pointer;
  transition: all 0.25s ease;
}
.sgn-scroll-top:hover {
  background-color: #ff6b35;
  transform: translateY(-2px);
}