/**
 * Theme Name:     Freddo Child
 * Author:         Rizzo Andrea - CrestaProject
 * Template:       freddo
 * Text Domain:	   freddo-child
 * Description:    Freddo is a fresh and minimal multipurpose WordPress Theme with all the feature that you need to make a complete website in one page. In the home page you can use many sections including Slider, About Us, Team Section, Skills, Contact section and much more, all this in a few seconds by using one click demo importer plugin. Moreover, Freddo Theme has a beautiful appearance for blogging with featured image in the header. Freddo Theme is fully compatible with WooCommerce that allows you to create your personal E-Commerce, with WPML (multilingual ready), with Gutenberg and with the most common page builders (Elementor, SiteOrigin, Beaver Builder). Unlimited colors, 2 sidebar, footer widget, custom logo and many other options. Demo here: https://crestaproject.com/demo/freddo/
 */

/* === Website Reviews Grid === */
.website-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* === Card === */
.website-review-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.website-review-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1);
}

/* === Thumbnail === */
.website-review-thumb {
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.website-review-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* === Title === */
.website-review-title {
  margin: 12px;
  font-size: 1rem;
  line-height: 1.3;
  color: #111827;
  text-decoration: none;
}

/* === Responsive layout === */
@media (max-width: 1100px) {
  .website-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 780px) {
  .website-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .website-reviews-grid {
    grid-template-columns: 1fr;
  }
}

#primary.content-area {
    width: 100%;
    padding-right: unset;
}