/*
 * page-sectors.css
 * Loaded only on the Sectors page (page-sectors.php).
 *
 * Cascade conflicts:
 *  - .section-label → companies adds display:flex + ::after ruler; need block + no ruler
 *                     (sectors is the last file so section-label color/font from sectors wins — correct)
 *  - .page-hero     → companies (line 1711, before sectors at 3264) adds display:flex,
 *                     min-height:340px, border-bottom, padding-left/right:56px to .page-hero;
 *                     these persist since sectors' .page-hero definition doesn't reset them
 *  - .page-hero-inner → sectors IS the last def — its own values are correct ✓
 */

/* section-label: remove companies' flex+ruler */
.section-label {
  color: var(--blue);
  display: block;
  gap: 0;
}

.section-label::after {
  display: none;
}

/* page-hero: undo companies' flex layout, min-height, border, and side padding */
.page-hero {
  display: block;
  min-height: 0;
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/* HEALTHCARE COMPANY SEARCH */
.hc-search-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.hc-search-input{flex:1;padding:10px 16px;border-radius:9px;border:1.5px solid var(--border);
  font-family:'Poppins',sans-serif;font-size:0.82rem;outline:none;transition:border-color 0.2s;
  background:var(--light);}
.hc-search-input:focus{border-color:#e8416a;background:white;}
.hc-search-input::placeholder{color:var(--gray);font-weight:300;}
.hc-search-count{font-size:0.72rem;color:var(--gray);font-weight:500;white-space:nowrap;}
.hc-companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;}
.hc-company-card{background:white;border:1.5px solid var(--border);border-radius:9px;
  padding:12px 14px;display:flex;align-items:center;gap:10px;transition:all 0.2s;
  color:inherit;text-decoration:none;}
.hc-company-card:hover{border-color:#e8416a;transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(232,65,106,0.08);}
.hc-company-initials{width:32px;height:32px;border-radius:50%;flex-shrink:0;
  background:rgba(232,65,106,0.08);border:1.5px solid rgba(232,65,106,0.18);
  display:flex;align-items:center;justify-content:center;
  font-size:0.68rem;font-weight:800;color:#e8416a;}
.hc-company-name{font-size:0.75rem;font-weight:600;line-height:1.3;}
.hc-no-results{display:none;text-align:center;padding:32px 0;color:var(--gray);font-size:0.82rem;}
.hc-no-results.hc-visible{display:block;}
.hc-pagination{display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:18px;margin-bottom:32px;flex-wrap:wrap;}
.hc-page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:7px;border:1.5px solid var(--border);
  background:white;font-family:'Poppins',sans-serif;font-size:0.72rem;font-weight:600;
  color:var(--dark);cursor:pointer;transition:all 0.15s;display:flex;align-items:center;justify-content:center;}
.hc-page-btn:hover{border-color:#e8416a;color:#e8416a;}
.hc-page-btn.hc-active{background:#e8416a;border-color:#e8416a;color:white;}
.hc-page-btn:disabled{opacity:0.3;cursor:default;pointer-events:none;}
.hc-page-dots{height:32px;display:flex;align-items:center;padding:0 2px;color:var(--gray);font-size:0.72rem;font-weight:500;user-select:none;}

/* ── Healthcare submit form (FluentForm #4) ───────────────────────────── */
.hc-submit-form-wrap {
  background: white;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 40px;
}
.hc-submit-form-title {
  font-size: 0.72rem;
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--dark);
}
.hc-submit-form-sub {
  font-size: 0.75rem;
  color: var(--gray);
  margin-bottom: 18px;
  line-height: 1.6;
  font-weight: 300;
}

/* 2-column grid */
#fluentform_4 fieldset {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
#fluentform_4 fieldset > * {
  grid-column: 1 / -1;
  margin: 0;
}
/*
 * child 5 → Company Name → col 1
 * child 6 → Website      → col 2
 * child 7 → Description  → full (default)
 * child 8 → Email        → full (default)
 * child 9 → Submit       → full (default)
 */
#fluentform_4 fieldset > :nth-child(5) { grid-column: 1 / 2; }
#fluentform_4 fieldset > :nth-child(6) { grid-column: 2 / 3; }

/* Labels */
#fluentform_4 .ff-el-input--label label {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--dark);
  font-family: 'Poppins', sans-serif;
  display: block;
  margin-bottom: 4px;
}

/* Inputs */
#fluentform_4 .ff-el-form-control {
  width: 100% !important;
  padding: 9px 12px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.78rem !important;
  color: var(--dark) !important;
  background: var(--light) !important;
  outline: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color 0.2s, background 0.2s !important;
}
#fluentform_4 .ff-el-form-control:focus {
  border-color: #e8416a !important;
  background: white !important;
}
#fluentform_4 .ff-el-form-control::placeholder {
  color: rgba(16, 20, 31, 0.3) !important;
}

/* Submit button */
#fluentform_4 .ff_btn_no_style,
#fluentform_4 .ff_submit_btn_wrapper button {
  background: #e8416a !important;
  color: white !important;
  border: none !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  width: auto !important;
  display: inline-block !important;
  margin-top: 14px;
}
#fluentform_4 .ff_btn_no_style:hover,
#fluentform_4 .ff_submit_btn_wrapper button:hover {
  background: #d03660 !important;
  transform: translateY(-1px) !important;
}

/* Success message */
#fluentform_4_success.ff-message-success,
#fluentform_4 .ff-message-success {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.5;
  background: white;
  border: 1.5px solid #86efac;
  color: #15803d;
}
#fluentform_4_success.ff-message-success::before,
#fluentform_4 .ff-message-success::before {
  content: '';
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #16a34a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1px;
}

/* Validation errors */
#fluentform_4 .error,
#fluentform_4 .ff-el-form-error {
  font-size: 0.68rem;
  color: #e53e3e;
  margin-top: 4px;
}

/* Responsive */
@media (max-width: 600px) {
  #fluentform_4 fieldset { grid-template-columns: 1fr; }
  #fluentform_4 fieldset > :nth-child(5),
  #fluentform_4 fieldset > :nth-child(6) { grid-column: 1 / -1; }
}