/* Custom styles for Oğulcan Doğru Car Wrap */
:root{
  --accent: #0285bb;
  --dark: #1b1b1b;
  --muted: #6c757d;
  --light: #f8f9fa;
}

*{box-sizing:border-box}

body{
  font-family: 'Merriweather', Arial, sans-serif;
  color:#222;
  background:#fff;
  margin:0;
  padding-top:70px;
}

/* Navbar */
#mainNav{
  background: linear-gradient(90deg, rgba(3,37,65,0.95), rgba(2,133,187,0.95));
  box-shadow: 0 6px 18px rgba(2,133,187,0.08);
}
.navbar-brand{
  font-weight:700;
  color:#fff !important;
}
.brand-small{font-weight:400; color: rgba(255,255,255,0.85); font-size:0.85rem; margin-left:6px;}
.nav-link{color: rgba(255,255,255,0.9) !important; font-weight:600;}
.nav-link:hover{color:var(--light) !important}

/* Hero */
.masthead{
  height:70vh;
  background: linear-gradient(180deg, rgba(2,133,187,0.85), rgba(3,37,65,0.6)), url('assets/img/hero-bg.jpg') center/cover no-repeat;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:3rem 1rem;
}
.masthead h1{font-size:2.2rem; color:#fff}
.masthead .lead{color:rgba(255,255,255,0.9); max-width:800px; margin:0 auto 1.5rem}

/* Sections */
.page-section{padding:4.5rem 0}
.bg-light{background:#f7f9fb}

/* Divider */
hr.divider{height:4px; width:90px; background:var(--accent); border-radius:6px; margin:1.25rem auto}

/* Service cards */
.service-card{background:#fff; border-radius:10px; box-shadow:0 6px 20px rgba(2,133,187,0.06); text-align:left}
.service-card i{color:var(--accent)}

/* Portfolio */
#portfolio .portfolio-item img{height:220px; object-fit:cover; width:100%}
.portfolio-caption{color:#ddd}
#portfolio .portfolio-caption strong{color:#fff}

/* Pricing cards */
.card{border:0; box-shadow:0 6px 30px rgba(2,133,187,0.06); border-radius:12px}

/* Contact */
form .form-control{border-radius:8px}
.contact-info p{color:var(--muted)}

/* Footer */
footer{background:var(--dark); color:#fff}

/* Responsive tweaks */
@media (max-width:768px){
  .masthead{height:60vh; padding-top:100px}
  .masthead h1{font-size:1.5rem}
  .portfolio-item img{height:180px}
}