/* =========================================================
   AdventureNET — Global Footer Component
   =========================================================
   Autor: Negoiță Andreea Iuliana | Coordonator: conf.univ.dr. Toader Florentina
   
   Componenta: Footer principal pentru paginile publice
   - Brand + Newsletter section
   - Link grids
   - Social icons
   - Copyright
   ========================================================= */

/* ---------------------------------------------------------
   Footer Container
   --------------------------------------------------------- */
.main-footer {
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-16);
  padding-bottom: var(--space-8);
  margin-top: auto;
}

.main-footer .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-6);
}

/* ---------------------------------------------------------
   Footer Top (Brand + Newsletter)
   --------------------------------------------------------- */
.footer-top-v2 {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-12);
  padding-bottom: var(--space-10);
  margin-bottom: var(--space-10);
  border-bottom: 1px solid var(--color-border);
}

/* Footer Brand */
.footer-brand-v2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.footer-logo-v2 {
  display: inline-flex;
  width: fit-content;
}

.footer-logo-v2 .logo-img {
  height: 40px;
  width: auto;
}

.footer-tagline-v2 {
  font-size: var(--text-base);
  color: var(--color-text-muted);
  margin: 0;
  max-width: 280px;
}

/* Footer Social Icons */
.footer-social-v2 {
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.social-btn-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  color: var(--color-text-muted);
  transition: all var(--transition-base);
}

.social-btn-v2:hover {
  transform: translateY(-3px);
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: var(--color-primary-light);
}

.social-btn-v2.facebook:hover {
  color: #1877f2;
  border-color: #1877f2;
  background: rgba(24, 119, 242, 0.15);
}

.social-btn-v2.instagram:hover {
  color: #e4405f;
  border-color: #e4405f;
  background: rgba(228, 64, 95, 0.15);
}

.social-btn-v2.youtube:hover {
  color: #ff0000;
  border-color: #ff0000;
  background: rgba(255, 0, 0, 0.15);
}

.social-btn-v2.linkedin:hover {
  color: #0a66c2;
  border-color: #0a66c2;
  background: rgba(10, 102, 194, 0.15);
}

.social-btn-v2 svg {
  width: 18px;
  height: 18px;
}

/* ---------------------------------------------------------
   Newsletter Section
   --------------------------------------------------------- */
.footer-newsletter-v2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.newsletter-content-v2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.newsletter-badge-v2 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-3);
  background: var(--color-primary-light);
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  color: var(--color-primary);
  width: fit-content;
}

.newsletter-title-v2 {
  font-size: var(--text-xl);
  font-weight: var(--font-bold);
  color: var(--color-text);
  margin: 0;
}

.newsletter-desc-v2 {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin: 0;
}

/* Newsletter Form */
.newsletter-form-v2 {
  display: flex;
  gap: var(--space-2);
  max-width: 420px;
}

.newsletter-form-v2 input {
  flex: 1;
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-base);
  color: var(--color-text);
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  min-height: 48px;
  transition: border-color var(--transition-base);
}

.newsletter-form-v2 input:focus {
  outline: none;
  border-color: var(--color-primary);
}

.newsletter-form-v2 input::placeholder {
  color: var(--color-text-muted);
}

.newsletter-form-v2 button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));
  color: white;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.newsletter-form-v2 button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(var(--color-primary-rgb), 0.4);
}

.newsletter-form-v2 button svg {
  width: 18px;
  height: 18px;
}

/* ---------------------------------------------------------
   Footer Links Grid
   --------------------------------------------------------- */
.footer-links-grid-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-8);
  padding-bottom: var(--space-10);
  margin-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}

.footer-links-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.footer-col-title {
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  color: var(--color-text);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 var(--space-2) 0;
}

.footer-links-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.footer-links-col li a {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: var(--space-1) 0;
}

/* Iconiță în fața fiecărui link (SVG inline, se colorează la hover). */
.footer-links-col li a::before {
  content: "";
  width: 17px; height: 17px; flex-shrink: 0;
  background-position: center; background-repeat: no-repeat; background-size: contain;
  opacity: 0.7;
  transition: opacity .18s ease, transform .18s ease;
}

.footer-links-col li a:hover {
  color: var(--color-primary);
  transform: translateX(4px);
}
.footer-links-col li a:hover::before { opacity: 1; transform: scale(1.12); }

/* --- Iconițe per pagină --- */
/* Explorează */
.footer-links-col li a[href*="cautare"]::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="destinatii"]::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="blog"]::before      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="oferte"]::before    { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'/%3E%3C/svg%3E"); }
/* Informații */
.footer-links-col li a[href*="despre"]::before    { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="faq"]::before       { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="devino-gazda"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="contact.html"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E"); }
/* Legal */
.footer-links-col li a[href*="termeni"]::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="confidentialitate"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="cookies"]::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5z'/%3E%3Cpath d='M8.5 10.5h.01M15 14h.01M11 15h.01'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="gdpr"]::before      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
/* Contact */
.footer-links-col li a[href^="mailto:"]::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8'/%3E%3C/svg%3E"); }
.footer-links-col li a[href^="tel:"]::before      { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.18 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.footer-links-col li a[href*="suport"]::before    { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818cf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cline x1='4.93' y1='4.93' x2='9.17' y2='9.17'/%3E%3Cline x1='14.83' y1='14.83' x2='19.07' y2='19.07'/%3E%3Cline x1='14.83' y1='9.17' x2='19.07' y2='4.93'/%3E%3Cline x1='9.17' y1='14.83' x2='4.93' y2='19.07'/%3E%3C/svg%3E"); }

/* ---------------------------------------------------------
   Footer Bottom
   --------------------------------------------------------- */
.footer-bottom-v2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  text-align: center;
}

.footer-copyright-v2 {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin: 0;
}

.footer-credits-v2 {
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin: 0;
  opacity: 0.7;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .footer-top-v2 {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  
  .footer-links-grid-v2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .main-footer {
    padding-top: var(--space-10);
    padding-bottom: var(--space-6);
  }
  
  .footer-links-grid-v2 {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }
  
  .newsletter-form-v2 {
    flex-direction: column;
  }
  
  .newsletter-form-v2 button {
    justify-content: center;
  }
}