/* AH Flooring — site styles. Loaded after Bootstrap; overrides + custom components only. */

:root {
  --ah-forest: #1e2a26;
  --ah-forest-dark: #141d1a;
  --ah-gold: #b8935a;
  --ah-gold-light: #d4af6a;
  --ah-cream: #f7f4ee;
  --ah-ink: #23281f;
  --ah-muted: #6b7269;
  --ah-border: #e7e2d6;
  --ah-radius: 0.5rem;
  --ah-shadow: 0 10px 30px rgba(30, 42, 38, 0.08);
  --ah-shadow-hover: 0 16px 40px rgba(30, 42, 38, 0.14);
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  color: var(--ah-ink);
  background-color: #fff;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, .display-heading {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--ah-forest);
}

.text-gold { color: var(--ah-gold) !important; }
.bg-forest { background-color: var(--ah-forest) !important; }
.bg-cream { background-color: var(--ah-cream) !important; }

a { color: var(--ah-forest); text-decoration: none; }
a:hover { color: var(--ah-gold); }

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ah-gold);
}

.section-pad { padding: 4.5rem 0; }
@media (max-width: 767.98px) { .section-pad { padding: 3rem 0; } }

.btn-ah-primary {
  background-color: var(--ah-forest);
  border-color: var(--ah-forest);
  color: #fff;
  padding: 0.75rem 1.75rem;
  border-radius: var(--ah-radius);
  font-weight: 600;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.btn-ah-primary:hover { background-color: var(--ah-forest-dark); color: #fff; transform: translateY(-2px); }

.btn-ah-outline {
  background-color: transparent;
  border: 1.5px solid var(--ah-forest);
  color: var(--ah-forest);
  padding: 0.75rem 1.75rem;
  border-radius: var(--ah-radius);
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn-ah-outline:hover { background-color: var(--ah-forest); color: #fff; transform: translateY(-2px); }

.btn-ah-whatsapp {
  background-color: #25d366;
  border-color: #25d366;
  color: #fff;
  padding: 0.75rem 1.75rem;
  border-radius: var(--ah-radius);
  font-weight: 600;
  transition: transform 0.2s ease;
}
.btn-ah-whatsapp:hover { background-color: #1ebe5b; color: #fff; transform: translateY(-2px); }

/* Header / Nav */
.ah-navbar {
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: 0 1px 0 var(--ah-border);
}
.ah-navbar .navbar-brand img { height: 38px; }
.ah-navbar .nav-link { font-weight: 500; color: var(--ah-ink); padding: 0.5rem 1rem !important; }
.ah-navbar .nav-link:hover, .ah-navbar .nav-link.active { color: var(--ah-gold); }

/* Hero */
.ah-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  color: #fff;
      padding: 32px 0px !important;
}
.ah-hero::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,29,26,0.75) 0%, rgba(20,29,26,0.55) 50%, rgba(20,29,26,0.85) 100%);
}
.ah-hero .container { position: relative; z-index: 2; }
.ah-hero h1 { color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); }
.ah-hero p.lead { color: #e8e6dd; }

/* Cards */
.ah-card {
  background: #fff;
  border: 1px solid var(--ah-border);
  border-radius: var(--ah-radius);
  box-shadow: var(--ah-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
  height: auto !important;
}
.ah-card:hover { transform: translateY(-6px); box-shadow: var(--ah-shadow-hover); }
.ah-card img { transition: transform 0.4s ease; }
.ah-card:hover img { transform: scale(1.05); }
.ah-card .card-body { padding: 1.5rem; }

.ah-icon-circle {
  width: 60px; height: 60px;
  display: flex; align-items: center; justify-content: center;
  background-color: var(--ah-cream);
  border-radius: 50%;
  color: var(--ah-gold);
  font-size: 1.5rem;
}

/* Testimonials */
.ah-testimonial { border-left: 3px solid var(--ah-gold); }
.ah-stars { color: var(--ah-gold); }

/* Process steps */
.ah-step-number {
  width: 48px; height: 48px;
  border-radius: 50%;
  background-color: var(--ah-forest);
  color: var(--ah-gold-light);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-family: Georgia, serif;
}

/* Breadcrumb */
.ah-breadcrumb { background-color: var(--ah-cream); }
.ah-breadcrumb a { color: var(--ah-muted); }
.ah-breadcrumb .active { color: var(--ah-ink); }

/* FAQ accordion */
.accordion-button:not(.collapsed) { background-color: var(--ah-cream); color: var(--ah-forest); }
.accordion-button:focus { box-shadow: none; }

/* Floating WhatsApp button */
.ah-whatsapp-float {
  position: fixed;
  right: 20px; bottom: 90px;
  z-index: 1050;
  background-color: #25d366;
  color: #fff;
  width: 60px; height: 60px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.75rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  animation: ah-pulse 2.4s infinite;
}
.ah-whatsapp-float:hover { color: #fff; transform: scale(1.08); }
@keyframes ah-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }
  70% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* Sticky mobile CTA bar */
.ah-sticky-cta {
  position: fixed; left: 0; right: 0; bottom: 0;
  z-index: 1040;
  background: #fff;
  border-top: 1px solid var(--ah-border);
  box-shadow: 0 -4px 16px rgba(0,0,0,0.08);
  display: none;
}
@media (max-width: 767.98px) {
  .ah-sticky-cta { display: flex; }
  .ah-whatsapp-float { bottom: 78px; right: 16px; width: 52px; height: 52px; font-size: 1.5rem; }
  body { padding-bottom: 62px; }
}
.ah-sticky-cta a { flex: 1; text-align: center; padding: 0.85rem 0.5rem; font-weight: 600; font-size: 0.92rem; }

/* Footer */
.ah-footer { background-color: var(--ah-forest-dark); color: #cfd6cf; }
.ah-footer a { color: #cfd6cf; }
.ah-footer a:hover { color: var(--ah-gold-light); }
.ah-footer h5 { color: #fff; }

/* Table of contents (blog) */
.ah-toc { background-color: var(--ah-cream); border-radius: var(--ah-radius); padding: 1.25rem 1.5rem; }
.ah-toc a { display: block; padding: 0.25rem 0; color: var(--ah-ink); }
.ah-toc a:hover { color: var(--ah-gold); }

/* Comparison table */
.ah-compare-table th { background-color: var(--ah-forest); color: #fff; }

/* Article content */
.ah-article h2 { margin-top: 2.25rem; font-size: 1.6rem; }
.ah-article h3 { margin-top: 1.75rem; font-size: 1.3rem; }
.ah-article img { border-radius: var(--ah-radius); }
.ah-article pre { background: #1e2a26; color: #f1efe6; padding: 1rem; border-radius: var(--ah-radius); overflow-x: auto; }

/* Utility */
.ah-object-cover { object-fit: cover; }
.ah-rounded-lg { border-radius: 1rem; }


.ahn_color{
  color: #fff;
  padding-bottom: 10px;
}
.table_display_flex{
  display: flex;
}
.table_display_flex .align_item{
        padding: 10px;
    border-radius: 5px;
    margin: 5px 5px 5px;
}
.border-bottom{
  border-bottom: 1px solid red;
}

td .badge {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
     padding: 10px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}


.log_in{
     background-color: #f3bc00;
    padding: 8px 13px;
    border-radius: 6px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
}