/*
Theme Name: Panacea Careers Portal
Theme URI: https://www.panaceamedical.in
Author: Panacea Medical Technologies
Author URI: https://www.panaceamedical.in
Description: A premium, fully custom WordPress careers portal for Panacea Medical Technologies. Built with Elementor and Gutenberg compatibility. Features job listings, application forms, gallery, FAQ, and full admin management.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Proprietary
License URI: https://www.panaceamedical.in
Text Domain: panacea-careers
Tags: careers, jobs, medical, healthcare, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-width-template, responsive-layout, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* ============================================================
   CSS CUSTOM PROPERTIES — DESIGN TOKENS
   ============================================================ */
:root {
  /* Brand Colors */
  --pmt-dark-blue:      #091b3e;
  --pmt-blue:           #0170B9;
  --pmt-accent:         #0170B9;
  --pmt-accent-light:   #3da1eb;
  --pmt-light-blue:     #e3f2fd;
  --pmt-navy:           #091b3e;

  /* Neutrals */
  --pmt-white:          #FFFFFF;
  --pmt-bg:             #F8FAFD;
  --pmt-bg-alt:         #EEF3FB;
  --pmt-text:           #1A1A2E;
  --pmt-text-secondary: #374151;
  --pmt-muted:          #6B7280;
  --pmt-border:         #E5E7EB;
  --pmt-border-light:   #F3F4F6;

  /* Status Colors */
  --pmt-success:        #10B981;
  --pmt-warning:        #F59E0B;
  --pmt-danger:         #EF4444;
  --pmt-alert-bg:       #FEF3C7;
  --pmt-alert-border:   #F59E0B;

  /* Typography */
  --pmt-font-main:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pmt-font-display:   'Outfit', 'Inter', sans-serif;
  --pmt-font-mono:      'JetBrains Mono', 'Fira Code', monospace;

  /* Font Sizes (fluid) */
  --pmt-text-xs:        0.75rem;
  --pmt-text-sm:        0.875rem;
  --pmt-text-base:      1rem;
  --pmt-text-lg:        1.125rem;
  --pmt-text-xl:        1.25rem;
  --pmt-text-2xl:       1.5rem;
  --pmt-text-3xl:       1.875rem;
  --pmt-text-4xl:       2.25rem;
  --pmt-text-5xl:       3rem;
  --pmt-text-6xl:       3.75rem;

  /* Font Weights */
  --pmt-weight-normal:  400;
  --pmt-weight-medium:  500;
  --pmt-weight-semi:    600;
  --pmt-weight-bold:    700;
  --pmt-weight-extra:   800;

  /* Line Heights */
  --pmt-leading-tight:  1.2;
  --pmt-leading-snug:   1.35;
  --pmt-leading-normal: 1.6;
  --pmt-leading-loose:  1.8;

  /* Spacing */
  --pmt-space-1:  0.25rem;
  --pmt-space-2:  0.5rem;
  --pmt-space-3:  0.75rem;
  --pmt-space-4:  1rem;
  --pmt-space-5:  1.25rem;
  --pmt-space-6:  1.5rem;
  --pmt-space-8:  2rem;
  --pmt-space-10: 2.5rem;
  --pmt-space-12: 3rem;
  --pmt-space-16: 4rem;
  --pmt-space-20: 5rem;
  --pmt-space-24: 6rem;
  --pmt-space-32: 8rem;

  /* Border Radius */
  --pmt-radius-xs:   4px;
  --pmt-radius-sm:   8px;
  --pmt-radius:      12px;
  --pmt-radius-lg:   16px;
  --pmt-radius-xl:   20px;
  --pmt-radius-2xl:  24px;
  --pmt-radius-full: 9999px;

  /* Shadows */
  --pmt-shadow-sm:  0 1px 3px rgba(27, 46, 94, 0.06), 0 1px 2px rgba(27, 46, 94, 0.04);
  --pmt-shadow:     0 4px 16px rgba(27, 46, 94, 0.08), 0 2px 6px rgba(27, 46, 94, 0.04);
  --pmt-shadow-md:  0 8px 32px rgba(27, 46, 94, 0.12), 0 4px 12px rgba(27, 46, 94, 0.06);
  --pmt-shadow-lg:  0 16px 48px rgba(27, 46, 94, 0.16), 0 8px 24px rgba(27, 46, 94, 0.08);
  --pmt-shadow-xl:  0 24px 64px rgba(27, 46, 94, 0.2);
  --pmt-shadow-blue: 0 8px 32px rgba(33, 150, 243, 0.25);

  /* Transitions */
  --pmt-transition-fast:   all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --pmt-transition:        all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --pmt-transition-slow:   all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --pmt-transition-spring: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --pmt-container-sm:  640px;
  --pmt-container-md:  768px;
  --pmt-container-lg:  1024px;
  --pmt-container-xl:  1280px;
  --pmt-container-2xl: 1400px;

  /* Header */
  --pmt-header-height: 72px;
  --pmt-header-height-mobile: 60px;

  /* Z-index */
  --pmt-z-dropdown: 100;
  --pmt-z-sticky:   200;
  --pmt-z-modal:    300;
  --pmt-z-toast:    400;
}

/* ============================================================
   SEARCH BAR COMPACT OVERRIDES
   ============================================================ */
.pmt-search-section {
  padding-block: 12px !important;
}

.pmt-search-bar {
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--pmt-radius) !important;
}

.pmt-search-form__field {
  padding: 8px 16px !important;
}

.pmt-search-form__field input,
.pmt-search-form__field select {
  font-size: 0.85rem !important;
}

.pmt-search-form__field > i {
  font-size: 0.9rem !important;
}

.pmt-search-form__submit {
  margin: 6px !important;
  padding: 8px 24px !important;
  font-size: 0.85rem !important;
  border-radius: var(--pmt-radius-sm) !important;
}

@media (max-width: 768px) {
  .pmt-search-bar {
    max-width: 100%;
  }
  .pmt-search-form__field {
    padding: 10px 16px !important;
  }
  .pmt-search-form__submit {
    margin: 8px !important;
    padding: 10px 24px !important;
  }
}

/* ============================================================
   SIDEBAR BOOKMARK BUTTON OVERRIDES
   ============================================================ */
.pmt-apply-card--featured .pmt-job-card__bookmark {
  width: 100% !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--pmt-space-2) !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: var(--pmt-radius-sm) !important;
  font-size: var(--pmt-text-sm) !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.pmt-apply-card--featured .pmt-job-card__bookmark:hover {
  border-color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

.pmt-apply-card--featured .pmt-job-card__bookmark.is-saved {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--pmt-blue) !important;
}

