/*
Theme Name: Trip Hub Services
Theme URI: https://triphubservices.com
Author: Trip Hub Services
Author URI: https://triphubservices.com
Description: Official luxury travel agency and tour booking theme for Trip Hub Services (Siem Reap, Cambodia). Featuring Angkor Wat tours, airport transfers, vehicle rentals, custom itineraries, interactive booking modals, and WhatsApp integration.
Version: 1.0.0
Requires at least: 6.0
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: trip-hub-services
Tags: travel, tour-operator, booking, responsive-layout, siem-reap, cambodia, angkor-wat
*/

/* ==========================================================================
   TRIP HUB SERVICES - OFFICIAL STYLESHEET
   Brand Colors: Royal Blue (#1239D8), Angkor Gold (#F4C400), Slate Dark (#111827)
   ========================================================================== */

:root {
  --ths-primary: #1239D8;
  --ths-primary-hover: #0e2bb0;
  --ths-primary-light: #e8edff;
  --ths-primary-rgb: 18, 57, 216;

  --ths-accent: #F4C400;
  --ths-accent-hover: #dcaf00;
  --ths-accent-light: #fef8e0;
  --ths-accent-rgb: 244, 196, 0;

  --ths-emerald: #10b981;
  --ths-emerald-hover: #059669;

  --ths-bg-light: #F7F8FA;
  --ths-surface-white: #ffffff;
  --ths-surface-dark: #111827;
  --ths-surface-dark-subtle: #1f2937;

  --font-family-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --ths-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --ths-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --ths-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
  --ths-shadow-primary: 0 12px 24px -6px rgba(18, 57, 216, 0.35);

  --ths-transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.font-heading {
  font-family: var(--font-family-heading);
}

.font-body {
  font-family: var(--font-family-body);
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-family-body);
  color: #111827;
  background-color: var(--ths-bg-light);
  -webkit-font-smoothing: antialiased;
}

.ths-card {
  background: var(--ths-surface-white);
  border-radius: 1.25rem;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: var(--ths-shadow-sm);
  transition: all var(--ths-transition-normal);
}

.ths-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ths-shadow-lg);
  border-color: rgba(18, 57, 216, 0.2);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--ths-primary);
  border-radius: 0.75rem;
  box-shadow: var(--ths-shadow-primary);
  transition: all var(--ths-transition-normal);
  cursor: pointer;
  border: none;
}

.btn-primary:hover {
  background-color: var(--ths-primary-hover);
  transform: translateY(-1px);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}