/* File: /public_html/portal.sigmaluggage.com/assets/css/style.css */

/* Import our official brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Carme&family=Poppins:wght@400;500;600;700&display=swap');

:root {
  /* Core Brand Colors */
  --sigma-primary: #D2275B; /* Official Brand Accent */
  --sigma-primary-dark: #A81E48;
  --sigma-primary-light: rgba(210, 39, 91, 0.1);
  
  /* UI Colors */
  --sigma-yellow: #F9B900;
  --sigma-blue: #2278BD;
  --sigma-white: #FFFFFF;
  --sigma-bg-light: #F4F6F9; /* Cooler, premium light grey */
  --sigma-text-dark: #2E2E2E; /* Charcoal */
  --sigma-text-medium: #666666;
  --sigma-border: #EAEAEA;
}

body {
    font-family: 'Carme', sans-serif;
    background-color: var(--sigma-bg-light);
    color: var(--sigma-text-dark);
}

/* Headings */
h1, h2, h3, h4, h5, h6, .title-font, .navbar-brand {
    font-family: 'Poppins', sans-serif;
}

/* Utilities */
.bg-sigma-light { background-color: var(--sigma-bg-light); }
.sigma-primary { color: var(--sigma-primary) !important; }
.bg-sigma-primary { background-color: var(--sigma-primary) !important; color: white; }
.sigma-shadow-sm { box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important; }

/* Buttons */
.btn-sigma {
    background-color: var(--sigma-primary);
    color: var(--sigma-white);
    border: none;
    border-radius: 6px;
    padding: 0.6rem 1.25rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(210, 39, 91, 0.2);
    text-decoration: none;
    display: inline-block;
}
.btn-sigma:hover {
    background-color: var(--sigma-primary-dark);
    color: var(--sigma-white);
    transform: translateY(-1px);
    box-shadow: 0 6px 12px rgba(210, 39, 91, 0.3);
}

/* Cards */
.sigma-card {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    border: 1px solid var(--sigma-border);
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}
.sigma-card:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.06);
}
.card-highlight {
    border-top: 4px solid var(--sigma-primary);
}

/* Navbar */
.navbar-brand {
    letter-spacing: 0.5px;
}

/* Financial Text Colors */
.text-success { color: #198754 !important; }
.text-danger { color: #DC3545 !important; }


/* =========================================
   EXECUTIVE SIDEBAR (DESKTOP)
   ========================================= */
.sidebar-executive {
    background-color: #1A1D20; /* Deep Executive Charcoal */
    border-right: 1px solid #2C3034;
    box-shadow: 4px 0 15px rgba(0,0,0,0.05);
}

.sidebar-executive .nav-link {
    color: #A0A5AA;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 0.85rem 1.5rem;
    transition: all 0.2s ease-in-out;
    border-left: 4px solid transparent;
}

.sidebar-executive .nav-link:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.05);
}

.sidebar-executive .nav-link.active {
    color: #fff;
    background-color: rgba(210, 39, 91, 0.15); /* Subtle brand tint */
    border-left: 4px solid #D2275B;
}

.sidebar-executive .nav-link i {
    font-size: 1.1rem;
    width: 24px;
    text-align: center;
}

/* Sidebar Header Override to match dark theme */
.sidebar-heading-text {
    color: #6c757d;
    font-size: 0.75rem;
    letter-spacing: 1px;
}

/* =========================================
   MOBILE BOTTOM NAVIGATION (STICKY)
   ========================================= */
.mobile-bottom-nav {
    background-color: #ffffff;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
    z-index: 1040;
    padding-bottom: env(safe-area-inset-bottom); /* iPhone X/11/12/13 safe area */
}

.mobile-bottom-nav .nav-link {
    color: #6C757D;
    font-size: 0.7rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 0.5rem 0;
    transition: all 0.2s ease;
}

.mobile-bottom-nav .nav-link i {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 2px;
}

.mobile-bottom-nav .nav-link.active {
    color: #D2275B;
}

.mobile-bottom-nav .nav-link:hover {
    color: #D2275B;
}

/* Prevent content from hiding behind the bottom nav on mobile */
@media (max-width: 767.98px) {
    body {
        padding-bottom: 80px !important; 
    }
}

/* =========================================
   GLOBAL FORM UTILITIES
   ========================================= */
/* Remove Up/Down Spinners from Number Inputs */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}