/* Premium styles for demande_document.php */

/* Space from header and hero */
.demande-hero{padding:100px 0 40px 0;text-align:center;background:linear-gradient(180deg,#061426 0%,#08304b 60%);border-bottom:1px solid rgba(0,0,0,0.12);color:#fff}
.demande-hero h1{font-size:36px;margin-bottom:8px;color:#fff;font-weight:700}
.demande-hero p{max-width:920px;margin:0 auto;color:rgba(255,255,255,0.88);font-size:16px}

/* Smooth entrance animation */
.fade-up{opacity:0;transform:translateY(12px);animation:fadeUp .6s cubic-bezier(.22,.9,.32,1) forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}
/* small delay for card when both hero and card have fade-up */
.demande-card.fade-up{animation-delay:.12s}

.demande-container{padding:28px 0 80px}

/* Card */
.demande-card{background:rgba(255,255,255,0.98);border-radius:14px;padding:32px;box-shadow:0 18px 40px rgba(7,20,38,0.12);max-width:980px;margin:-40px auto 0;border:1px solid rgba(7,20,38,0.04)}
.demande-card h3{margin-bottom:18px;color:#0f3b2b;font-weight:700}

.demande-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.input-group.full{grid-column:1/-1}
.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#1f4538}
.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px;border:1px solid #e9f0ec;background:#fbfffe;border-radius:10px;transition:box-shadow .15s ease,border-color .15s ease}
.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;box-shadow:0 6px 18px rgba(16,57,39,0.06);border-color:#bfe6d1}
.input-group textarea{min-height:130px}

.helper-text{font-size:13px;color:#6b7b73;margin-top:6px}

.btn-submit{background:#0f6f48;color:#fff;padding:12px 18px;border:none;border-radius:10px;font-weight:600;box-shadow:0 8px 20px rgba(15,111,72,0.12);transition:transform .08s ease,box-shadow .12s ease}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,111,72,0.14)}
.btn-outline{background:transparent;border:1px solid #e6ebe7;padding:10px 14px;border-radius:10px}

.demande-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.55));z-index:1200}
.demande-modal-overlay.active{display:flex}
.demande-modal{background:#fff;padding:22px;border-radius:12px;max-width:560px;width:92%;text-align:center;box-shadow:0 20px 40px rgba(16,57,39,0.12)}
.demande-modal .ok{color:#0f6f48;font-weight:600}
.demande-modal .err{color:#c0392b;font-weight:600}

/* Responsive */
@media (max-width: 900px){
	.demande-grid{grid-template-columns:1fr}
	/* Avoid overlap with fixed header: remove negative margin and add breathing room */
	.demande-card{margin:10px 20px 0;padding:24px}
	.demande-hero{padding:120px 0 20px}
}

@media (max-width: 480px){
	.demande-hero h1{font-size:26px}
	.input-group textarea{min-height:110px}
	.btn-submit{width:100%}
	/* Smaller screens: be conservative with negative spacing */
	.demande-card{margin:8px 12px 0;padding:18px}
	.demande-hero{padding:110px 16px 18px}
}

/* Prevent fixed header from hiding anchored elements when navigating */
html{scroll-padding-top:90px}