/**
 * SGI - Modern Pages & Footer (Monoprix style)
 */
:root{--page-primary:#FF6B35;--page-dark:#1a2332;--page-gray:#f8f9fa;--page-text:#333;--page-text-light:#6b7280}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,#1a2332,#2c3e50);padding:70px 0;position:relative}
.page-hero h1{color:#fff;font-size:36px;font-weight:700;margin-bottom:12px}
.page-hero p{color:rgba(255,255,255,0.85);font-size:16px;max-width:500px}
.page-hero .breadcrumb{background:transparent;padding:0;margin-bottom:12px}
.page-hero .breadcrumb-item{color:rgba(255,255,255,0.7);font-size:13px}
.page-hero .breadcrumb-item a{color:rgba(255,255,255,0.7)}
.page-hero .breadcrumb-item.active{color:#FF6B35}

/* SECTIONS */
.page-section{padding:60px 0}
.page-section.bg-gray{background:#f8f9fa}
.section-title{text-align:center;margin-bottom:40px}
.section-title h2{font-size:28px;font-weight:700;color:#1a2332;margin-bottom:8px}
.section-title p{color:#6b7280;max-width:450px;margin:0 auto}

/* VALUE CARDS */
.value-card{background:#fff;border-radius:12px;padding:28px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:all 0.3s;height:100%}
.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.1)}
.value-icon{width:60px;height:60px;background:linear-gradient(135deg,#FF6B35,#ff8c5a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:24px}
.value-card h4{font-size:16px;font-weight:700;color:#1a2332;margin-bottom:8px}
.value-card p{color:#6b7280;font-size:13px;margin:0;line-height:1.6}

/* SERVICE CARDS */
.service-card{display:flex;gap:18px;padding:22px;background:#f8f9fa;border-radius:10px;margin-bottom:15px;transition:all 0.3s;border-left:3px solid transparent}
.service-card:hover{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,0.08);border-left-color:#FF6B35}
.service-icon{width:50px;height:50px;background:#FF6B35;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}
.service-content h4{font-size:16px;font-weight:700;color:#1a2332;margin-bottom:6px}
.service-content p{color:#6b7280;font-size:13px;margin:0}

/* CONTACT CARDS */
.contact-card{background:#f8f9fa;border-radius:12px;padding:28px;text-align:center;height:100%;transition:all 0.3s;border:2px solid transparent}
.contact-card:hover{border-color:#FF6B35;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,0.08)}
.contact-card-icon{width:55px;height:55px;background:linear-gradient(135deg,#FF6B35,#ff8c5a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:22px}
.contact-card h4{font-size:15px;font-weight:700;color:#1a2332;margin-bottom:8px}
.contact-card p,.contact-card a{color:#6b7280;font-size:13px;margin:0;text-decoration:none;display:block}
.contact-card a:hover{color:#FF6B35}

/* STATS */
.page-stats{padding:45px 0;background:linear-gradient(135deg,#FF6B35,#ff8c5a)}
.stat-item{text-align:center;padding:12px}
.stat-number{font-size:38px;font-weight:800;color:#fff}
.stat-label{color:rgba(255,255,255,0.9);font-size:12px;text-transform:none;letter-spacing:1px}

/* CTA */
.page-cta{padding:60px 0;background:#1a2332;text-align:center}
.page-cta h2{color:#fff;font-size:26px;font-weight:700;margin-bottom:10px}
.page-cta p{color:rgba(255,255,255,0.8);margin-bottom:22px;max-width:450px;margin-left:auto;margin-right:auto}
.btn-cta{background:#FF6B35;color:#fff;padding:12px 30px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.3s}
.btn-cta:hover{background:#e55a2b;color:#fff}
.btn-cta-outline{background:transparent;border:2px solid #fff;color:#fff;padding:10px 28px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;margin-left:10px;transition:all 0.3s}
.btn-cta-outline:hover{background:#fff;color:#1a2332}

/* CONTACT FORM */
.contact-form-wrapper{background:#fff;border-radius:14px;padding:35px;box-shadow:0 8px 30px rgba(0,0,0,0.05)}
.contact-form-wrapper h3{font-size:22px;font-weight:700;color:#1a2332;margin-bottom:20px}

/* ==========================================================================
   FOOTER MONOPRIX STYLE
   ========================================================================== */
.footer-modern{background:#1a2332;color:#fff;padding-top:0}
.footer-modern a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s}
.footer-modern a:hover{color:#FF6B35}

/* Top Bar - Reassurance */
.footer-reassurance{background:#FF6B35;padding:20px 0}
.reassurance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.reassurance-item{display:flex;align-items:center;gap:12px;color:#fff}
.reassurance-item i{font-size:28px;opacity:0.9}
.reassurance-item span{font-size:13px;font-weight:500;line-height:1.4}

/* Newsletter */
.footer-newsletter{background:#232f42;padding:35px 0}
.newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.newsletter-text h4{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px}
.newsletter-text p{color:rgba(255,255,255,0.7);font-size:13px;margin:0}
.newsletter-form{display:flex;gap:10px;flex:1;max-width:450px}
.newsletter-form input{flex:1;padding:12px 18px;border:none;border-radius:6px;font-size:14px;background:#fff}
.newsletter-form button{background:#FF6B35;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;transition:background 0.2s}
.newsletter-form button:hover{background:#e55a2b}
.newsletter-message{margin-top:10px;padding:10px 15px;border-radius:6px;font-size:13px;text-align:center}
.newsletter-message.success{background:rgba(40,167,69,0.2);color:#28a745;border:1px solid rgba(40,167,69,0.3)}
.newsletter-message.error{background:rgba(220,53,69,0.2);color:#dc3545;border:1px solid rgba(220,53,69,0.3)}

/* Main Footer */
.footer-main{padding:50px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:30px}
.footer-brand img{max-width:150px;margin-bottom:15px}
.footer-brand p{color:rgba(255,255,255,0.7);font-size:13px;line-height:1.6;margin-bottom:15px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.2s}
.footer-social a:hover{background:#FF6B35;color:#fff}

.footer-column h5{color:#fff;font-size:14px;font-weight:700;margin-bottom:18px;text-transform:none;letter-spacing:0.5px}
.footer-column ul{list-style:none;padding:0;margin:0}
.footer-column ul li{margin-bottom:10px}
.footer-column ul li a{color:rgba(255,255,255,0.7);font-size:13px}
.footer-column ul li a:hover{color:#FF6B35;padding-left:3px}

/* Contact Info in Footer */
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;color:rgba(255,255,255,0.7);font-size:13px}
.footer-contact-item i{color:#FF6B35;font-size:16px;margin-top:2px}

/* Bottom Bar */
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0}
.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.footer-copyright{color:rgba(255,255,255,0.6);font-size:12px}
.footer-links{display:flex;gap:20px}
.footer-links a{color:rgba(255,255,255,0.6);font-size:12px}
.footer-links a:hover{color:#FF6B35}
.footer-payments{display:flex;gap:8px;align-items:center}
.footer-payments img{height:24px;opacity:0.8}

/* Responsive */
@media(max-width:991px){
    .reassurance-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
    .newsletter-content{flex-direction:column;text-align:center}
    .newsletter-form{max-width:100%;width:100%}
}
@media(max-width:576px){
    .reassurance-grid{grid-template-columns:1fr}
    .reassurance-item{flex-direction:column;text-align:center;justify-content:center}
    .reassurance-item i{margin-bottom:8px}
    .reassurance-item span{text-align:center}
    .footer-grid{grid-template-columns:1fr}
    .footer-column{text-align:center}
    .footer-brand{text-align:center}
    .footer-social{justify-content:center}
    .footer-contact-item{justify-content:center;text-align:center}
    .footer-bottom-content{flex-direction:column;text-align:center}
    .footer-payments{justify-content:center;flex-wrap:wrap}
}