:root{
  --primary:#0D6EFD;
  --accent:#00C853;
  --dark:#111827;
  --light:#F8FAFC;
  --font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:var(--font); color:var(--dark); background:var(--light)}
.logo-accent{color:var(--primary)}
.navbar .nav-link{font-weight:600}

.category-card{transition:transform .2s, box-shadow .2s}
.category-card:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.08)}

.badge-card{padding:1rem;border:1px dashed rgba(0,0,0,.1);border-radius:1rem;background:white}

.quick-actions{
  position:fixed; left:0; right:0; bottom:48px; /* leave room for thin search bar */
  display:flex; gap:.75rem; padding:.75rem .75rem; background:rgba(255,255,255,.9);
  backdrop-filter: blur(6px); box-shadow:0 -6px 20px rgba(0,0,0,.08);
  z-index:1050;
}

.mobile-bottom-search{
  position:fixed; left:0; right:0; bottom:0; z-index:1060;
  background:#1F710F; text-align:center; padding:.35rem;
}
.mobile-bottom-search .search-link{
  display:inline-block; padding:.25rem .75rem; border-radius:999px; text-decoration:none;
  color:white;
}

.mobile-center-wp{
  position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1040;
  width:120px; max-width:40vw; opacity:0.9; pointer-events:none;
}

.wp-bubble{
  position:fixed; right:1.25rem; bottom:1.25rem; width:56px; height:56px; border-radius:50%;
  background:var(--accent); color:#fff; align-items:center; justify-content:center;
  box-shadow:0 10px 30px rgba(0,0,0,.2); text-decoration:none; font-size:1.5rem; z-index:1040;
}

.map-placeholder{
  background: repeating-linear-gradient(45deg, #eef2ff, #eef2ff 10px, #e2e8f0 10px, #e2e8f0 20px);
  height:260px; border:1px dashed #94a3b8;
}

.offcanvas.offcanvas-end {
  background-color: #0f1d3a;
  color: #ffffffff;
}
.offcanvas .nav-link {
  color: #ffffff;   /* istediğin renk */
}

.offcanvas .nav-link.active {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;          
  
}

.offcanvas .nav-link:hover,
.offcanvas .nav-link:focus {
  color: #a6a9a6ff; 
}


.whatsapp-fab {
  display: none;
}

@media (max-width: 768px) {
  .whatsapp-fab {
    position: fixed;
    top: 50%;
    right: 8px;                 
    transform: translateY(-50%);
    width: 72px;
    height: 72px;
    border-radius: 50%;       
    box-shadow: 0 6px 18px rgba(0,0,0,.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden; 
  }

  .whatsapp-fab img {
    width: 100%;    
    height: 100%;
    object-fit: cover; 
    display: block;
  }

  .whatsapp-fab:active { transform: translateY(-50%) scale(0.96); }
  .whatsapp-fab:focus-visible {
    outline: 2px solid #25D366;
    outline-offset: 3px;
  }
}




footer a{text-decoration:none}
footer .btn{border-radius:999px}
img{max-width:100%;height:auto}