/* =========================
   AIDA - FINAL CLEAN CSS (FORCED YELLOW BUTTONS)
========================= */

/* RESET */
* { margin:0; padding:0; box-sizing:border-box; }

:root{
  --brand-blue:#0B4FAE;
  --brand-blue-2:#083E8B;
  --brand-yellow:#F2C300;
  --text:#1f2937;
  --muted:#6b7280;
  --bg:#ffffff;
  --border:rgba(0,0,0,0.10);
}

html,body{height:100%;}
body{
  font-family:'Roboto',sans-serif;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
}
.container{ width:92%; max-width:1200px; margin:0 auto; }

/* ================= HEADER ================= */
.site-header{
  background:#fff;
  border-bottom:1px solid var(--border);
  position:sticky; top:0; z-index:999;
}
.header-grid{ padding:15px 0; }

.header-top{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.logo{ height:60px; width:auto; }

.lang-switch{ position:relative; }
.lang-switch summary{ list-style:none; cursor:pointer; }
.lang-btn{
  padding:6px 12px;
  border-radius:8px;
  border:1px solid var(--border);
  font-weight:700; font-size:13px;
  display:flex; align-items:center; gap:6px;
}
.lang-menu{
  position:absolute; right:0; top:35px;
  background:#fff; border:1px solid var(--border);
  border-radius:8px; padding:6px;
  display:none; min-width:160px;
}
.lang-switch[open] .lang-menu{ display:block; }
.lang-item{
  display:block; padding:6px 8px;
  text-decoration:none; color:var(--text);
  font-weight:600; font-size:13px; border-radius:6px;
}
.lang-item:hover{ background:rgba(11,79,174,0.08); color:var(--brand-blue); }

.header-bottom{
  display:flex; align-items:center; justify-content:space-between;
}
.main-nav ul{
  list-style:none;
  display:flex; gap:20px; align-items:center;
}
.nav-link{
  text-decoration:none; color:var(--text);
  font-weight:700; padding:6px 10px; border-radius:6px;
  transition:0.2s ease;
}
.nav-link:hover{ color:var(--brand-blue); background:rgba(11,79,174,0.08); }

.header-social{ display:flex; gap:10px; }
.social-link{
  width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--brand-blue);
  text-decoration:none;
  transition:0.2s ease;
}
.social-link:hover{ background:rgba(11,79,174,0.08); }

/* ================= HERO ================= */
.hero{
  position:relative;
  min-height:420px;
  display:flex; align-items:center;
  background:url('https://aidaprocurement.com/wp-content/uploads/2026/01/beground.png') center/cover no-repeat;
}
.hero-overlay{ position:absolute; inset:0; background:rgba(11,79,174,0.55); }
.hero-content{
  position:relative; z-index:1;
  color:#fff; text-align:center;
  margin:0 auto; max-width:800px;
}
.hero-content h1{ font-size:36px; margin-bottom:15px; }
.hero-content p{ font-size:17px; }

/* ================= SERVICES ================= */
.services{ padding:60px 0; }
.service-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
}
.service-card{
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
}
.service-card img{
  width:100%;
  height:240px;
  object-fit:cover;
}
.service-body{ padding:15px; }
.service-card h3{ margin-bottom:8px; color:var(--brand-blue); }
.service-card p{ color:var(--muted); }

/* ================= FORCED BUTTONS (YELLOW BG + BLUE TEXT) ================= */
/* KJO PJESË detyron butonat edhe kur janë vetëm <a> link */
.btn,
a.btn,
.hero a,
.hero-actions a,
.service-body a,
.contact-inner a,
.contact-preview a,
a[href*="prokurime"],
a[href*="rekrutime"],
a[href*="kontakt"],
a[href*="about"]{
  background: var(--brand-yellow) !important;
  color: var(--brand-blue) !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  transition: 0.2s ease !important;
}

.btn:hover,
a.btn:hover,
.hero a:hover,
.hero-actions a:hover,
.service-body a:hover,
.contact-inner a:hover,
.contact-preview a:hover{
  background: #ffd633 !important;
  transform: translateY(-2px) !important;
}

/* Nëse s’do që NAV links të bëhen butona, i kthejmë normal */
.main-nav a{
  background: transparent !important;
  color: var(--text) !important;
  padding: 6px 10px !important;
  border: 0 !important;
  display: inline-block !important;
  transform: none !important;
}
.main-nav a:hover{
  background: rgba(11,79,174,0.08) !important;
  color: var(--brand-blue) !important;
}

/* ================= FOOTER ================= */
.site-footer{ background:#0b1220; color:#fff; padding:30px 0; }
.footer-cols{ display:flex; justify-content:space-between; gap:30px; margin-bottom:20px; }
.footer-links{ list-style:none; }
.footer-links li{ margin-bottom:6px; }
.footer-links a{ color:#fff; text-decoration:none; }
.footer-links a:hover{ text-decoration:underline; }
.footer-bottom{ text-align:center; font-size:14px; }

/* ================= RESPONSIVE ================= */
@media(max-width:900px){
  .main-nav ul{ flex-wrap:wrap; }
  .service-grid{ grid-template-columns:1fr; }
  .footer-cols{ flex-direction:column; }
}.btn{
  background: var(--brand-yellow);
  color: var(--brand-blue);
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s ease;
}

.btn:hover{
  background: #ffd633;
  transform: translateY(-2px);
}