/*
Theme Name: Astra Luxury Child V2
Theme URI: https://balifreightforwarder.com
Description: Premium luxury child theme for Bali Freight Forwarder.
Author: BaliDev Team
Author URI: https://balifreightforwarder.com
Template: astra
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: astra-luxury-child-v2
*/
:root {
  --color-primary: #1B365D;
  --color-primary-light: #2A4A7F;
  --color-primary-dark: #0F2340;
  --color-secondary: #C8A951;
  --color-secondary-light: #D4BE76;
  --color-accent: #E8D5A3;
  --color-white: #FFFFFF;
  --color-off-white: #F8F6F0;
  --color-light-gray: #E8E5DE;
  --color-medium-gray: #9B9B9B;
  --color-dark-gray: #4A4A4A;
  --color-charcoal: #2D2D2D;
  --color-black: #1A1A1A;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-accent: Georgia, 'Times New Roman', serif;
  --fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --fs-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --fs-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --fs-lg: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
  --fs-xl: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);
  --fs-2xl: clamp(1.5rem, 1.1rem + 2vw, 2.25rem);
  --fs-3xl: clamp(1.875rem, 1.2rem + 3vw, 3rem);
  --fs-4xl: clamp(2.25rem, 1.3rem + 4.5vw, 4rem);
  --space-xs: 0.5rem; --space-sm: 0.75rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem;
  --space-3xl: 4rem; --space-4xl: 6rem;
  --section-padding: clamp(3rem, 5vw, 6rem);
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
  --transition-fast: 0.2s ease; --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  --container-max: 1200px; --container-narrow: 800px; --container-wide: 1400px;
}
.db-grid{display:grid;gap:var(--space-lg)}
.db-grid-2{grid-template-columns:repeat(2,1fr)}
.db-grid-3{grid-template-columns:repeat(3,1fr)}
.db-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:768px){.db-grid-2,.db-grid-3,.db-grid-4{grid-template-columns:1fr}}
@media(min-width:769px) and (max-width:1024px){.db-grid-3,.db-grid-4{grid-template-columns:repeat(2,1fr)}}
.db-section [style*="display: grid"]>p:empty,.db-section [style*="display:grid"]>p:empty{display:none!important}
.db-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}
.db-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.db-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-sm);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none}
.db-btn-primary{background:var(--color-primary);color:var(--color-white)}
.db-btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.db-btn-secondary{background:var(--color-secondary);color:var(--color-black)}
.db-btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}
.db-btn-outline:hover{background:var(--color-primary);color:var(--color-white)}
.db-section{padding:var(--section-padding) 0}
.db-section-dark{background:var(--color-primary-dark);color:var(--color-white)}
.db-section-light{background:var(--color-off-white)}
.db-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}
.db-heading{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-charcoal)}
.db-subheading{font-family:var(--font-accent);font-style:italic;color:var(--color-secondary)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.db-animate{animation:fadeInUp .6s ease forwards}
