/**
 * ============================================================================
 * GLOBAL FOOTER - SITE-WIDE FOOTER STYLING
 * ============================================================================
 * Comprehensive footer with deal banner, navigation, and language switcher.
 * 
 * SECTIONS:
 * - Deal of the Day banner
 * - Brand logo and description
 * - Footer navigation (3 columns)
 * - Copyright, language switcher, credits
 * ============================================================================
 */

/* ========================================================================== */
/* MAIN FOOTER CONTAINER */
/* ========================================================================== */
.global-footer {
  width: 100%; /* Full width */
  background-color: #191919; /* Dark gray background */
  margin-top: 60px; /* Space from page content */
  padding: 80px 0 60px 0; /* Generous vertical padding */
}

/* INNER CONTAINER */
.global-footer__container {
  max-width: 1200px; /* Maximum width */
  margin: 0 auto; /* Center horizontally */
  padding: 0 20px; /* Horizontal padding */
}

/* ========================================================================== */
/* DEAL OF THE DAY BANNER */
/* ========================================================================== */
.global-footer__deal-of-day {
  background-color: #000000; /* Black background */
  border: none; /* No border */
  padding: 28px 36px; /* Internal spacing */
  margin-bottom: 50px; /* Space below */
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  justify-content: space-between; /* Space between left and right */
  gap: 40px; /* Space between sections */
}

/* DEAL LEFT SIDE - BADGE AND INFO */
.global-footer__deal-left {
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 16px; /* Space between elements */
  flex: 1; /* Grow to fill space */
}

/* DEAL BADGE */
.global-footer__deal-badge {
  color: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
  font-size: 11px; /* Small text */
  font-weight: 500; /* Medium weight */
  text-transform: uppercase; /* ALL CAPS */
  letter-spacing: 1.5px; /* Wide letter spacing */
}

/* DEAL INFO - EMOJI AND NAME */
.global-footer__deal-info {
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  gap: 14px; /* Space between emoji and name */
}

/* DEAL EMOJI */
.global-footer__deal-emoji {
  font-size: 32px; /* Large emoji */
  line-height: 1; /* Tight line height */
}

/* DEAL NAME */
.global-footer__deal-name {
  color: #ffffff; /* White text */
  font-size: 17px; /* Readable size */
  font-weight: 500; /* Medium weight */
  line-height: 1.4; /* Comfortable spacing */
}

/* DEAL RIGHT SIDE - PRICE AND BUTTON */
.global-footer__deal-right {
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  gap: 24px; /* Space between price and button */
  flex-shrink: 0; /* Don't shrink */
}

/* DEAL PRICE */
.global-footer__deal-price {
  color: #ffffff; /* White text */
  font-size: 20px; /* Large, prominent */
  font-weight: 700; /* Bold */
}

/* DEAL BUTTON */
.global-footer__deal-btn {
  background-color: #211d25; /* Dark background */
  color: #ffffff; /* White text */
  border: none; /* No border */
  padding: 11px 26px; /* Button padding */
  font-size: 13px; /* Button text size */
  font-weight: 500; /* Medium weight */
  cursor: pointer; /* Pointer cursor */
  text-decoration: none; /* Remove underline */
  display: inline-block; /* Inline but with block properties */
}

/* ========================================================================== */
/* FOOTER TOP SECTION - BRAND AND NAVIGATION */
/* ========================================================================== */
.global-footer__top {
  display: grid; /* CSS Grid layout */
  grid-template-columns: 1fr 2fr; /* Brand takes 1/3, links take 2/3 */
  gap: 80px; /* Space between sections */
  padding-bottom: 60px; /* Bottom spacing */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle divider */
}

/* BRAND SECTION */
.global-footer__brand {
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 20px; /* Space between logo and description */
}

/* FOOTER LOGO */
.global-footer__logo {
  height: 60px; /* Fixed height */
  width: auto; /* Maintain aspect ratio */
  object-fit: contain; /* Fit within bounds */
  max-width: 250px; /* Maximum width */
}

/* BRAND DESCRIPTION */
.global-footer__description {
  color: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
  font-size: 14px; /* Readable size */
  line-height: 1.6; /* Comfortable line spacing */
  margin: 0; /* No margin */
}

/* FOOTER NAVIGATION LINKS */
.global-footer__links {
  display: grid; /* CSS Grid */
  grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
  gap: 60px; /* Space between columns */
}

/* NAVIGATION COLUMN */
.global-footer__column {
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 16px; /* Space between title and links */
}

/* COLUMN TITLE */
.global-footer__column-title {
  color: #ffffff; /* White text */
  font-size: 16px; /* Heading size */
  font-weight: 900; /* Heavy weight */
  margin: 0; /* No margin */
  text-transform: uppercase; /* ALL CAPS */
  letter-spacing: 0.5px; /* Slight letter spacing */
}

/* LINKS LIST */
.global-footer__list {
  list-style: none; /* Remove bullets */
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 12px; /* Space between links */
}

/* INDIVIDUAL LINK */
.global-footer__link {
  color: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
  font-size: 14px; /* Link text size */
  font-weight: 400; /* Regular weight */
  text-decoration: none; /* Remove underline */
  line-height: 1.4; /* Line spacing */
}

/* ========================================================================== */
/* FOOTER BOTTOM - COPYRIGHT, LANGUAGE, CREDITS */
/* ========================================================================== */
.global-footer__bottom {
  display: flex; /* Horizontal layout */
  justify-content: space-between; /* Space between sections */
  align-items: center; /* Vertically center */
  padding-top: 40px; /* Top spacing */
  gap: 40px; /* Space between sections */
}

/* BOTTOM LEFT - COPYRIGHT */
.global-footer__bottom-left {
  flex: 1; /* Equal width */
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 8px; /* Space between lines */
}

/* BOTTOM CENTER - LANGUAGE SWITCHER */
.global-footer__bottom-center {
  flex: 1; /* Equal width */
  display: flex; /* Flexbox */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

/* BOTTOM RIGHT - CREDITS */
.global-footer__bottom-right {
  flex: 1; /* Equal width */
  display: flex; /* Flexbox */
  flex-direction: column; /* Stack vertically */
  gap: 8px; /* Space between lines */
  align-items: flex-end; /* Right-align */
}

/* COPYRIGHT TEXT */
.global-footer__copyright {
  color: rgba(255, 255, 255, 0.6); /* Dimmed white */
  font-size: 14px; /* Small text */
  margin: 0; /* No margin */
}

/* CREDITS TEXT */
.global-footer__credits {
  color: rgba(255, 255, 255, 0.6); /* Dimmed white */
  font-size: 14px; /* Small text */
  margin: 0; /* No margin */
}

/* CREDIT LINKS */
.global-footer__credit-link {
  color: rgba(255, 255, 255, 0.8); /* Slightly brighter */
  text-decoration: none; /* Remove underline */
}

/* ========================================================================== */
/* LANGUAGE SWITCHER */
/* ========================================================================== */
.global-footer__language-switcher {
  display: flex; /* Horizontal layout */
  align-items: center; /* Vertically center */
  gap: 8px; /* Space between elements */
  background-color: #000000; /* Black background */
  padding: 12px 18px; /* Internal spacing */
}

/* LANGUAGE TITLE */
.global-footer__language-title {
  color: rgba(255, 255, 255, 0.6); /* Dimmed white */
  font-size: 14px; /* Text size */
  font-weight: 500; /* Medium weight */
}

/* LANGUAGE LINK */
.global-footer__language-link {
  color: rgba(255, 255, 255, 0.7); /* Semi-transparent white */
  font-size: 14px; /* Text size */
  text-decoration: none; /* Remove underline */
}

/* ACTIVE LANGUAGE */
.global-footer__language-link.active {
  color: #ffffff; /* Pure white */
  font-weight: 700; /* Bold */
}

/* LANGUAGE SEPARATOR */
.global-footer__language-separator {
  color: rgba(255, 255, 255, 0.4); /* Very dimmed */
  font-size: 14px; /* Text size */
}