/* style.css - Bootstrap5 compatible theme for R-Elements */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600&family=Open+Sans:wght@400;600&family=Titillium+Web:wght@300;600&display=swap');

:root{
  --orange:#e15a1f;
  --orange-dark:#cc470d;
  --menu-dark:#a63a0b;
  --salmon:#fb8865;
  --peach:#fda056;
  --text:#333333;
}

body{ font-family: 'Source Sans 3', 'Open Sans', Arial, sans-serif; color:var(--text); margin:0; background:#fff;}
.header-top{ background:#fff; }
.topbar{ border-bottom:4px solid var(--peach); }
.old-menu { background: var(--menu-dark); }
.old-menu .nav-link { color:#fff !important; padding:14px 18px; font-weight:600; }
.old-menu .nav-link:hover, .old-menu .nav-link:focus { background: var(--orange-dark) !important; color:#fff !important; }
   
.logo-wrap img{ height:90px; }

.section-title{ text-align:center; color:var(--orange-dark); font-weight:700; margin-bottom:0.25rem; font-family:'Titillium Web',sans-serif; }
.section-divider{ width:80px;height:3px;background:var(--orange-dark); margin:12px auto 28px; border-radius:4px; }

.service-card{ border-radius:12px; overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.08); transition:transform .28s; }
.service-card:hover{ transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,0.12); }
.object-fit-cover{ object-fit:cover; }

.line-clamp{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

footer{ background:#222; color:#bdbdbd; padding:36px 0; }
footer a{ color:var(--peach); text-decoration:none; }

/* Menu desktop layout: logo left, menu inline right */
.header-container{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.header-left{ display:flex; align-items:center; gap:12px; }

@media (max-width:991px){
  .logo-wrap img{ height:64px; }
  .old-menu .nav-link{ padding:10px 12px; }
}

/* Modal safe overrides */
.modal-backdrop{ background: rgba(0,0,0,0.65) !important; }
.modal-content{ border-radius:10px !important; }
.modal img{ max-width:100% !important; height:auto !important; display:block; margin-top:12px; }