/* ==========================================================================
   LineageCare Elementor Advanced Pack - Global Styles
   Version: 1.0.0
   ========================================================================== */

/* Design Tokens */
:root {
  --lceap-primary:       #e94560;
  --lceap-primary-dark:  #c72d47;
  --lceap-secondary:     #0f3460;
  --lceap-dark:          #1a1a2e;
  --lceap-dark-2:        #16213e;
  --lceap-light:         #f8f9fa;
  --lceap-text:          #2d3436;
  --lceap-muted:         #636e72;
  --lceap-border:        #dfe6e9;
  --lceap-radius:        10px;
  --lceap-radius-lg:     16px;
  --lceap-shadow:        0 4px 24px rgba(0,0,0,0.10);
  --lceap-shadow-lg:     0 12px 48px rgba(0,0,0,0.18);
  --lceap-transition:    0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --lceap-font:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Shared Input Base */
.lceap-fb-input {
  display: block;
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  font-family: var(--lceap-font);
  color: var(--lceap-text);
  background: #fff;
  border: 2px solid var(--lceap-border);
  border-radius: var(--lceap-radius);
  transition: border-color var(--lceap-transition), box-shadow var(--lceap-transition);
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.lceap-fb-input:focus {
  border-color: var(--lceap-primary);
  box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.12);
}

.lceap-fb-input::placeholder {
  color: #b2bec3;
}

textarea.lceap-fb-input {
  resize: vertical;
  min-height: 120px;
}

select.lceap-fb-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23636e72' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

/* Spinner */
.lceap-fb-spinner {
  display: none;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: lceap-spin 0.7s linear infinite;
  vertical-align: middle;
  margin-left: 8px;
}

.lceap-loading .lceap-fb-spinner { display: inline-block; }
.lceap-loading .lceap-btn-text   { opacity: 0.7; }

@keyframes lceap-spin {
  to { transform: rotate(360deg); }
}

/* Screen reader only */
.lceap-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Auth required message */
.lceap-auth-required {
  padding: 16px 20px;
  background: #fff3f4;
  border-left: 4px solid var(--lceap-primary);
  border-radius: 0 var(--lceap-radius) var(--lceap-radius) 0;
  color: var(--lceap-text);
  font-size: 15px;
}

/* ── Dark Mode ─────────────────────────────────────────────── */
body.lceap-dark-mode {
  --lceap-light:    #1a1a2e;
  --lceap-text:     #e8e8e8;
  --lceap-muted:    #a0a0b0;
  --lceap-border:   #2d2d4e;
  background-color: #111118;
  color: var(--lceap-text);
}
body.lceap-dark-mode .lceap-form-builder-wrap,
body.lceap-dark-mode .lceap-auth-wrap,
body.lceap-dark-mode .lceap-receipt-wrap,
body.lceap-dark-mode .lceap-pricing-card,
body.lceap-dark-mode .lceap-post-card,
body.lceap-dark-mode .lceap-woo-card,
body.lceap-dark-mode .lceap-team-card {
  background: #1e1e32; border-color: #2d2d4e; color: var(--lceap-text);
}
body.lceap-dark-mode .lceap-fb-input { background:#16213e; border-color:#2d2d4e; color:#e8e8e8; }
body.lceap-dark-mode .lceap-fb-input:focus { border-color:var(--lceap-primary); }
.lceap-modal-body-lock { overflow:hidden!important; }
.lceap-status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;}
.lceap-status-new{background:#e8f8f0;color:#27ae60;}.lceap-status-read{background:#f1f3f5;color:#636e72;}
