/* ============================================================
   MODERN FOOTER REDESIGN
   ============================================================ */

.modern-footer-new { 
 background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%); 
 color:white; 
 padding:0; 
 margin-top:0; 
 position:relative; 
 overflow:hidden;
}

.modern-footer-new::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:4px;
 background:linear-gradient(90deg,#f39c12,#26d0ce,#f39c12);
}

.footer-wave {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 overflow:hidden;
 line-height:0;
}

.footer-wave svg {
 position:relative;
 display:block;
 width:calc(100% + 1.3px);
 height:80px;
}

.footer-wave .shape-fill {
 fill:#1a1a2e;
}

.footer-main {
 padding:4rem 2rem 2rem;
 position:relative;
 z-index:2;
}

.footer-grid-new {
 max-width:1400px;
 margin:0 auto;
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1.5fr;
 gap:3rem;
 margin-bottom:3rem;
}

.footer-column {
 animation:slideInUp 0.6s ease-out backwards;
}

.footer-column:nth-child(2) { animation-delay:0.1s; }
.footer-column:nth-child(3) { animation-delay:0.2s; }
.footer-column:nth-child(4) { animation-delay:0.3s; }

.footer-brand {
 display:flex;
 align-items:center;
 gap:1rem;
 margin-bottom:1.5rem;
}

.footer-brand-icon {
 width:60px;
 height:60px;
 background:linear-gradient(135deg,#f39c12,#26d0ce);
 border-radius:12px;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:2rem;
 box-shadow:0 8px 24px rgba(243,156,18,0.3);
}

.footer-brand-text {
 font-size:2rem;
 font-weight:900;
 color:white;
 margin:0;
 letter-spacing:-0.5px;
}

.footer-tagline {
 color:rgba(255,255,255,0.8);
 font-size:1rem;
 line-height:1.8;
 margin-bottom:2rem;
}

.footer-social-links {
 display:flex;
 gap:1rem;
}

.footer-social-btn {
 width:48px;
 height:48px;
 background:rgba(255,255,255,0.1);
 backdrop-filter:blur(10px);
 border-radius:12px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:white;
 font-size:1.2rem;
 text-decoration:none;
 transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 border:1px solid rgba(255,255,255,0.1);
}

.footer-social-btn:hover {
 background:#f39c12;
 border-color:#f39c12;
 transform:translateY(-4px);
 box-shadow:0 8px 20px rgba(243,156,18,0.3);
 color:white;
}

.footer-heading {
 font-size:1.2rem;
 font-weight:800;
 color:white;
 margin-bottom:1.5rem;
 position:relative;
 padding-bottom:0.75rem;
}

.footer-heading::after {
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 width:40px;
 height:3px;
 background:#f39c12;
 border-radius:2px;
}

.footer-nav-list {
 list-style:none;
 padding:0;
 margin:0;
}

.footer-nav-list li {
 margin-bottom:0.75rem;
}

.footer-nav-link {
 color:rgba(255,255,255,0.7);
 text-decoration:none;
 display:flex;
 align-items:center;
 gap:0.75rem;
 font-size:0.95rem;
 transition:all 0.3s ease;
}

.footer-nav-link i {
 font-size:0.7rem;
 color:#f39c12;
 transition:all 0.3s ease;
}

.footer-nav-link:hover {
 color:white;
 transform:translateX(5px);
}

.footer-nav-link:hover i {
 color:#26d0ce;
}

.footer-contact-list {
 list-style:none;
 padding:0;
 margin:0;
}

.footer-contact-item {
 display:flex;
 align-items:flex-start;
 gap:1rem;
 margin-bottom:1.25rem;
 color:rgba(255,255,255,0.7);
 font-size:0.95rem;
}

.footer-contact-icon {
 width:40px;
 height:40px;
 background:rgba(243,156,18,0.1);
 border-radius:10px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#f39c12;
 font-size:1rem;
 flex-shrink:0;
}

.newsletter-box {
 background:rgba(255,255,255,0.05);
 backdrop-filter:blur(10px);
 border-radius:12px;
 padding:1.5rem;
 border:1px solid rgba(255,255,255,0.1);
 margin-top:1.5rem;
}

.newsletter-box h4 {
 font-size:1rem;
 font-weight:700;
 color:white;
 margin-bottom:1rem;
}

.newsletter-input-box {
 display:flex;
 gap:0.5rem;
}

.newsletter-input-box input {
 flex:1;
 padding:0.75rem 1rem;
 border:1px solid rgba(255,255,255,0.2);
 border-radius:8px;
 background:rgba(255,255,255,0.1);
 color:white;
 font-size:0.9rem;
 outline:none;
 transition:all 0.3s ease;
}

.newsletter-input-box input::placeholder {
 color:rgba(255,255,255,0.5);
}

.newsletter-input-box input:focus {
 border-color:#f39c12;
 background:rgba(255,255,255,0.15);
}

.newsletter-submit {
 background:#f39c12;
 color:white;
 border:none;
 padding:0.75rem 1.5rem;
 border-radius:8px;
 font-weight:700;
 cursor:pointer;
 transition:all 0.3s ease;
 white-space:nowrap;
}

.newsletter-submit:hover {
 background:#d87f0f;
 transform:translateY(-2px);
 box-shadow:0 4px 12px rgba(243,156,18,0.3);
}

.newsletter-box small {
 display:block;
 margin-top:0.5rem;
 color:rgba(255,255,255,0.5);
 font-size:0.8rem;
}

.footer-bottom-new {
 background:rgba(0,0,0,0.2);
 padding:1.5rem 2rem;
 border-top:1px solid rgba(255,255,255,0.1);
}

.footer-bottom-content {
 max-width:1400px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-wrap:wrap;
 gap:1rem;
}

.footer-copyright {
 color:rgba(255,255,255,0.7);
 font-size:0.9rem;
 margin:0;
}

.footer-copyright i {
 color:#f39c12;
 margin:0 0.25rem;
}

.footer-payment-icons {
 display:flex;
 gap:1rem;
 align-items:center;
}

.footer-payment-icons i {
 font-size:1.8rem;
 color:rgba(255,255,255,0.4);
 transition:all 0.3s ease;
}

.footer-payment-icons i:hover {
 color:rgba(255,255,255,0.8);
 transform:scale(1.1);
}

@keyframes slideInUp {
 from {
 opacity:0;
 transform:translateY(30px);
 }
 to {
 opacity:1;
 transform:translateY(0);
 }
}

@media (max-width:992px) {
 .footer-grid-new { 
 grid-template-columns:1fr 1fr; 
 gap:2rem; 
 }
}

@media (max-width:768px) {
 .footer-grid-new { 
 grid-template-columns:1fr; 
 gap:2rem; 
 text-align:center;
 }
 
 .footer-brand {
 justify-content:center;
 }
 
 .footer-tagline {
 text-align:center;
 }
 
 .footer-social-links {
 justify-content:center;
 }
 
 .footer-heading::after {
 left:50%;
 transform:translateX(-50%);
 }
 
 .footer-nav-link {
 justify-content:center;
 }
 
 .footer-contact-item {
 justify-content:center;
 }
 
 .newsletter-input-box {
 flex-direction:column;
 }
 
 .newsletter-submit {
 width:100%;
 }
 
 .footer-bottom-content {
 flex-direction:column;
 text-align:center;
 }
}