@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Tajawal:wght@400;600&display=swap');

:root{
  --primary:#1e7e34;
  --accent:#d4af37;
  --grad-start:#f1c40f;
  --grad-end:#1e7e34;
}

body{
  font-family:'Poppins','Tajawal',sans-serif;
  color:#222;
  background:#fff;
}

.main-nav{
  background:linear-gradient(to right,var(--grad-start),var(--grad-end));
}
.logo-nav{
  height:48px;
  width:48px;
  border-radius:50%;
  object-fit:cover;
}
.small-brand{
  font-size:0.75rem;
  line-height:1.1;
  color:#fff;
}
.nav-link{
  color:#fff !important;
  font-weight:500;
}
.nav-link:hover{
  color:var(--accent) !important;
}

/* HERO with background video */
.hero{
  position:relative;
  min-height:80vh;
  display:flex;
  align-items:center;
  color:#fff;
  overflow:hidden;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.hero-content-wrap{
  position:relative;
  z-index:2;
}
.hero-title-en{
  font-size:1.6rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  text-shadow:0 2px 10px rgba(0,0,0,0.9);
}
.hero-title-ar{
  font-family:'Tajawal',sans-serif;
  font-size:1.1rem;
  margin-top:4px;
  text-shadow:0 2px 8px rgba(0,0,0,0.85);
}
.hero-tagline{
  font-size:1.1rem;
  margin:1rem 0 1.5rem;
  text-shadow:0 2px 8px rgba(0,0,0,0.85);
}
.btn-primary{
  background:var(--primary);
  border:none;
  font-weight:600;
}
.btn-primary:hover{
  background:var(--accent);
  color:#000;
}
.btn-outline-light{
  font-weight:600;
}
.btn-outline-light:hover{
  background:#fff;
  color:var(--primary);
}

/* Sections */
.section-title{
  font-weight:700;
  margin-bottom:.5rem;
}
.section-sub{
  color:#777;
  margin-bottom:2rem;
}
.card-soft{
  border:none;
  border-radius:1rem;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}
.card-product img {
  width: 100%;
  height: 230px;              /* Fixed height for consistency */
  object-fit: cover;          /* Ensures the image fills the frame without stretching */
  border-radius: 1rem 1rem 0 0;
  transition: transform 0.3s ease;
}

.card-product img:hover {
  transform: scale(1.03);     /* Optional nice hover zoom */
}

.gallery img{
  width:100%;
  border-radius:.75rem;
  object-fit:cover;
  aspect-ratio:4/3;
  box-shadow:0 4px 16px rgba(0,0,0,0.12);
}

/* Footer */
.footer-gradient{
  background:linear-gradient(to right,var(--grad-end),var(--grad-start));
  color:#fff;
}
.logo-footer{
  height:40px;
  width:40px;
  border-radius:50%;
  object-fit:cover;
}

/* Admin header */
.admin-header{
  background:linear-gradient(to right,var(--grad-start),var(--grad-end));
  color:#fff;
}
.nav-pills .nav-link{
  border-radius: 999px;
  font-weight: 600;
  padding: .5rem 1rem;
}
.nav-pills .nav-link.active{
  background: var(--primary);
}