/* ============================================================
   ST. MICHAEL — MODERN PUBLIC SITE THEME
   Linked last (after bootstrap/global/page-specific css) on
   index.php, contact.php, services.php, skills.php, and
   stmichael_books.php ("Courses" in the nav), so it wins the
   cascade consistently across all five pages.
   Matches the site's existing orange brand accent (col_oran /
   theme_color #ff6600 in manifest.php) rather than introducing
   a new palette.
   ============================================================ */

:root {
  --sm-pub-accent: #ff6600;
  --sm-pub-accent-dark: #e05a00;
  --sm-pub-ink: #1e293b;
  --sm-pub-radius: 14px;
  --sm-pub-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
  --sm-pub-shadow-hover: 0 12px 28px rgba(15, 23, 42, 0.14);
}

body { color: var(--sm-pub-ink); }

/* Cards / boxes used for services, skills, course listings */
.card, .box, .service_box, .skill_box, .course_box, .single_pro_box {
  border-radius: var(--sm-pub-radius) !important;
  box-shadow: var(--sm-pub-shadow);
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover, .box:hover, .service_box:hover, .skill_box:hover, .course_box:hover, .single_pro_box:hover {
  transform: translateY(-4px);
  box-shadow: var(--sm-pub-shadow-hover);
}

/* Buttons */
.btn, a.btn, input[type="submit"].btn {
  border-radius: 10px;
  font-weight: 600;
}
.btn-primary, .btn_1, .theme-btn {
  background: var(--sm-pub-accent) !important;
  border-color: var(--sm-pub-accent) !important;
}
.btn-primary:hover, .btn_1:hover, .theme-btn:hover {
  background: var(--sm-pub-accent-dark) !important;
  border-color: var(--sm-pub-accent-dark) !important;
}

/* Navbar */
.navbar { box-shadow: 0 2px 12px rgba(15,23,42,.06); }
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover { color: var(--sm-pub-accent) !important; }

/* Section headings */
.sec_title h2, .sec_title h1, h1.fw-bold, h2.fw-bold {
  position: relative;
}

/* Forms (contact page) */
.form-control, textarea.form-control, select.form-control {
  border-radius: 10px;
  border-color: #dbe2ea;
}
.form-control:focus, textarea.form-control:focus {
  border-color: var(--sm-pub-accent);
  box-shadow: 0 0 0 3px rgba(255, 102, 0, .15);
}

/* Skill bars / progress (skills.php) */
.progress { border-radius: 999px; height: 10px; background: #eef2f7; }
.progress-bar { background: var(--sm-pub-accent) !important; border-radius: 999px; }

/* Responsive tightening on top of Bootstrap's own breakpoints */
@media (max-width: 576px) {
  .container-fluid, .container { padding-left: .9rem !important; padding-right: .9rem !important; }
  h1 { font-size: 1.6rem !important; }
  h2 { font-size: 1.3rem !important; }
  .card, .box, .service_box, .skill_box, .course_box { margin-bottom: 1rem; }
  .btn { padding: .5rem .9rem; font-size: .9rem; }
}
@media (max-width: 992px) {
  .top_1r { text-align: center; }
}