/* news/components/AppFooter.vue */

/* Grid columns for footer */
@media (max-width: 639px) {
.footer-grid-cols[data-v-792ae3b8] {
    grid-template-columns: 1fr 1fr !important;
}
.footer-grid-about[data-v-792ae3b8] {
    grid-column: 1 / -1;
    order: 0;
    margin-bottom: 12px;
}
.footer-order-1[data-v-792ae3b8] { order: 1;
}
.footer-order-2[data-v-792ae3b8] { order: 2;
}
.footer-order-3[data-v-792ae3b8] { order: 3;
}
.footer-order-4[data-v-792ae3b8] { order: 4;
}
}
@media (min-width: 640px) {
.footer-grid-cols[data-v-792ae3b8] {
    grid-template-columns: 1fr 1fr !important;
}
}
@media (min-width: 1024px) {
.footer-grid-cols[data-v-792ae3b8] {
    display: flex !important;
    justify-content: space-between !important;
    gap: 40px !important;
    grid-template-columns: none !important;
}
.footer-grid-cols > div[data-v-792ae3b8] {
    flex-shrink: 0;
}
}


/* Newsletter responsive */
@media (max-width: 768px) {
.newsletter-inner[data-v-792ae3b8] {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 56px 16px 48px !important;
    gap: 32px !important;
}
.newsletter-left[data-v-792ae3b8] {
    align-items: center !important;
}
.newsletter-left p[data-v-792ae3b8] {
    max-width: 100% !important;
}
.trust-signal[data-v-792ae3b8] {
    justify-content: center !important;
}
.newsletter-right[data-v-792ae3b8] {
    align-items: center !important;
}
.newsletter-form-row[data-v-792ae3b8] {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 420px !important;
}
.newsletter-submit[data-v-792ae3b8] {
    width: 100% !important;
    justify-content: center !important;
}
.footer-grid-about[data-v-792ae3b8] {
    max-width: 100% !important;
}
}

/* Share button hover animation */
.share-btn[data-v-792ae3b8] {
  position: relative;
  overflow: hidden;
}
.share-btn[data-v-792ae3b8]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--brand);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.share-btn[data-v-792ae3b8]:hover::after {
  opacity: 1;
}
.share-btn i[data-v-792ae3b8], .share-btn span[data-v-792ae3b8] {
  position: relative;
  z-index: 1;
}

/* Back to top hover */
.back-to-top[data-v-792ae3b8] {
  position: relative;
}
.back-to-top[data-v-792ae3b8]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1px;
  background: var(--brand);
  transition: width 0.3s ease;
}
.back-to-top[data-v-792ae3b8]:hover::after {
  width: 80%;
}