:root{
  --primary:#f97316;        /* Orange */
  --primary-dark:#ea580c;   /* Dark Orange */

  --secondary:#0f172a;      /* Dark Navy */

  --dark:#0f172a;
  --text:#475569;

  --light:#f8fafc;
  --white:#ffffff;

  --border:#e2e8f0;

  --radius:16px;

  --shadow:0 10px 30px rgba(15,23,42,.10);
}

body{
  font-family:'Nunito',sans-serif;
  background:#f8fafc;
  color:var(--text);
}

.wrapper{
  width:100%;
  max-width:1280px;
  margin:auto;
  padding:0 20px;
}

/* HEADER */

header{
  background:#0f172a;
  box-shadow:0 2px 20px rgba(0,0,0,.05);
  position:sticky;
  top:0;
  z-index:999;
}

header #logo img{
  max-height:60px;
}

header .nav a{
  color:#2E1F5F;
}

a:hover{
  color:#f97316;
}

header .nav a.publish{
    background:linear-gradient(
        135deg,
        #f97316,
        #fb923c
    );

    color:#fff;
}

.main-search button{
  background:
      linear-gradient(
          135deg,
          #f97316,
          #fb923c
      );

  color:#fff;
}
/* HERO */

body.home header,
body.home section.home-search{
  background:
  linear-gradient(
      135deg,
      #0f172a,
      #1e3a8a
  );
}

body.home form.search h1{
  color:#ffffff;
}

body.home form.search p{
  color:rgba(255,255,255,.85);
}

body.home form.search p{
  color:rgba(255,255,255,.85);
}

.main-search{
  background:#fff;
  padding:25px;
  border-radius:20px;
  box-shadow:var(--shadow);
}

.main-search input,
.main-search select{
  height:55px;
  border:1px solid #dbe4ee;
  border-radius:12px;
}

.main-search button{
  background:
      linear-gradient(
          135deg,
          #f97316,
          #fb923c
      );

  color:#fff;
}


/* SECTIONS */

.home-latest{
  padding:60px 0;
}

.home-latest h2,
.block h2,
.section-title{
    color:#0f172a;
    position:relative;
}

.home-latest h2:after,
.block h2:after{
    content:'';
    display:block;
    width:60px;
    height:4px;
    background:#f97316;
    margin-top:10px;
    border-radius:20px;
}

/* CARDS */

.listing-grid .listing-card{
  background:#fff;
  border:none!important;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  transition:.3s;
}

.listing-grid .listing-card:hover{
  transform:translateY(-8px);

  box-shadow:
      0 20px 40px rgba(249,115,22,.18);

  border-bottom:4px solid #f97316;
}

.listing-grid .listing-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.listing-grid .listing-basicinfo{
  padding:18px;
}

.listing-grid .listing-basicinfo a{
  color:#0f172a;
  font-size:18px;
  font-weight:700;
}

.listing-grid .listing-basicinfo a:hover{
  color:var(--primary);
}

.listing-grid .location{
  color:#64748b;
  font-size:14px;
}

/* BUTTONS */

.btn,
button,
input[type=submit]{
  border-radius:12px!important;
  transition:.3s;
}

.btn-primary,
button.btn-primary,
input[type=submit]{
  background:
      linear-gradient(
          135deg,
          #f97316,
          #fb923c
      ) !important;

  border:none!important;
}

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

/* FORMS */

input[type=text],
input[type=password],
input[type=email],
textarea,
select{
  border-radius:12px;
  border:1px solid #dbe4ee;
}

input:focus,
textarea:focus,
select:focus{
  border-color:#16a34a;
  box-shadow:0 0 0 4px rgba(34,197,94,.15);
}

/* SIDEBAR */

#sidebar .box,
.sidebar-box{
  background:#fff;
  border-radius:16px;
  padding:20px;
  box-shadow:var(--shadow);
  border:none;
}

/* ITEM PAGE */

.item-header,
.item-content,
.item-detail{
  background:#fff;
  border-radius:20px;
}

.price{
  color:#f97316;
  font-weight:800;
  font-size:26px;
}

/* PAGINATION */

.pagination a{
  border-radius:10px;
  margin:0 4px;
}

.pagination .active{
  background:#16a34a;
}

/* FOOTER */

footer{
  background:#0f172a;
  color:#cbd5e1;
  padding:70px 0;
}

footer h3{
  color:#ffffff;
}

footer a{
  color:#cbd5e1;
}

footer a:hover{
  color:#f97316;
}