/*!
 * El Cau Lúdic Theme Overrides v1.0
 * Compatible amb PrestaShop 8.2.x Classic
 */

:root{
  --brand:#17a589;
  --brand-dark:#12876f;
  --accent:#f4c542;
  --bg:#f5f6f8;
  --card:#ffffff;
  --text:#222;
  --muted:#666;
  --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Montserrat,Arial,sans-serif;
}

#wrapper{background:var(--bg);}

#header{
  background:#111;
  border-bottom:4px solid var(--brand);
  box-shadow:0 4px 18px rgba(0,0,0,.2);
}

.header-top,
#header .header-nav{
  background:#111;
}

#header a{
  color:#fff;
  transition:.2s;
}

#header a:hover{
  color:var(--accent);
  text-decoration:none;
}

#search_widget form{
  background:#fff;
  border:2px solid var(--brand);
  border-radius:40px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

#search_widget input{
  border:none;
  height:48px;
}

#search_widget button{
  background:var(--brand);
  color:#fff;
  border:none;
}

.btn-primary{
  background:var(--brand);
  border-color:var(--brand);
  border-radius:10px;
  font-weight:700;
}

.btn-primary:hover{
  background:var(--brand-dark);
  border-color:var(--brand-dark);
}

.product-miniature{
  background:#fff;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:.25s;
  overflow:hidden;
}

.product-miniature:hover{
  transform:translateY(-6px);
}

.product-miniature .thumbnail-container{
  border:none;
}

.product-price,
.price{
  color:var(--brand);
  font-weight:700;
}

.regular-price{
  color:#999;
}

.product-miniature .product-title{
  min-height:48px;
  font-weight:600;
}

#footer{
  background:#151515;
  color:#ddd;
  margin-top:60px;
}

#footer a{
  color:#fff;
}

#footer a:hover{
  color:var(--accent);
}

.block_newsletter{
  background:var(--brand);
  color:#fff;
  padding:30px 0;
}

.card,
.products-sort-order,
.pagination,
#left-column .block-categories,
#left-column .facet{
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  border:none;
}

@media (max-width:768px){
  #header .logo{
    max-width:180px;
  }
  .product-miniature{
    margin-bottom:16px;
  }
}