/* ===== PAGE HEADER ===== */
.project-header {
display:flex;
justify-content:space-between;
align-items:center;
padding:15px;
background:#fff;
border-bottom:1px solid #eee;
}

.project-header a {
text-decoration:none;
font-weight:600;
color:#333;
}

.start-btn {
background:#000;
color:#fff !important;
padding:8px 14px;
border-radius:5px;
}

/* ===== HERO SLIDER ===== */
.hero-slider {
width:100%;
max-width:1400px;
margin:20px auto;
position:relative;
overflow:hidden;
}

.slider-wrapper {
position:relative;
}

.slide {
display:none;
width:100%;
aspect-ratio:16/9;
}

.slide.active {
display:block;
}

.slide img {
width:100%;
height:100%;
object-fit:cover;
border-radius:10px;
}

.slider-btn {
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.5);
color:#fff;
border:none;
padding:10px 15px;
cursor:pointer;
font-size:24px;
border-radius:50%;
}

.slider-btn.prev { left:10px; }
.slider-btn.next { right:10px; }

/* ===== GRID GALLERY ===== */
.project-gallery {
padding:20px;
max-width:1400px;
margin:auto;
}

.project-gallery h2 {
margin-bottom:15px;
}

.grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;
}

.grid img {
width:100%;
height:200px;
object-fit:cover;
border-radius:8px;
cursor:pointer;
transition:opacity .2s;
}

.grid img:hover {
opacity:0.85;
}

/* ===== LIGHTBOX ===== */
.lightbox {
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,0.85);
justify-content:center;
align-items:center;
z-index:9999;
}

.lightbox img {
max-width:90%;
max-height:90%;
border-radius:10px;
}

.close {
position:absolute;
top:20px;
right:30px;
font-size:40px;
color:#fff;
cursor:pointer;
}

.lb-prev, .lb-next {
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:50px;
color:white;
cursor:pointer;
padding:10px;
}

.lb-prev { left:30px; }
.lb-next { right:30px; }/* ===== HERO PROJECT WRAP ===== */
.hero--project {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:24px;
padding-top:20px;
padding-bottom:20px;
}

.hero--project .hero-copy {
flex:1 1 260px;
min-width:260px;
}

.hero--project .h-tag {
display:inline-block;
font-size:0.85rem;
letter-spacing:0.04em;
text-transform:uppercase;
opacity:0.8;
margin-bottom:6px;
}

.hero--project h1 {
font-size:1.6rem;
margin-bottom:8px;
}

/* ===== 16:9 HERO SLIDER ===== */
.hero-slider {
flex:1 1 320px;
min-width:280px;
max-width:520px;
position:relative;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 24px rgba(0,0,0,0.18);
background:#000;
}

.hero-slider::before {
content:"";
display:block;
padding-top:56.25%; /* 16:9 ratio */
}

.hero-slide {
position:absolute;
inset:0;
opacity:0;
transition:opacity 0.6s ease;
}

.hero-slide.is-active {
opacity:1;
}

.hero-slide img {
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.hero-slider-dots {
position:absolute;
left:50%;
bottom:8px;
transform:translateX(-50%);
display:flex;
gap:6px;
z-index:2;
}

.hero-slider-dots button {
width:9px;
height:9px;
border-radius:999px;
border:none;
padding:0;
background:rgba(255,255,255,0.4);
cursor:pointer;
}

.hero-slider-dots button.is-active {
width:18px;
background:#fff;
}

/* ===== PROJECT INFO BAR ===== */
.project-meta-bar {
margin-top:10px;
font-size:0.9rem;
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
color:rgba(0,0,0,0.7);
}

.project-meta-bar span {
display:inline-flex;
align-items:center;
gap:6px;
}

.project-meta-bar i {
font-size:0.9rem;
opacity:0.85;
}

/* ===== PROJECT LAYOUT WRAP ===== */
.project-section {
padding-top:10px;
padding-bottom:24px;
}

.project-layout {
display:grid;
grid-template-columns:2fr 1.3fr;
gap:20px;
}

@media (max-width:900px) {
.project-layout {
grid-template-columns:1fr;
}
}

/* LEFT DESCRIPTION CARD */
.project-copy-card {
background:rgba(245,248,252,0.95);
border-radius:16px;
padding:16px 18px;
}

.project-copy-card h2 {
font-size:1.15rem;
margin-bottom:6px;
}

.project-copy-card ul {
margin:8px 0 0 18px;
padding:0;
font-size:0.92rem;
}

.project-copy-card li {
margin-bottom:4px;
}

/* ===== GALLERY GRID (2 per row desktop, 1 per row mobile) ===== */
.project-grid {
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:10px;
}

@media (max-width:768px) {
.project-grid {
grid-template-columns:1fr;
}
}

.project-grid figure {
margin:0;
border-radius:10px;
overflow:hidden;
background:#000;
cursor:pointer;
position:relative;
}

.project-grid img {
width:100%;
height:100%;
max-height:260px;
object-fit:cover;
display:block;
transition:transform 0.35s ease, opacity 0.35s ease;
}

.project-grid figure:hover img {
transform:scale(1.04);
opacity:0.92;
}

.project-grid figcaption {
position:absolute;
left:0;
bottom:0;
right:0;
padding:5px 8px;
font-size:0.75rem;
background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);
color:#fff;
}

/* ===== LIGHTBOX ===== */
.lightbox {
position:fixed;
inset:0;
background:rgba(0,0,0,0.9);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
pointer-events:none;
transition:opacity 0.3s ease;
z-index:9999;
}

.lightbox.is-open {
opacity:1;
pointer-events:auto;
}

.lightbox-img-wrap {
max-width:92vw;
max-height:86vh;
position:relative;
}

#lightbox-img {
max-width:100%;
max-height:86vh;
object-fit:contain;
display:block;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
position:absolute;
border:none;
background:rgba(0,0,0,0.5);
color:#fff;
width:34px;
height:34px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:1.1rem;
}

.lightbox-close {
top:10px;
right:10px;
}

.lightbox-prev {
left:10px;
top:50%;
transform:translateY(-50%);
}

.lightbox-next {
right:10px;
top:50%;
transform:translateY(-50%);
}

/* ===== MOBILE TWEAKS ===== */
@media (max-width:600px) {
.hero--project {
padding-top:12px;
}

.hero--project h1 {
font-size:1.35rem;
}

.hero-slider {
max-width:100%;
}
}/* ===== TECH HEADER BASE ===== */
.dcc-header {
position: sticky;
top: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(14px);
border-bottom: 1px solid rgba(15, 23, 42, 0.06);
transition: background 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}

.dcc-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 10px 0;
}

/* On scroll – a bit more compact + shadow */
.dcc-header.is-sticky {
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
background: rgba(255, 255, 255, 0.96);
}

/* Brand */
.dcc-brand {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
}

.dcc-brand img {
display: block;
}

.dcc-brand-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}

.dcc-brand-name {
font-weight: 600;
font-size: 0.95rem;
letter-spacing: 0.06em;
}

.dcc-brand-tagline {
font-size: 0.75rem;
opacity: 0.75;
}

/* CTA group */
.dcc-cta-group {
display: flex;
align-items: center;
gap: 10px;
}

/* CTA buttons */
.dcc-cta {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
border-radius: 999px;
padding: 7px 16px;
font-size: 0.8rem;
text-decoration: none;
border: 1px solid rgba(15, 23, 42, 0.12);
background: rgba(255, 255, 255, 0.9);
color: #0f172a;
overflow: hidden;
cursor: pointer;
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
border-color 0.18s ease,
background 0.18s ease;
}

/* icon circle */
.dcc-cta-icon {
width: 26px;
height: 26px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at 30% 0%, #e0f2fe, #0ea5e9);
color: #0f172a;
font-size: 0.9rem;
}

.dcc-cta-text {
display: flex;
flex-direction: column;
line-height: 1.1;
}

.dcc-cta-text small {
font-size: 0.7rem;
opacity: 0.7;
}

.dcc-cta-text strong {
font-size: 0.82rem;
}

/* Hover */
.dcc-cta:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

/* Outline style (Call) */
.dcc-cta--outline {
background: rgba(248, 250, 252, 0.9);
}

/* Primary – diamond glow */
.dcc-cta--primary {
color: #ffffff;
border-color: transparent;
background: radial-gradient(circle at 0% 0%, #f9fafb, #0ea5e9 35%, #1d4ed8 80%);
}

/* moving shine */
.dcc-cta--primary::before {
content: "";
position: absolute;
inset: -40%;
background: linear-gradient(
120deg,
transparent 0%,
rgba(255, 255, 255, 0.78) 45%,
transparent 70%
);
transform: translateX(-120%);
opacity: 0.0;
}

.dcc-cta--primary.dcc-glow::before {
animation: dccShine 2.8s linear infinite;
opacity: 1;
}

@keyframes dccShine {
0%   { transform: translateX(-120%); }
45%  { transform: translateX(120%); }
100% { transform: translateX(120%); }
}

/* Smaller on mobile */
@media (max-width: 720px) {
.dcc-header-inner {
flex-direction: column;
align-items: stretch;
padding: 6px 0 8px;
}

.dcc-cta-group {
width: 100%;
justify-content: space-between;
}

.dcc-cta {
flex: 1 1 0;
justify-content: center;
}

.dcc-brand-tagline {
display: none;
}
}/* ============================================================
PREMIUM HEADER v3 — DELECON® DESIGN CO.
Luxury + Technical + 2030 UI
============================================================ */

/* HEADER WRAP */
.dcc-header {
width: 100%;
background: #ffffff;
padding: 14px 0;
position: sticky;
top: 0;
z-index: 999;
transition: all 0.25s ease;
box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* Sticky on scroll */
.dcc-header.is-sticky {
padding: 8px 0;
box-shadow: 0 4px 14px rgba(0,0,0,0.12);
background: rgba(255,255,255,0.96);
backdrop-filter: blur(6px);
}

/* INNER FLEX */
.dcc-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}

/* BRAND */
.dcc-brand {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
}

.dcc-brand img {
width: 88px;       /* balanced size */
height: auto;
object-fit: contain;
}

/* TEXT BLOCK */
.dcc-brand-text {
display: flex;
flex-direction: column;
line-height: 1.1;
margin-top: 2px;
}

/* BRAND NAME — BLUE */
.dcc-brand-name {
font-size: 1.55rem;
font-weight: 700;
letter-spacing: 0.35px;
color: #0055FF !important;
text-shadow: 0px 1px 3px rgba(0,85,255,0.20);
white-space: nowrap;
animation: fadeInDown 0.75s ease forwards;
opacity: 0;
}

/* TAGLINE */
.dcc-brand-tagline {
font-size: 0.78rem;
color: #333;
opacity: 0.85;
letter-spacing: 0.25px;
margin-top: 2px;
}

/* CTA GROUP */
.dcc-cta-group {
display: flex;
align-items: center;
gap: 12px;
}

/* CTA BUTTON BASE */
.dcc-cta {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
border-radius: 12px;
text-decoration: none;
background: #fff;
transition: 0.25s ease;
border: 1.5px solid #dfe6f3;
}

.dcc-cta-icon i {
font-size: 1.1rem;
color: #0055FF;
}

.dcc-cta-text small {
display: block;
font-size: 0.65rem;
opacity: 0.75;
margin-bottom: 1px;
}

.dcc-cta-text strong {
font-size: 0.80rem;
color: #1a1a1a;
}

/* OUTLINE CTA (CALL NOW) */
.dcc-cta--outline:hover {
background: #f7faff;
border-color: #cfd9ff;
transform: translateY(-2px);
}

/* PRIMARY CTA (APPOINTMENT) */
.dcc-cta--primary {
background: #0055FF;
border-color: #0055FF;
}

.dcc-cta--primary .dcc-cta-text strong,
.dcc-cta--primary .dcc-cta-icon i {
color: #fff !important;
}

.dcc-cta--primary:hover {
background: #003ecc;
transform: translateY(-2px);
}

/* DIAMOND GLOW */
.dcc-cta--primary.dcc-glow {
position: relative;
overflow: hidden;
}

.dcc-cta--primary.dcc-glow::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
rgba(0,85,255,0.95) 50%,
rgba(255,255,255,0) 100%
);
opacity: 0.0;
animation: dccDiamondGlow 3.8s infinite ease-in-out;
}

@keyframes dccDiamondGlow {
0%   { opacity: 0; }
40%  { opacity: 0.45; }
60%  { opacity: 0.75; }
100% { opacity: 0; }
}

/* ============================================
   MINI TOPBAR (BELOW MAIN HEADER)
============================================ */
.dcc-topbar-mini {
  width: 100%;
  background: #f7f9fc;
  border-bottom: 1px solid #e5e9f2;
  padding: 6px 0;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.75rem;
}

.mini-btn {
  padding: 4px 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  transition: 0.2s ease;
}

.mini-btn:hover {
  background: #eef3ff;
  border-color: #cdd9ff;
}

.mini-translate i {
  font-size: 1rem;
  color: #0055FF;
}

/* ============================================
   MOBILE HEADER RESIZE
============================================ */
@media (max-width: 720px) {
  .dcc-header-inner {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }

  .dcc-brand img {
    width: 72px;
  }

  .dcc-brand-name {
    font-size: 1.3rem;
  }

  .dcc-brand-tagline {
    font-size: 0.68rem;
  }

  .dcc-cta-group {
    width: 100%;
    justify-content: flex-end;
    gap: 8px;
  }

  .dcc-cta {
    padding: 7px 10px;
  }
}

/* ============================================
   YOUTUBE RED ICON
============================================ */
.btn--yt {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.btn--yt .yt-icon {
  font-size: 1.2rem;
  color: #ff0000;
  transition: 0.3s ease;
  filter: drop-shadow(0 0 4px rgba(255,0,0,0.45));
}

/* ============================================
   TAGLINE COLOR TWEAKS
============================================ */
.dcc-brand-name {
  color: #0a1d4d !important;
}

.dcc-brand-tagline {
  color: #1f3566 !important;
}

/* ============================================
   SHOW TAGLINE ON MOBILE PORTRAIT
============================================ */
@media (max-width: 480px) {
  .dcc-brand {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .dcc-brand img {
    width: 70px !important;
  }

  .dcc-brand-text {
    display: block;
    line-height: 1.1;
  }

  .dcc-brand-name {
    font-size: 1rem !important;
    font-weight: 700;
  }

  .dcc-brand-tagline {
    font-size: 0.7rem !important;
    margin-top: 1px;
    white-space: nowrap;
  }
}

/* ============================================
   MINI TOPBAR — MOBILE-FRIENDLY FIX
============================================ */
.dcc-topbar-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  background: #f9faff;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.mini-btn {
  padding: 8px 16px;
  font-size: 0.85rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  color: #0A2A53;
  text-decoration: none;
  white-space: nowrap;
}

.mini-translate {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 10px;
  white-space: nowrap;
}

.mini-translate i {
  font-size: 1.1rem;
  color: #0A2A53;
}

/* Google Translate scale */
#google_translate_element {
  transform: scale(0.78);
  transform-origin: left center;
  overflow: hidden;
}

.goog-te-gadget {
  height: 26px !important;
}

.goog-te-gadget select {
  padding: 2px 4px !important;
  font-size: 11px !important;
}

/* Extra small screens */
@media (max-width: 360px) {
  #google_translate_element {
    transform: scale(0.65);
  }
}

/* ============================================
   SOFT YOUTUBE GLOW
============================================ */
.dcc-youtube-glow i {
  font-size: 1.15rem;
  color: #ff0000;
  filter: drop-shadow(0 0 6px rgba(255,0,0,0.45));
  transition: 0.25s ease;
}

.dcc-youtube-glow:hover i {
  filter: drop-shadow(0 0 10px rgba(255,0,0,0.75));
  transform: scale(1.15);
}

/* ============================================
   FINAL BRAND TEXT FIX — CLEAN + WORKING
============================================ */
.dcc-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.dcc-logo {
  width: 85px !important;
  height: auto !important;
}

.dcc-brand-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.dcc-brand-name {
  display: block !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #0a1d4d !important;
  letter-spacing: 0.03em !important;
}

.dcc-brand-tagline {
  display: block !important;
  font-size: 0.95rem !important;
  color: #1f3566 !important;
  margin-top: 2px !important;
}

@media (max-width: 600px) {
  .dcc-logo {
    width: 70px !important;
  }
  .dcc-brand-name {
    font-size: 1.25rem !important;
  }
  .dcc-brand-tagline {
    font-size: 0.82rem !important;
    white-space: normal !important;
  }
}/* === BRAND NAME MUST ALWAYS SHOW — SUPER OVERRIDE === */
.dcc-brand-name {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    width: auto !important;
    overflow: visible !important;
    white-space: nowrap !important;

    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #0a1d4d !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* === ULTIMATE FIX: FORCE BRAND NAME TO SHOW (OPTIMIZED SIZE) === */
.dcc-header .dcc-brand-text,
.dcc-header .dcc-brand-name,
.dcc-brand-text,
.dcc-brand-name {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Adjusted size — fits perfectly */
.dcc-brand-name {
    font-size: 1.45rem !important;   /* was 1.8rem — now perfect */
    font-weight: 800 !important;
    color: #0a1d4d !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}
/* ===========================
   FOOTER PERFECT ALIGNMENT
   =========================== */

.brand-closure {
  text-align: center;
  padding: 32px 0;
}

/* Brand name big */
.footer-brand {
  font-size: 1.6rem;
  font-weight: 800;
  color: #0a1d4d;
  display: inline-block;
  margin-bottom: 12px;
}

/* Social icons */
.closure-social {
  margin: 10px 0 14px;
  display: flex;
  justify-content: center;
  gap: 18px;
  font-size: 1.3rem;
}

.closure-social a {
  color: #0a1d4d;
  text-decoration: none;
}

/* One-line footer */
.closure-meta {
  font-size: 0.92rem;
  color: #333;
  white-space: nowrap;
}

.closure-meta a {
  color: #0a1d4d;
  text-decoration: none;
  margin: 0 4px;
}/* ===========================
   MOBILE ONE-LINE COPYRIGHT FIX
   =========================== */
@media (max-width: 480px) {

  .closure-meta {
    font-size: 0.78rem !important;   /* slightly smaller */
    white-space: nowrap !important;   /* FORCE SINGLE LINE */
    overflow: hidden !important;
  }

  .closure-meta a {
    margin: 0 2px !important;         /* tighter spacing */
  }

  .closure-meta .dot {
    margin: 0 2px !important;
  }
}
/* ==========================================================
   DELECON – FINAL GALLERY FIX
   Large 16:9 tiles • 3 per row laptop • 1 per row mobile
   Does NOT disturb slider, header, footer, or layout
   ========================================================== */

/* FULL GALLERY WRAP */
.project-gallery-grid {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 0 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

/* TILE CARD */
.pg-card {
  position: relative;
  background: #000;
  overflow: hidden;
  border-radius: 14px;
  cursor: pointer;
}

/* 16:9 frame */
.pg-card::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}

/* IMAGE inside card */
.pg-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, opacity .35s ease;
}

.pg-card:hover img {
  transform: scale(1.06);
  opacity: 0.92;
}

/* SMALL CAPTION INSIDE BOTTOM */
.pg-card figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 6px 10px;
  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
  color: #fff;
  font-size: 0.82rem;
  letter-spacing: 0.3px;
  pointer-events: none;
}

/* TABLET – 2 PER ROW */
@media (max-width: 1024px) {
  .project-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBILE – LARGE SINGLE TILE */
@media (max-width: 680px) {
  .project-gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .pg-card figcaption {
    font-size: 0.75rem;
    padding: 6px 8px;
  }
}.footer-brand-link {
  color: inherit; 
  text-decoration: none;
}
.footer-brand-link:hover {
  opacity: 0.9;
}/* FOOTER – align like header + mobile friendly copyright line  */
.closure-brand {
  text-align: center;
  margin-bottom: 8px;
}

.closure-meta {
  text-align: center;
  white-space: normal;        /* allow wrap on mobile */
  font-size: 0.8rem;
  margin-top: 10px;
}

/* Legal links same blue as header brand */
.footer-legal-link {
  color: inherit;             /* inherits from dcc-brand-text (same tone) */
  text-decoration: none;
}
.footer-legal-link:hover {
  text-decoration: underline;
}