/*
Theme Name: Connect Business Loan
Theme URI: https://connectbusinessloan.com
Description: Custom theme replicating the Connect Business Loan design, built for the migration from Buildy to WordPress.
Version: 1.0
Author: Connect Business Loan
Text Domain: cbl
*/

/* Range slider for the funding estimate (replaces React slider) */
.cbl-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 9999px;
  background: #fee2e2;
  outline: none;
  cursor: pointer;
}
.cbl-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 22px;
  width: 22px;
  border-radius: 9999px;
  background: #ffffff;
  border: 3px solid #dc2626;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  cursor: pointer;
}
.cbl-range::-moz-range-thumb {
  height: 22px;
  width: 22px;
  border-radius: 9999px;
  background: #ffffff;
  border: 3px solid #dc2626;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  cursor: pointer;
}

/* Native select matches the text inputs */
.cbl-select {
  width: 100%;
  border-radius: 0.375rem;
  border: 2px solid #e5e7eb;
  background-color: #ffffff;
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  color: #111827;
}
.cbl-select:focus-visible {
  outline: 2px solid #dc2626;
  outline-offset: 2px;
}

/* WordPress admin bar offset for sticky header */
body.admin-bar header.sticky { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header.sticky { top: 46px; }
}

/* Post content defaults for plain paragraphs written in the editor */
.cbl-article-content p { margin-bottom: 0.75rem; line-height: 1.75rem; color: #4b5563; }