.elementor-641 .elementor-element.elementor-element-a562015{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-a562015 */:root {
  --gold:      #C8A96E;
  --gold-dk:   #A8894E;
  --gold-lt:   #DEC28E;
  --gold-pale: #F5EDD9;
  --gold-tint: #FBF7EF;
  --ink:       #0F0D0B;
  --ink2:      #1A1714;
  --ink3:      #252220;
  --ink4:      #2F2B27;
  --t4:        #9C9088;
  --d-inv:     rgba(255,255,255,0.07);
  --gold-div:  rgba(200,169,110,0.2);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Outfit',sans-serif;background:#f0ece6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* ─── PREVIEW LABEL ─── */
.preview-note{
  background:var(--gold);color:var(--ink);
  text-align:center;padding:.6rem;
  font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}

/* ════════════════════════════════════════════════════
   FOOTER — 4 zones
   1. Pre-footer CTA strip (dark gold accent)
   2. Main footer (near-black, 4 columns)
   3. Bottom bar (darker, legal + links)
   ════════════════════════════════════════════════════ */

/* ── Zone 1: Pre-footer CTA ── */
.footer-cta {
  background: var(--gold);
  padding: 3rem clamp(2rem,6vw,7rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
.fc-left {}
.fc-label {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(15,13,11,.55);
  margin-bottom: .5rem;
}
.fc-heading {
  font-size: clamp(1.3rem,2.5vw,2rem);
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -.02em;
  line-height: 1.25;
}
.fc-right { display: flex; gap: 1rem; flex-wrap: wrap; }
.fc-btn-dark {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .9rem 2rem;
  background: var(--ink); color: #fff;
  font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  font-family: inherit; border: 1.5px solid var(--ink);
  cursor: pointer; transition: background .18s;
}
.fc-btn-dark:hover { background: var(--ink2); color: #fff; }
.fc-btn-outline {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .9rem 2rem;
  background: white; color: var(--ink);
  font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  font-family: inherit; border: 1.5px solid rgba(15,13,11,.35);
  cursor: pointer; transition: border-color .18s, background .18s;
}
.fc-btn-outline:hover { border-color: var(--ink); background: rgba(15,13,11,.07); }

/* ── Zone 2: Main footer body ── */
.footer-main {
  background: var(--ink2);
  padding: clamp(4rem,7vw,7rem) clamp(2rem,6vw,7rem) clamp(3rem,5vw,5rem);
}

/* Top: logo + tagline left, newsletter right */
.footer-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  padding-bottom: 3.5rem;
  border-bottom: 1px solid var(--d-inv);
  margin-bottom: 3.5rem;
  align-items: center;
}
.footer-logo {
  display: flex; align-items: center; gap: 1rem;
  margin-bottom: 1rem;
}
.footer-logo-mark {
  width: 44px; height: 44px;
  background: var(--gold);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.footer-logo-mark svg { width: 24px; height: 24px; fill: var(--ink); }
.footer-brand-name {
  font-size: 1.1rem; font-weight: 800; color: #fff;
  letter-spacing: .02em; line-height: 1;
}
.footer-brand-sub {
  font-size: .6rem; font-weight: 600; color: rgba(200,169,110,.6);
  letter-spacing: .1em; text-transform: uppercase; margin-top: .2rem;
}
.footer-tagline {
  font-size: .95rem; color: rgba(255,255,255,.38);
  line-height: 1.8; max-width: 380px;
}

/* Newsletter */
.footer-newsletter {}
.fn-label {
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--gold);
  display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem;
}
.fn-label::before { content: ''; width: 1.5rem; height: 1px; background: var(--gold); display: block; }
.fn-heading { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: .4rem; }
.fn-sub { font-size: .85rem; color: rgba(255,255,255,.35); line-height: 1.7; margin-bottom: 1.25rem; }
.fn-form { display: flex; gap: 0; }
.fn-input {
  flex: 1; padding: .85rem 1.1rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-right: none;
  color: #fff; font-family: inherit; font-size: .88rem; outline: none;
  transition: border-color .2s, background .2s;
}
.fn-input::placeholder { color: rgba(255,255,255,.25); }
.fn-input:focus { border-color: var(--gold-div); background: rgba(200,169,110,.06); }
.fn-btn {
  padding: .85rem 1.5rem;
  background: var(--gold); color: var(--ink);
  font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  font-family: inherit; border: 1px solid var(--gold); cursor: pointer; flex-shrink: 0;
  transition: background .18s;
}
.fn-btn:hover { background: var(--gold-lt); }

/* Columns grid */
.footer-cols {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
  gap: 3rem;
}

.fc-col-title {
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--gold);
  margin-bottom: 1.5rem;
  display: flex; align-items: center; gap: .6rem;
}
.fc-col-title::before { content: ''; width: 1.25rem; height: 1px; background: var(--gold); display: block; }

/* Col 1: About + contact details */
.footer-about-text {
  font-size: .85rem; color: rgba(255,255,255,.35);
  line-height: 1.8; margin-bottom: 1.75rem;
}
.contact-items { display: flex; flex-direction: column; gap: .75rem; }
.contact-item {
  display: flex; align-items: flex-start; gap: .75rem;
}
.ci-icon {
  width: 32px; height: 32px; border-radius: 50%;
  background: rgba(200,169,110,.1);
  border: 1px solid rgba(200,169,110,.2);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: .8rem;
}
.ci-body {}
.ci-label { font-size: .6rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.25); margin-bottom: .15rem; }
.ci-value { font-size: .85rem; font-weight: 500; color: rgba(255,255,255,.65); line-height: 1.4; }
.ci-value a:hover { color: var(--gold); }

/* Col 2 & 3: Nav links */
.footer-links { display: flex; flex-direction: column; gap: 0; }
.footer-link {
  display: flex; align-items: center; justify-content: space-between;
  padding: .65rem 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: .9rem; font-weight: 500; color: rgba(255,255,255,.45);
  transition: color .15s, padding-left .15s;
}
.footer-link:hover { color: var(--gold); padding-left: .35rem; }
.footer-link-arr { font-size: .7rem; color: rgba(200,169,110,.3); transition: color .15s, transform .15s; }
.footer-link:hover .footer-link-arr { color: var(--gold); transform: translateX(3px); }

/* Col 4: Working hours + social */
.hours-list { display: flex; flex-direction: column; gap: 0; margin-bottom: 2rem; }
.hours-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: .6rem 0; border-bottom: 1px solid rgba(255,255,255,.04);
  font-size: .83rem;
}
.hours-day { color: rgba(255,255,255,.35); }
.hours-time { color: rgba(255,255,255,.65); font-weight: 500; }
.hours-closed { color: rgba(255,255,255,.2); font-style: italic; }

/* Social icons */
.social-links { display: flex; gap: .6rem; }
.social-link {
  width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  display: flex; align-items: center; justify-content: center;
  font-size: .85rem; color: rgba(255,255,255,.4);
  transition: border-color .2s, background .2s, color .2s;
}
.social-link:hover { border-color: var(--gold); background: rgba(200,169,110,.1); color: var(--gold); }

/* WhatsApp CTA */
.footer-wa {
  display: flex; align-items: center; gap: .75rem;
  padding: .9rem 1.25rem;
  background: rgba(37,211,102,.1);
  border: 1px solid rgba(37,211,102,.2);
  margin-top: 1.5rem;
  transition: background .2s;
}
.footer-wa:hover { background: rgba(37,211,102,.18); }
.footer-wa-icon { font-size: 1.1rem; flex-shrink: 0; }
.footer-wa-text { font-size: .78rem; font-weight: 600; color: rgba(255,255,255,.65); }
.footer-wa-text strong { display: block; color: #fff; font-size: .85rem; }

/* ── Zone 3: Bottom bar ── */
.footer-bottom {
  background: var(--ink);
  padding: 1.25rem clamp(2rem,6vw,7rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  border-top: 1px solid rgba(200,169,110,.08);
}
.fb-left {
  display: flex; align-items: center; gap: 1.75rem; flex-wrap: wrap;
}

.fb-copy{
  margin-block-end: 0px!important;
}

.fb-copy {
  font-size: .72rem; color: rgba(255,255,255,.28);
  font-weight: 500; letter-spacing: .03em;
}
.fb-copy strong { color: rgba(255,255,255,.45); font-weight: 600; }
.fb-links { display: flex; align-items: center; gap: 0; }
.fb-link {
  font-size: .68rem; font-weight: 500; color: rgba(255,255,255,.28);
  padding: 0 .9rem; border-right: 1px solid rgba(255,255,255,.08);
  transition: color .15s;
}
.fb-link:first-child { padding-left: 0; }
.fb-link:last-child  { border-right: none; padding-right: 0; }
.fb-link:hover { color: var(--gold); }
.fb-right {
  display: flex; align-items: center; gap: .5rem;
  font-size: .68rem; color: rgba(255,255,255,.2);
}
.fb-flag { font-size: .85rem; }
.fb-made { font-size: .68rem; color: rgba(255,255,255,.2); }
.fb-made a { color: rgba(200,169,110,.4); }
.fb-made a:hover { color: var(--gold); }

/* ── Responsive ── */
@media(max-width:1100px){
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
}
@media(max-width:900px){
  .footer-top { grid-template-columns: 1fr; }
  .footer-cta { flex-direction: column; align-items: flex-start; }
  .footer-cols { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .fb-links { flex-wrap: wrap; }
}
@media(max-width:600px){
  .footer-cols { grid-template-columns: 1fr; }
  .fn-form { flex-direction: column; }
  .fn-input { border-right: 1px solid rgba(255,255,255,.1); }
  .fb-left { flex-direction: column; align-items: flex-start; gap: .75rem; }
}/* End custom CSS */