/* ============================================
   SA Hosting — Custom WHMCS Global Overrides
   ============================================ */

/* ---------- CSS Variables ---------- */
:root {
  --primary: #16a34a;
  --primary-dark: #14532d;
  --primary-light: #22c55e;
  --primary-50: #f0fdf4;
  --primary-100: #dcfce7;
  --primary-200: #bbf7d0;
  --primary-300: #86efac;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-800: #166534;
  --primary-900: #14532d;
  --primary-950: #052e16;

  --white: #ffffff;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --gray-950: #030712;

  --shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --shadow-green: 0 10px 30px rgba(22,163,74,.18);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --transition: .25s cubic-bezier(.4,0,.2,1);

  --topbar-height: 40px;
  --header-height: 68px;
}

/* Base Body Styles applied to WHMCS to match Front-End */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Fix WHMCS overriding our SVGs */
svg {
    vertical-align: middle;
}

/* Header Styles from SA Hosting */
.topbar {
  background: var(--gray-50);
  border-bottom: 1px solid var(--gray-200);
  font-size: .82rem;
  padding: 8px 0;
  /* Fixed spacing */
}

.topbar__item:hover {
  color: var(--primary) !important;
}

.topbar__divider {
  width: 1px;
  height: 16px;
  background: var(--gray-300);
  margin: 0 4px;
  display: inline-block;
}

.header__nav {
    display: none !important; /* Force hiding the mega navs in WHMCS */
}

.footer__social a:hover {
    background: var(--primary) !important;
    transform: translateY(-2px);
}

.footer__col a:hover {
    color: var(--primary) !important;
}

.footer__icon-img {
    height: 24px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: opacity var(--transition);
}

.footer__icon-img:hover {
    opacity: 1;
}

/* Override WHMCS Default Header padding */
#header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* WHMCS Native Main Nav Background override to look cleaner */
.main-navbar-wrapper {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0;
}

 / *   S A   H o s t i n g   s p e c i f i c   W H M C S   N a v   o v e r r i d e s   * / 
 . s a h o s t - m a i n - n a v   . n a v b a r - n a v   . n a v - l i n k   { 
         c o l o r :   # 0 f 1 7 2 a   ! i m p o r t a n t ; 
         f o n t - w e i g h t :   6 0 0   ! i m p o r t a n t ; 
         p a d d i n g :   0 . 5 r e m   1 r e m   ! i m p o r t a n t ; 
 } 
 
 . s a h o s t - m a i n - n a v   . n a v b a r - n a v   . n a v - l i n k : h o v e r   { 
         c o l o r :   v a r ( - - p r i m a r y )   ! i m p o r t a n t ; 
 } 
 
 . s a h o s t - m a i n - n a v   . n a v b a r - n a v   . d r o p d o w n - m e n u   { 
         b o r d e r :   n o n e ; 
         b o x - s h a d o w :   v a r ( - - s h a d o w - m d ) ; 
         b o r d e r - r a d i u s :   v a r ( - - r a d i u s - m d ) ; 
         m a r g i n - t o p :   1 0 p x ; 
 } 
 
 . s a h o s t - m a i n - n a v   . n a v b a r - n a v   . d r o p d o w n - i t e m   { 
         p a d d i n g :   1 0 p x   2 0 p x ; 
         f o n t - s i z e :   0 . 9 5 r e m ; 
         c o l o r :   # 3 3 4 1 5 5 ; 
         t r a n s i t i o n :   a l l   v a r ( - - t r a n s i t i o n ) ; 
 } 
 
 . s a h o s t - m a i n - n a v   . n a v b a r - n a v   . d r o p d o w n - i t e m : h o v e r   { 
         b a c k g r o u n d :   v a r ( - - p r i m a r y - 5 0 ) ; 
         c o l o r :   v a r ( - - p r i m a r y ) ; 
 } 
  
 
 . t o p b a r   {   b a c k g r o u n d - c o l o r :   v a r ( - - p r i m a r y )   ! i m p o r t a n t ;   c o l o r :   w h i t e   ! i m p o r t a n t ;   } 
 . t o p b a r _ _ i t e m   {   c o l o r :   r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 9 )   ! i m p o r t a n t ;   } 
 . t o p b a r _ _ i t e m : h o v e r   {   c o l o r :   w h i t e   ! i m p o r t a n t ;   } 
 . t o p b a r _ _ d i v i d e r   {   b a c k g r o u n d :   r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 3 )   ! i m p o r t a n t ;   } 
 . t o p b a r _ _ c u r r e n c y   {   c o l o r :   w h i t e   ! i m p o r t a n t ;   } 
  
 