/*
Theme Name: GIG Express Logistics Theme
Theme URI: https://gig-express.com
Author: New Power Multimedia
Author URI: https://newpower.my
Description: Premium corporate WordPress theme for GIG EXPRESS LOGISTICS, developed by New Power Multimedia. Designed with Industrial Velocity aesthetic, fully compatible with Elementor page builder, auto-configures pages and dynamic post categories.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gig-express
Tags: logistics, corporate, heavy-lift, freight, elementor, responsive, custom-menu, page-templates
*/

/* Core Theme Styles & Tokens */
:root {
  --color-primary: #bc000a;
  --color-primary-container: #e61919;
  --color-surface: #f8f9fa;
  --color-surface-container: #edeeef;
  --color-surface-container-low: #f3f4f5;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-high: #e7e8e9;
  --color-surface-container-highest: #e1e3e4;
  --color-on-surface: #191c1d;
  --color-secondary: #2b2d30;
  --color-inverse-surface: #2e3132;
  --color-outline-variant: #e8bcb6;
}

body {
  background-color: var(--color-surface);
  color: var(--color-on-surface);
  font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
}

.velocity-bar {
  width: 40px;
  height: 4px;
  background-color: var(--color-primary);
  margin-bottom: 1rem;
}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

/* Custom Header Logo Height Override */
.custom-logo-link img,
.site-logo {
  height: 56px !important; /* Scale this value to make the logo larger or smaller (默认56px) */
  width: auto !important;
  max-width: 100%;
}