/*
Theme Name: KAS Theme
Theme URI: https://kasamanugrahsejahtera.co.id
Author: Marketoopia Team
Author URI: https://marketoopia.com
Description: Custom, high-performance, Elementor-compatible WordPress theme developed by Marketoopia Team for PT Kasam Anugrah Sejahtera. Features signature morphing glassmorphism sticky header, organic animated blobs, client marquee, pre-configured KAS services, and 100% editable contact details via WP Customizer.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kas-theme
Tags: custom-header, custom-menu, custom-logo, theme-options, elementor-ready, responsive-layout, footer-widgets, translation-ready
*/

/* Enqueue main theme design system */
@import url('assets/css/theme.css');

/* ==========================================================================
   KAS DESIGN SYSTEM TOKENS (100% MATCH WITH REACT APP)
   ========================================================================== */

:root {
  --primary: #0f3f85;
  --primary: oklch(0.38 0.128 259);
  --primary-hover: #0a2d61;
  --primary-hover: oklch(0.32 0.125 259);
  --primary-foreground: #fafcfe;
  --primary-foreground: oklch(0.99 0.004 247);

  --secondary: #e7f2fc;
  --secondary: oklch(0.955 0.018 246);
  --secondary-foreground: #113872;
  --secondary-foreground: oklch(0.35 0.11 259);

  --sky: #2a8adf;
  --sky: oklch(0.62 0.155 250);
  --sky-hover: #1f77c5;
  --sky-hover: oklch(0.55 0.16 250);
  --sky-soft: #b0dffb;
  --sky-soft: oklch(0.88 0.062 234);

  --teal: #21adad;
  --teal: oklch(0.68 0.11 195);
  --amber: #f0ac45;
  --amber: oklch(0.79 0.14 74);

  --foreground: #111f34;
  --foreground: oklch(0.24 0.045 258);
  --ink: #0b1a31;
  --ink: oklch(0.22 0.05 258);
  --mist: #eff7fe;
  --mist: oklch(0.972 0.012 245);
  --border: #d9e3ee;
  --border: oklch(0.912 0.018 246);
}

/* ==========================================================================
   FAILSAFE LOGO & NAVBAR CONSTRAINTS
   Guarantees that uploaded logos never exceed standard navbar height
   ========================================================================== */

.kas-navbar {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
  max-height: 64px !important;
}

.kas-brand .custom-logo-link,
.kas-header-wrapper .custom-logo-link,
.custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  max-height: 44px !important;
}

.kas-header-wrapper .custom-logo,
.kas-brand .custom-logo,
.kas-brand img,
.kas-brand-logo,
.kas-navbar img.custom-logo,
.kas-brand a img {
  height: 38px !important;
  width: auto !important;
  max-height: 38px !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.kas-footer-logo-badge img,
.kas-footer-logo-badge .custom-logo {
  max-height: 36px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 768px) {
  .kas-navbar {
    min-height: 50px !important;
    max-height: 56px !important;
  }

  .kas-header-wrapper .custom-logo,
  .kas-brand .custom-logo,
  .kas-brand img,
  .kas-brand-logo,
  .kas-navbar img.custom-logo {
    height: 32px !important;
    max-height: 32px !important;
    max-width: 160px !important;
  }

  .kas-brand-text {
    display: none !important;
  }
}