/* assets/css/style.css */
@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');

:root{
  --blue:#0b4bb3;
  --blue2:#073a8a;
  --bg:#f4f6fb;
  --card:#ffffff;
  --text:#1f2937;
}

*{font-family:"Droid Arabic Kufi", sans-serif;}
body{background:var(--bg); color:var(--text);}
a{text-decoration:none}

.navbar-brand img{height:44px}
.hero{
  background: linear-gradient(120deg, var(--blue2), var(--blue));
  color:#fff;
  border-radius:18px;
  overflow:hidden;
}
.hero .hero-inner{padding:28px}
.hero h1{font-size:22px; line-height:1.9; margin:0}
.hero p{opacity:.95; margin-top:10px}

.section-title{
  font-size:18px;
  font-weight:700;
  margin:20px 0 10px;
}

.card-soft{
  background:var(--card);
  border:none;
  border-radius:18px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.product-card img{
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:16px;
}

.footer{
  background:#0b0b0b;
  color:#fff;
  padding:14px 0;
  margin-top:30px;
}
.footer a{color:#fff; opacity:.95}
.badge-soft{
  background: rgba(11,75,179,.12);
  color: var(--blue2);
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
}

.btn-main{
  background: var(--blue);
  border:none;
  border-radius:14px;
  padding:10px 16px;
}
.btn-main:hover{background:var(--blue2)}
.top-info{
  font-size:13px;
  opacity:.95;
}

.page-header{
  background: linear-gradient(120deg, var(--blue2), var(--blue));
  color:#fff;
  border-radius:18px;
  padding:18px 20px;
  margin-bottom:16px;
}

/* Admin */
.admin-wrap{
  max-width:1100px;
  margin: 30px auto;
}