/*
Theme Name: Rakupos Marketplace
Author: Rakupos
Description: Custom WooCommerce marketplace theme for Rakupos
Version: 1.0
*/

:root{
  --red:#ef5656;
  --green:#39a844;
  --dark:#222;
  --gray:#777;
  --line:#e6e6e6;
  --max:1180px;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--dark);
  background:#fff;
}

a{text-decoration:none;color:inherit}

img{max-width:100%;height:auto}

.rak-wrap{
  width:min(var(--max),calc(100% - 32px));
  margin:auto;
}

.rak-top{
  background:var(--red);
  color:white;
  font-size:13px;
}

.rak-top .rak-wrap{
  min-height:42px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.rak-head{
  min-height:145px;
  display:grid;
  grid-template-columns:250px 1fr 310px;
  align-items:center;
  gap:25px;
}

.rak-logo strong{
  display:block;
  color:#d92f2f;
  font-size:40px;
  letter-spacing:-2px;
}

.rak-logo span{
  color:var(--green);
  font-size:12px;
}

.rak-message{
  text-align:center;
  font-size:16px;
  font-weight:700;
}

.rak-search{
  display:flex;
  height:42px;
  border:1px solid #ddd;
}

.rak-search input{
  flex:1;
  border:0;
  padding:0 12px;
}

.rak-search button{
  width:48px;
  border:0;
  background:#111;
  color:#fff;
}

.rak-nav{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.rak-nav .rak-wrap{
  display:flex;
  justify-content:center;
}

.rak-nav a{
  padding:19px 25px;
  color:#555;
}

.rak-nav a:hover{
  color:var(--red);
}

.rak-hero{
  padding:45px 0;
  text-align:center;
  background:#fafafa;
}

.rak-hero h1{
  color:var(--green);
  font-size:52px;
  margin:0 0 8px;
}

.rak-hero h2{
  margin:0 0 18px;
  font-size:29px;
}

.rak-btn{
  display:inline-block;
  background:var(--red);
  color:white;
  padding:12px 22px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}

.rak-section{
  padding:55px 0;
}

.rak-title{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:30px;
}

.rak-title:before,
.rak-title:after{
  content:"";
  height:1px;
  background:#ddd;
  flex:1;
}

.rak-title h2{
  white-space:nowrap;
  font-size:26px;
  font-weight:400;
}

.rak-cats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.rak-cat{
  border:1px solid var(--line);
}

.rak-cat img{
  width:100%;
  height:170px;
  object-fit:cover;
}

.rak-cat div{
  padding:12px;
  display:flex;
  justify-content:space-between;
  font-size:13px;
}

.rak-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.rak-product{
  border:1px solid var(--line);
  padding-bottom:15px;
}

.rak-product img{
  width:100%;
  aspect-ratio:1/.9;
  object-fit:contain;
}

.rak-product-info{
  padding:12px 15px 0;
}

.rak-product h3{
  font-size:14px;
  min-height:38px;
  margin:0 0 9px;
}

.rak-price{
  color:var(--red);
  font-weight:700;
  margin-bottom:12px;
}

.rak-footer{
  background:#bbb;
  margin-top:55px;
  padding:45px 0 25px;
}

.rak-footer-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:30px;
}

.rak-footer h4{
  font-size:13px;
  text-transform:uppercase;
}

.rak-footer p,
.rak-footer a{
  font-size:12px;
}

.rak-copy{
  text-align:center;
  border-top:1px solid #aaa;
  padding-top:18px;
  margin-top:30px;
  font-size:11px;
  color:#b22;
}

.woocommerce-page main{
  width:min(var(--max),calc(100% - 32px));
  margin:auto;
  padding:40px 0;
}

@media(max-width:850px){
  .rak-head{grid-template-columns:1fr;text-align:center;padding:25px 0}
  .rak-search{max-width:500px;margin:auto;width:100%}
  .rak-cats{grid-template-columns:repeat(2,1fr)}
  .rak-products{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  .rak-cats,.rak-products,.rak-footer-grid{grid-template-columns:1fr}
}