/* =========================================================
   La Escobita Brand Theme — Black & Gold (flyer match)
   ========================================================= */

:root {
  /* Gold accents from flyer */
  --theme-color1: #D4AF37;
  --theme-color2: #F5C518;
  --theme-color3: #FFD700;
  --theme-color1-rgb: 212, 175, 55;
  --theme-color2-rgb: 245, 197, 24;
  --theme-color3-rgb: 255, 215, 0;

  /* Black text on gold buttons (gold bar on flyer) */
  --theme-color1-text-color: #000000;
  --theme-color2-text-color: #000000;
  --theme-color3-text-color: #000000;

  /* Surfaces */
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-lighter: #111111;
  --theme-color-silver: #1A1A1A;
  --review-color: #FFD700;
  --theme-color-black: #000000;
  --theme-color-black-rgb: 0, 0, 0;
  --theme-color-dark: #000000;
  --theme-color-gray: #B8B8B8;
  --theme-color-light: #ffffff;

  /* Gradients — black ↔ gold */
  --gradient-1: linear-gradient(181.35deg, rgba(0, 0, 0, 0) 1.15%, rgba(212, 175, 55, 0.12) 98.91%);
  --gradient-2: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.27%, #D4AF37 100%);
  --gradient-3: linear-gradient(180deg, #1A1A1A 16.27%, #D4AF37 100%);
  --gradient-4: linear-gradient(90deg, #111111 0%, #1F1A0A 100%);
  --gradient-5: linear-gradient(90deg, #1F1A0A 0%, #111111 100%);
  --gradient-6: linear-gradient(180deg, #000000 41.92%, #D4AF37 115.91%);
  --gradient-7: linear-gradient(180deg, #1A1A1A 0%, #111111 100%);
  --gradient-8: linear-gradient(180deg, #000000 40.88%, #D4AF37 113.02%);
  --gradient-9: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.52%, #D4AF37 96.95%);
  --gradient-10: linear-gradient(229.11deg, rgba(0, 0, 0, 0) 30.68%, #D4AF37 66.72%);
  --gradient-11: linear-gradient(90deg, #1F1A0A -2.15%, #111111 100%);
  --brand-gold-gradient: linear-gradient(90deg, #B8860B 0%, #FFD700 45%, #D4AF37 100%);

  --text-color: rgba(255, 255, 255, 0.72);
  --headings-color: #ffffff;
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color2);
  --body-bg: #000000;
  --theme-light-background: #0A0A0A;
  --theme-light-background-text-color: #ffffff;
  --theme-black: #000000;
  --sec-title-subtitle-color: var(--theme-color1);
  --sec-title-color: #ffffff;
}

/* Base */
body,
.page-wrapper {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.78);
}

h1, h2, h3, h4, h5, h6,
.sec-title .title,
.sec-title.black .title {
  color: #ffffff;
}

.sec-title .sub-title,
.sec-title.black .sub-title {
  color: var(--theme-color1) !important;
}

.sec-title .text,
.sec-title.black .text,
.about-section .text,
.service-block .text,
.work-block .text {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Override template "black" title class (was dark text for light bg) */
.sec-title.black .title,
.sec-title.black h1,
.sec-title.black h2,
.sec-title.black h3,
.sec-title.black span {
  color: #ffffff !important;
}

/* Selection */
::selection {
  background: var(--theme-color1);
  color: #000;
}

/* Header */
.main-header,
.main-header .header-lower,
.main-header .outer-box,
.sticky-header {
  background: #000000 !important;
}

.main-menu .navigation > li > a,
.sticky-header .main-menu .navigation > li > a {
  color: #ffffff !important;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
  color: var(--theme-color1) !important;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.35);
}

.main-menu .navigation > li > ul > li > a {
  color: #ffffff !important;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: var(--theme-color1) !important;
  background: rgba(212, 175, 55, 0.08);
}

.header-phone_box .text {
  color: rgba(255, 255, 255, 0.7) !important;
}

.header-phone_box .number {
  color: var(--theme-color1) !important;
}

.mobile-nav-toggler .icon {
  color: var(--theme-color1) !important;
}

/* Buttons — gold with black text */
.theme-btn,
.btn-style-header,
.btn-style-two,
.btn-style-three,
.btn-style-four,
.theme-btn .btn-title,
.btn-style-three .btn-main {
  background-image: none !important;
}

.btn-style-header,
.theme-btn.btn-style-header {
  background: var(--brand-gold-gradient) !important;
  color: #000000 !important;
  border: none !important;
}

.btn-style-header .btn-title,
.theme-btn.btn-style-header .btn-title {
  color: #000000 !important;
}

.btn-style-two,
.theme-btn.btn-style-two {
  background: transparent !important;
  color: var(--theme-color1) !important;
  border: 1px solid var(--theme-color1) !important;
}

.btn-style-two:hover,
.theme-btn.btn-style-two:hover {
  background: var(--theme-color1) !important;
  color: #000000 !important;
}

.btn-style-three,
.theme-btn.btn-style-three {
  background: var(--brand-gold-gradient) !important;
  color: #000000 !important;
}

.btn-style-three .btn-main,
.btn-style-three .btn-arrow-right {
  color: #000000 !important;
  background: transparent !important;
}

.btn-style-four,
.theme-btn.btn-style-four {
  background: var(--brand-gold-gradient) !important;
  color: #000000 !important;
}

.btn-style-four .btn-title {
  color: #000000 !important;
}

/* Banner / Hero */
.banner-section {
  background: radial-gradient(ellipse at 70% 20%, rgba(212, 175, 55, 0.18) 0%, transparent 55%),
              radial-gradient(ellipse at 20% 80%, rgba(255, 215, 0, 0.08) 0%, transparent 40%),
              #000000 !important;
}

.banner-section .title,
.banner-section .title span {
  color: var(--theme-color1) !important;
  background: none !important;
  -webkit-text-fill-color: var(--theme-color1);
}

.banner-section .text {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Sections that were light green tint */
.about-section,
.service-section,
.projects-section,
.work-section,
.faqs-section,
.blog-section,
.clients-section,
.services-section,
.contact-details,
.faqs-section-home1,
.page-title {
  background-color: #000000 !important;
}

.why-choose-us-section,
.why-choose-us-layout2,
.testimonial-section,
.marquee-section {
  background-color: #0A0A0A !important;
}

.why-choose-us-section .title,
.why-choose-us-layout2 .title,
.testimonial-section .title {
  color: #ffffff !important;
}

.why-choose-us-section .text,
.why-choose-us-layout2 .text,
.testimonial-section .text {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* Gold highlight bar (flyer middle bar) */
.brand-gold-bar {
  background: var(--brand-gold-gradient);
  color: #000000;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 14px 20px;
  font-size: 15px;
}

/* Cards / blocks */
.service-block .inner-block,
.service-box-layout2 .inner-box,
.work-block .inner-block,
.funfact-block-two .inner-box,
.experience-box .inner-box,
.accordion-box .block,
.blog-block .inner-block,
.projects-block .content-box {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
}

.service-block .title a,
.service-box-layout2 .title,
.service-box-layout2 .title a,
.work-block .title,
.projects-block .title a,
.blog-block .title a {
  color: var(--theme-color1) !important;
}

.features-list li,
.accordion-box .acc-btn,
.accordion-box .text {
  color: rgba(255, 255, 255, 0.85) !important;
}

.accordion-box .block.active-block .acc-btn,
.accordion-box .acc-btn.active {
  color: var(--theme-color1) !important;
}

/* Experience / counters */
.experience .title,
.count-title,
.customer-info .text {
  color: rgba(255, 255, 255, 0.8) !important;
}

.count-box,
.count-box .count-text {
  color: var(--theme-color1) !important;
}

/* Marquee */
.marquee-section .text,
.marquee .text {
  color: var(--theme-color1) !important;
}

/* Footer */
.main-footer,
.main-footer.footer-style-one {
  background: #000000 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.35);
}

.main-footer .widget-title,
.main-footer .copyright-text,
.main-footer a,
.main-footer .contact-info li a,
.main-footer .contact-info li span,
.main-footer .user-links li a,
.main-footer .widget-date li,
.main-footer .social-icon-list a {
  color: rgba(255, 255, 255, 0.85) !important;
}

.main-footer .widget-title {
  color: var(--theme-color1) !important;
}

.main-footer a:hover,
.main-footer .contact-info li a:hover {
  color: var(--theme-color1) !important;
}

.footer-link-btn a {
  background: var(--brand-gold-gradient) !important;
  color: #000000 !important;
  border-color: transparent !important;
}

.footer-bottom {
  border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
}

/* Page title / breadcrumbs */
.page-title {
  background-color: #000000 !important;
  background-blend-mode: multiply;
}

.page-title:before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.92) 0%,
    rgba(0, 0, 0, 0.78) 55%,
    rgba(20, 16, 0, 0.88) 100%
  ) !important;
}

.page-title .title {
  color: var(--theme-color1) !important;
}

.page-breadcrumb li,
.page-breadcrumb li a {
  color: rgba(255, 255, 255, 0.8) !important;
}

.page-breadcrumb li:last-child {
  color: var(--theme-color1) !important;
}

/* 404 */
.error-page__sub-title,
.error-page__text {
  color: #ffffff !important;
}

/* Contact */
.contact-details,
.contact-details__info .text,
.contact-details__info a,
.contact-details__info h6,
.contact-details .sec-title h2 {
  color: #ffffff !important;
}

.contact-details__info .icon,
.contact-details__info .icon span {
  color: var(--theme-color1) !important;
  background: rgba(212, 175, 55, 0.12);
}

.form-control {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #ffffff !important;
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Mobile menu */
.mobile-menu .menu-box {
  background: #000000 !important;
}

.mobile-menu .navigation li a,
.mobile-menu .contact-list-one .title,
.mobile-menu .contact-list-one .text a {
  color: #ffffff !important;
}

.mobile-menu .navigation li a:hover,
.mobile-menu .contact-list-one .text a {
  color: var(--theme-color1) !important;
}

/* Preloader */
.preloader {
  background: #000000 !important;
}

/* Testimonials */
.testimonial-content .text,
.testimonial-content .text2,
.testimonial-content .name,
.testimonial-content .designation {
  color: #ffffff !important;
}

.testimonial-content .text2,
.testimonial-content .name {
  color: var(--theme-color1) !important;
}

.testimonial-content .review i {
  color: var(--theme-color1) !important;
}

/* Service details / sidebars */
.service-sidebar,
.sidebar-service-list ul li a,
.services-details__content,
.services-details__content p,
.services-details__content h3 {
  color: rgba(255, 255, 255, 0.85) !important;
}

.sidebar-service-list ul li a {
  background: #111111 !important;
  border-color: rgba(212, 175, 55, 0.25) !important;
}

.sidebar-service-list ul li a.current,
.sidebar-service-list ul li.current a,
.sidebar-service-list ul li a:hover {
  background: var(--theme-color1) !important;
  color: #000000 !important;
}

.service-details-help {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.35);
}

.help-title,
.help-contact a {
  color: var(--theme-color1) !important;
}

/* Soft gold glow accents like flyer swooshes */
.banner-section::before,
.why-choose-us-section::before {
  content: "";
  position: absolute;
  inset: auto;
  width: 55%;
  height: 220px;
  right: -8%;
  top: 8%;
  background: radial-gradient(ellipse, rgba(255, 215, 0, 0.16) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.banner-section,
.why-choose-us-section {
  position: relative;
  overflow: hidden;
}

.banner-section > *,
.why-choose-us-section > * {
  position: relative;
  z-index: 1;
}

/* Clients strip */
.clients-section {
  border-top: 1px solid rgba(212, 175, 55, 0.2);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  background: #0A0A0A !important;
}

/* Map section blend */
.map-section {
  border-top: 1px solid rgba(212, 175, 55, 0.25);
}

/* FAQ box */
.faqs-box .inner-box {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.faqs-box .title {
  color: var(--theme-color1) !important;
}

/* Why choose bottom text */
.why-choose-us-section .text2 {
  color: var(--theme-color1) !important;
}

/* Pricing / shop leftovers */
.pricing-block .inner-box,
.product-block .inner-box,
.team-block .inner-box {
  background: #111111 !important;
  border: 1px solid rgba(212, 175, 55, 0.22);
}

.pricing-block .title,
.product-block .title a,
.team-block .name a {
  color: var(--theme-color1) !important;
}

/* Soften decorative green images via filter toward gold where possible */
.banner-section .bg-shape img,
.service-section .bg-shape img {
  filter: sepia(1) saturate(3) hue-rotate(5deg) brightness(0.95);
  opacity: 0.55;
}

/* Header CTA spacing polish */
.header-phone_box .icon {
  filter: sepia(1) saturate(4) hue-rotate(5deg) brightness(1.1);
}

/* Logo sizing for new La Escobita mark */
.main-header .logo img,
.sticky-header .logo img {
  max-height: 58px;
  width: auto;
  height: auto;
}

.mobile-menu .nav-logo img,
.main-footer .logo img {
  max-height: 64px;
  width: auto;
  height: auto;
}

.main-header .logo-box {
  min-width: 180px;
}

/* Language switcher */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 14px;
  padding: 6px 10px;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.08);
  white-space: nowrap;
}

.lang-switcher a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  line-height: 1;
  padding: 2px 4px;
}

.lang-switcher a.is-active,
.lang-switcher a:hover {
  color: var(--theme-color1) !important;
}

.main-header .right-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 991px) {
  .lang-switcher {
    margin-right: 8px;
  }
}

.lang-switcher-mobile {
  margin: 12px 0 18px;
  display: inline-flex;
}