/*
Theme Name: CS2T Landing
Theme URI: https://modernizeagency.com
Author: Modernize Agency
Author URI: https://modernizeagency.com
Description: Page de garde / landing page pour CS2T - Compagnie Sénégalaise de Transit et Transport. Logo centré, coordonnées modifiables depuis l'administration, fond illustré transit & transport en filigrane.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cs2t-landing
*/

:root{
  --navy:#0d1b4c;
  --blue:#1d3f94;
  --blue-light:#2c56c4;
  --gray:#9aa0a8;
  --bg:#f4f6fb;
  --white:#ffffff;
}

*{box-sizing:border-box;}

html,body{
  height:100%;
  margin:0;
  padding:0;
}

body{
  font-family:'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color:var(--bg);
  color:var(--navy);
  position:relative;
  overflow-x:hidden;
}

/* Faint transit/transport background pattern */
.cs2t-bg{
  position:fixed;
  inset:0;
  z-index:0;
  background-image:url('assets/images/pattern-bg.svg');
  background-repeat:repeat;
  background-size:420px auto;
  opacity:0.05;
  pointer-events:none;
}

.cs2t-bg.cs2t-bg-alt{
  background-image:url('assets/images/pattern-bg-2.svg');
  background-size:600px auto;
  opacity:0.04;
  mix-blend-mode:multiply;
}

.cs2t-landing{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px 20px 20px;
}

.cs2t-logo-wrap{
  width:100%;
  max-width:760px;
  text-align:center;
  margin-bottom:24px;
}

.cs2t-logo-wrap img{
  width:100%;
  height:auto;
  max-width:760px;
  filter:drop-shadow(0 8px 24px rgba(13,27,76,0.12));
}

.cs2t-contact{
  width:100%;
  max-width:880px;
  background:var(--white);
  border:1px solid #e3e7f0;
  border-radius:100px;
  padding:13px 30px;
  box-shadow:0 10px 34px rgba(13,27,76,0.08);
}

.cs2t-contact-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.cs2t-contact-item{
  font-size:0.82rem;
  font-weight:400;
  color:var(--navy);
  text-decoration:none;
  white-space:nowrap;
  letter-spacing:0.01em;
}

.cs2t-contact-label{
  font-weight:600;
  color:var(--blue);
}

.cs2t-contact-item:hover{
  color:var(--blue);
  text-decoration:underline;
}

.cs2t-contact-sep{
  color:#c4cae0;
  font-size:0.82rem;
  font-weight:300;
}

.cs2t-social{
  margin-top:16px;
  display:flex;
  justify-content:center;
  gap:14px;
}

.cs2t-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--blue);
  transition:background .2s ease, transform .2s ease;
}
.cs2t-social a:hover{
  background:var(--blue-light);
  transform:translateY(-2px);
}
.cs2t-social a svg{
  width:16px;
  height:16px;
  fill:var(--white);
}

.cs2t-footer{
  position:relative;
  z-index:1;
  width:100%;
  text-align:center;
  padding:8px 10px 14px;
  font-size:0.75rem;
  color:var(--gray);
}

.cs2t-footer a{
  color:var(--blue);
  text-decoration:none;
  font-weight:600;
}
.cs2t-footer a:hover{
  text-decoration:underline;
}

@media (max-width:700px){
  .cs2t-contact{ border-radius:20px; padding:16px 18px; }
  .cs2t-contact-line{ flex-direction:column; gap:6px; }
  .cs2t-contact-sep{ display:none; }
}