/*
 * alex-miller.css
 * Custom brand overrides for Alex Miller Real Estate Auctions
 * Dark Navy (#0d1b3e) + Gold (#c9a227) palette
 * Loads after style.css to override template defaults
 */

:root {
  --navy: #0d1b3e;
  --navy-mid: #162447;
  --navy-light: #1f3a6e;
  --gold: #c9a227;
  --gold-dark: #a07e1a;
  --white: #ffffff;
  --gray-light: #f5f7fb;
  --gray-text: #5f6b7a;
  --body-text: #1a1a1a;
}

body {
  color: var(--body-text);
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

a { color: var(--navy); }
a:hover { color: var(--gold-dark); text-decoration: none; }

h1, h2, h3, h4, h5, h6,
p { color: inherit; }

.header-top.second-header,
.second-header,
.header-top.second-header.d-none.d-md-block {
  background: var(--navy) !important;
  background-color: var(--navy) !important;
  border-bottom: 1px solid rgba(201, 162, 39, 0.2);
}
.header-top .wellcome-text p,
.header-top .header-cta ul li,
.header-top .header-cta ul li span {
  color: rgba(255,255,255,0.85) !important;
}
.header-top .header-cta ul li .icon {
  color: var(--gold) !important;
}

.menu-area::before {
  display: none !important;
  content: none !important;
}

.menu-area,
.menu-area.sticky-menu,
.sticky-menu,
.sticky-menu .second-menu,
.header-area .menu-area {
  background: var(--navy) !important;
  background-color: var(--navy) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

.main-menu ul li a,
#mobile-menu ul li a,
.second-menu .main-menu ul li a,
.main-menu > nav > ul > li > a {
  color: rgba(255,255,255,0.92) !important;
  background: transparent !important;
  font-weight: 500;
}
.main-menu ul li a:hover,
.main-menu ul li:hover > a,
.main-menu ul li.active > a,
.main-menu ul li.current > a,
#mobile-menu ul li a:hover,
#mobile-menu ul li.active > a,
.main-menu ul li.current a,
.main-menu ul li.has-sub .current a {
  color: var(--gold) !important;
  background: transparent !important;
}

.main-menu ul li a.top-btn,
#mobile-menu ul li a.top-btn,
.top-btn,
a.top-btn,
li a.top-btn {
  background: var(--gold) !important;
  background-color: var(--gold) !important;
  color: var(--navy) !important;
  border-color: var(--gold) !important;
  border-radius: 4px !important;
  padding: 8px 22px !important;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.4;
  display: inline-block;
}
.main-menu ul li a.top-btn:hover,
#mobile-menu ul li a.top-btn:hover,
.top-btn:hover,
a.top-btn:hover,
li a.top-btn:hover {
  background: var(--gold-dark) !important;
  background-color: var(--gold-dark) !important;
  color: var(--navy) !important;
  border-color: var(--gold-dark) !important;
}

.main-menu li.has-sub,
.main-menu li.has-sub:hover,
.main-menu li.has-sub:focus-within {
  background: transparent !important;
}
.main-menu .has-sub > ul,
.main-menu .has-sub > ul > .has-sub > ul,
.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul,
.main-menu ul li.has-sub ul,
.main-menu ul li.has-sub ul li,
.main-menu ul li.has-sub ul li a {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.main-menu .has-sub > ul,
.main-menu .has-sub > ul > .has-sub > ul,
.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul,
.main-menu ul li.has-sub ul {
  border-top: 3px solid var(--gold) !important;
  box-shadow: 0 12px 30px rgba(13,27,62,0.14) !important;
  z-index: 9999 !important;
}
.main-menu .has-sub li,
.main-menu .has-sub > ul li,
.main-menu ul li.has-sub ul li {
  border-bottom: 1px solid rgba(13,27,62,0.12) !important;
}
.main-menu .has-sub li:last-child,
.main-menu .has-sub > ul li:last-child,
.main-menu ul li.has-sub ul li:last-child {
  border-bottom: none !important;
}
.main-menu .has-sub li a,
.main-menu .has-sub > ul li a,
.main-menu ul li.has-sub ul li a {
  color: var(--navy) !important;
  font-weight: 500;
}
.main-menu .has-sub li a:hover,
.main-menu .has-sub > ul li a:hover,
.main-menu .has-sub a:hover,
.main-menu ul li.has-sub ul li:hover > a {
  color: var(--navy) !important;
  background: var(--gray-light) !important;
  background-color: var(--gray-light) !important;
}

.responsive i { color: var(--white); }

.slider-area .single-slider {
  position: relative;
  isolation: isolate;
}
.slider-area .single-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(13,27,62,0.82) 0%, rgba(13,27,62,0.72) 45%, rgba(13,27,62,0.52) 100%);
  z-index: 0;
  pointer-events: none;
}
.slider-area .single-slider > * {
  position: relative;
  z-index: 1;
}
.slider-area::after { display: none !important; }
.slider-content,
.slider-btn,
.slider-price,
.slider-area .container,
.slider-area .row,
.slider-area .col-lg-8,
.slider-area .col-lg-4 {
  position: relative;
  z-index: 3;
}
.slider-active .slick-arrow {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.slider-active .slick-dots {
  bottom: 22px;
  z-index: 4;
}
.slider-area .slider-content {
  max-width: 760px;
  padding-right: 24px;
}
.slider-area .slider-content h2 {
  color: var(--white) !important;
  font-size: clamp(44px, 5.2vw, 84px);
  line-height: 1.05;
  margin-bottom: 26px;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}
.slider-area .slider-content ul {
  max-width: 680px;
  margin-bottom: 30px;
}
.slider-area .slider-content ul li,
.slider-area .slider-content p {
  color: var(--white) !important;
  font-size: 18px;
  line-height: 1.6;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}
.slider-area .slider-content ul li i,
.slider-area .slider-price h3 {
  color: var(--gold) !important;
}
.slider-area .slider-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 34px !important;
}
.slider-area .slider-btn .btn {
  margin: 0 !important;
}
.slider-area .slider-price {
  max-width: 260px;
  margin-left: auto;
}

.btn,
.btn.ss-btn {
  background-color: var(--gold) !important;
  color: var(--navy) !important;
  border-color: var(--gold) !important;
  font-weight: 700;
}
.btn:hover,
.btn.ss-btn:hover {
  background-color: var(--gold-dark) !important;
  border-color: var(--gold-dark) !important;
  color: var(--navy) !important;
}
.btn.ss-btn2,
.btn.header-btn,
.btn-secondary {
  background-color: var(--navy) !important;
  color: var(--white) !important;
  border-color: var(--navy) !important;
}
.btn.ss-btn2:hover,
.btn.header-btn:hover,
.btn-secondary:hover {
  background-color: var(--navy-mid) !important;
  border-color: var(--navy-mid) !important;
  color: var(--white) !important;
}

.section-title span,
.about-title > span,
.second-atitle > span {
  color: var(--gold) !important;
  background: transparent !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-size: 13px;
  display: inline-block;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
}
.section-title h2,
.about-title h2,
.second-atitle h2 {
  color: var(--navy) !important;
  font-weight: 700;
}
.section-title h2::before,
.about-title p span,
.section-title p span,
.second-atitle p span {
  background: var(--gold) !important;
}

.about-area .about-content p,
.about-content p,
.s-about-content p,
.second-services-content2 p,
.second-services-content p,
.services-content p,
.features-content p,
.blog-text p,
.content-area p {
  color: var(--body-text) !important;
}
.about-text span,
.about-text.second-about strong,
.about-text.second-about span,
.about-text.second-about strong,
.about-text.second-about p span,
.ta-info h6,
.single-cta .f-cta-icon i,
.services-ico2 i,
.services-icon i,
.features-content h4 a:hover,
.services-content h4:hover a,
.blog-content h4:hover a,
.b-meta ul li a.corpo,
.b-meta ul li a:hover,
.single-cta p a,
.single-cta h5,
.second-services-content h5 a,
.second-services-content2 h5 a {
  color: var(--gold) !important;
}

.features-area,
.features-area .container,
.features-area .row,
.features-area .s-features,
.features-area .single-features,
.features-area .features-content,
.features-area .features-content h4,
.features-area .features-content p,
.features-area .features-content a {
  background: transparent !important;
  color: var(--white) !important;
}
.features-area .features-content h4,
.features-area .features-content h4 a {
  color: var(--white) !important;
}
.features-area .features-content p {
  color: rgba(255,255,255,0.88) !important;
}
.features-icon img,
.features-area .features-icon img,
.s-features:hover .features-icon img {
  background: var(--gold) !important;
  border: 5px solid var(--gold) !important;
  border-radius: 50%;
  padding: 18px;
}
.features-area .features-icon,
.features-area .features-icon * {
  color: var(--navy) !important;
  fill: var(--navy) !important;
}

.upcoming-auction-card,
.resource-card,
.gallery-card,
.trust-card {
  background: #fff;
  border: 1px solid rgba(13,27,62,0.1);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(13,27,62,0.08);
}
.gallery-card img,
.upcoming-auction-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}
.gallery-card .card-body,
.upcoming-auction-card .card-body,
.resource-card .card-body,
.trust-card .card-body {
  padding: 24px;
}
.gallery-meta,
.form-help-text {
  color: var(--gray-text);
  font-size: 14px;
}
.contact-note,
.info-note {
  background: var(--gray-light);
  border-left: 4px solid var(--gold);
  padding: 16px 18px;
  border-radius: 6px;
}

.contact-info {
  padding: 28px 28px 8px !important;
  background: #ffffff !important;
  border: 1px solid rgba(13,27,62,0.12);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(13,27,62,0.08);
}
.contact-info .single-cta {
  border-bottom: 1px solid rgba(13,27,62,0.12) !important;
  padding: 0 0 22px;
  margin-bottom: 22px !important;
}
.contact-info div.single-cta:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.contact-info h5,
.contact-info .single-cta h5 {
  color: var(--navy) !important;
  font-size: 18px;
  margin-bottom: 8px;
}
.contact-info p,
.contact-info .single-cta p,
.contact-info .single-cta p a {
  color: #4a5565 !important;
}
.contact-info .f-cta-icon {
  width: 54px;
  min-width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(201,162,39,0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px !important;
}
.contact-info .f-cta-icon i {
  margin-bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  background: transparent !important;
  color: var(--gold) !important;
  font-size: 22px !important;
}

.counter-area .count,
.counter-area h2,
.counter-area h3,
.counter-area h4,
.testimonial-area h2,
.testimonial-area h3,
.testimonial-area h4,
.testimonial-area h5,
.testimonial-area h6,
.testimonial-area p,
.testimonial-bg h2,
.testimonial-bg h3,
.testimonial-bg h4,
.testimonial-bg h5,
.testimonial-bg h6,
.testimonial-bg p,
.single-testimonial p {
  color: var(--white) !important;
}
.counter-area p,
.counter-area span,
.testimonial-area span,
.testimonial-bg span {
  color: rgba(255,255,255,0.8) !important;
}
.testimonial-area,
.testimonial-bg {
  background-color: var(--navy) !important;
}

.footer-bg {
  background-color: var(--navy) !important;
  color: rgba(255,255,255,0.8);
}
.f-widget-title h5 {
  color: var(--white);
  font-weight: 700;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
  padding-bottom: 6px;
  margin-bottom: 16px;
}
.f-widget-title h5::before {
  display: none !important;
  content: none !important;
}
.footer-link ul li a,
.footer-bg a {
  color: rgba(255,255,255,0.75) !important;
}
.footer-link ul li a:hover,
.footer-bg a:hover,
.copyright-text a {
  color: var(--gold) !important;
}
.footer-text p,
.copyright-text p {
  color: rgba(255,255,255,0.6) !important;
}
.footer-social a {
  background-color: var(--navy-light);
  color: var(--white);
  margin-right: 6px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.2s;
}
.footer-social a:hover {
  background-color: var(--gold);
  color: var(--navy);
}

.content-area a,
.blog-text a,
.about-content a,
.services-content a,
.s-single-services .second-services-content2 a,
.services-link a,
.read-more a {
  color: var(--navy) !important;
  text-decoration: underline;
  font-weight: 600;
}
.content-area a:hover,
.blog-text a:hover,
.about-content a:hover,
.services-content a:hover,
.s-single-services .second-services-content2 a:hover,
.services-link a:hover,
.read-more a:hover {
  color: var(--gold-dark) !important;
}

@media (max-width: 1399px) {
  .slider-area .slider-content h2 {
    font-size: clamp(38px, 4.8vw, 72px);
  }
}
@media (max-width: 1199px) {
  .slider-area .single-slider {
    min-height: 700px !important;
    padding: 120px 0 90px;
  }
  .slider-area .slider-content {
    max-width: 100%;
    padding-right: 0;
  }
  .slider-area .slider-content h2 {
    font-size: clamp(34px, 5vw, 60px);
  }
}
@media (max-width: 991px) {
  .slider-area .single-slider {
    min-height: 760px !important;
    padding: 130px 0 100px;
    background-position: center center !important;
  }
  .slider-area .slider-content h2 {
    font-size: clamp(32px, 8vw, 52px);
  }
  .slider-area .slider-content ul li,
  .slider-area .slider-content p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .slider-area .single-slider {
    min-height: 820px !important;
    padding: 140px 0 110px;
  }
  .slider-area .slider-content h2 {
    font-size: clamp(30px, 9vw, 42px);
    line-height: 1.08;
  }
  .slider-area .slider-btn {
    gap: 12px;
  }
  .slider-area .slider-btn .btn {
    width: 100%;
    text-align: center;
  }
}