/**
 * CM Percy Blake — Custom Styles
 * Site-specific overrides on top of Studiova Bootstrap 5.3.6 template.
 * Loaded after styles.css in meta.php.
 *
 * @version 1.0.0
 * @since 2026-04-07
 */

/* ============================================
   Brand Colors (mirror config.php constants)
   ============================================ */
:root {
  --cmpb-primary: #c1ff72;
  --cmpb-secondary: #1f2a2e;
  --cmpb-light-gray: #f4f8fa;
  --cmpb-success: #c1ff72;
  --cmpb-error: #f8d7da;
  --cmpb-error-text: #721c24;
}

/* ============================================
   Typography
   ============================================ */
.fw-bold-inline {
  font-weight: bold;
}

/* ============================================
   Sticky Footer Layout
   Ensures footer stays at bottom on pages with
   minimal content (e.g., contact.php).
   ============================================ */
html,
body.cmpb-layout {
  min-height: 100vh;
}

body.cmpb-layout {
  display: flex;
  flex-direction: column;
}

body.cmpb-layout .page-wrapper {
  flex: 1 0 auto;
}

body.cmpb-layout > footer,
body.cmpb-layout .footer {
  flex-shrink: 0;
}

/* ============================================
   Hero Service Links
   ============================================ */
.hero-service-link {
  text-decoration: none !important;
  color: var(--cmpb-primary) !important;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  transition: border-color 0.2s ease;
}

.hero-service-link:hover {
  text-decoration: none !important;
  color: var(--cmpb-primary) !important;
  border-bottom-color: var(--cmpb-primary);
}

/* ============================================
   Form Response Messages
   ============================================ */
.form-response {
  display: none;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
}

.form-response--success {
  display: block;
  background-color: var(--cmpb-primary);
  color: var(--cmpb-secondary);
}

.form-response--error {
  display: block;
  background-color: var(--cmpb-error);
  color: var(--cmpb-error-text);
}

/* ============================================
   Banner Backgrounds (per page)
   ============================================ */
.banner-bg-about {
  background-image: url(/assets/graphics/bg_about-cmpercyblake.jpg);
}

.banner-bg-contact {
  background-image: url(/assets/assets_original-template/images/backgrounds/contact-banner.jpg);
}

.banner-bg-projects {
  background-image: url(/assets/assets_original-template/images/backgrounds/projects-banner.jpg);
}

.banner-bg-project-detail {
  background-image: url(/assets/assets_original-template/images/backgrounds/projects-detail-banner.jpg);
}

.banner-bg-blog {
  background-image: url(/assets/assets_original-template/images/backgrounds/blog-banner.jpg);
}

.banner-bg-blog-detail {
  background-image: url(/assets/assets_original-template/images/backgrounds/blog-detail-banner.jpg);
}

.banner-bg-legal {
  background-image: url(/assets/assets_original-template/images/backgrounds/privacy-policy-banner.jpg);
}

/* ============================================
   Service Page Banners (future — residential,
   commercial, mortgage, property-management)
   ============================================ */
/* .banner-bg-residential { } */
/* .banner-bg-commercial { } */
.banner-bg-mortgage {
  background-image: url(/assets/assets_original-template/images/backgrounds/contact-banner.jpg);
}
/* .banner-bg-property-management { } */

/* ============================================
   Service Tabs — text alignment fix
   ============================================ */
.services-tab .nav-link {
  text-align: left;
}

/* ============================================
   GTM noscript iframe (required inline by GTM
   spec, kept here as documentation only)
   ============================================ */
/* display:none;visibility:hidden — must remain
   inline per Google Tag Manager requirements */