/* ============================================
   FOOTER RESPONSIVE STYLES
   ============================================ */

/* 🔵 Desktop – 1024px to 1439px */
@media (max-width: 1439px) {
  .footer-container {
    max-width: 95%;
  }

  .footer-row-first {
    gap: 30px;
  }

  .footer-logo {
    height: 55px;
  }

  .footer-separator {
    height: 200px;
  }

  .footer-contact-text,
  .footer-bottom-text {
    font-size: 14px;
  }

  .footer-separator-line {
    width: 400px;
  }
}

/* 🟡 Tablet – 768px to 1023px */
@media (max-width: 1023px) {
  .footer {
    padding: 35px 0 20px;
  }

  .footer-container {
    max-width: 90%;
    padding: 0 15px;
  }

  .footer-row-first {
    flex-wrap: wrap;
    gap: 25px;
  }

  .footer-logo-col {
    flex: 0 0 100%;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
  }

  .footer-separator {
    width: 1px;
    height: 60px;
  }

  .footer-menu-col,
  .footer-contact-col,
  .footer-flat2rent-col {
    flex: 0 0 calc(33.333% - 20px);
  }

  .footer-title {
    font-size: 15px;
  }

  .footer-link {
    font-size: 12px;
  }

  .footer-contact-text {
    font-size: 13px;
  }

  .footer-icon {
    width: 20px;
    height: 20px;
  }

  .footer-flat2rent-logo {
    height: 35px;
  }

  .footer-social-icon {
    width: 22px;
    height: 22px;
  }

  .footer-separator-line {
    width: 350px;
  }
}

/* 🟠 Large Phones – 480px to 767px */
@media (max-width: 767px) {
  .footer {
    padding: 30px 0 15px;
  }

  .footer-container {
    padding: 0 20px;
  }

  .footer-row-first {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 30px;
    align-items: start;
  }

  .footer-logo-col {
    gap: 15px;
    justify-content: center;
  }

  .footer-menu-col {
    grid-column: 2;
    grid-row: 1;
    align-items: flex-start;
  }

  .footer-contact-col {
    grid-column: 1;
    grid-row: 2;
    align-items: flex-start;
  }

  .footer-flat2rent-col {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-start;
  }

  .footer-logo {
    height: 50px;
  }

  .footer-separator {
      background: linear-gradient(to bottom, #999999, #000000);
  }

  .footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-menu li {
    margin-bottom: 10px;
  }

  .footer-link {
    font-size: 13px;
  }

  .footer-contact-section,
  .footer-office-section {
    align-items: flex-start;
    gap: 12px;
  }

  .footer-contact-item {
    justify-content: flex-start;
  }

  .footer-contact-text {
    font-size: 13px;
  }

  .footer-flat2rent-col {
    align-items: flex-start;
  }

  .footer-flat2rent-text {
    text-align: left;
  }

  .footer-social-icons {
    justify-content: flex-start;
  }

  .footer-links-line {
    flex-direction: column;
    gap: 8px;
  }

  .footer-dot {
    display: none;
  }

  .footer-bottom-text {
    font-size: 13px;
  }

  .footer-separator-line {
    width: 80%;
  }

  .footer-copyright-text {
    font-size: 13px;
  }
}

/* 🔴 Small Phones – up to 479px */
@media (max-width: 479px) {
  .footer {
    padding: 25px 0 15px;
  }

  .footer-container {
    padding: 0 15px;
  }

  .footer-row-first {
    gap: 25px;
  }

  .footer-logo {
    height: 45px;
  }

 

  .footer-title {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .footer-menu li {
    margin-bottom: 8px;
  }

  .footer-link {
    font-size: 12px;
  }

  .footer-contact-col {
    gap: 18px;
  }

  .footer-contact-section,
  .footer-office-section {
    gap: 10px;
  }

  .footer-icon {
    width: 18px;
    height: 18px;
  }

  .footer-contact-text {
    font-size: 12px;
  }

  .footer-flat2rent-logo {
    height: 32px;
  }

  .footer-flat2rent-text {
    font-size: 12px;
  }

  .footer-social-title {
    font-size: 14px;
  }

  .footer-social-icon {
    width: 20px;
    height: 20px;
  }

  .footer-bottom-text {
    font-size: 12px;
  }

  .footer-separator-line {
    width: 90%;
  }

  .footer-copyright-text {
    font-size: 12px;
  }
}