/*
Theme Name: Soldatelli Store
Theme URI: https://soldatelli.net
Author: Soldatelli
Description: Tema e-commerce per Soldatelli.net ispirato a un design editoriale minimale: tipografia Jost + serif Jomolhari, immagini grandi, navigazione mobile-first.
Version: 1.2.13
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: soldatelli-store
Tags: e-commerce, WooCommerce, mobile-first
*/

/* ---------- Duo Lookbook Image Cropping (side‑only) ---------- */
/* The two hero images on the homepage should keep full height.
   Only the left and right sides are clipped; top/bottom remain visible.
   This works on every screen size.
*/
.duo {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.duo-tile {
  position: relative;
  overflow: hidden;
  flex: 1 1 50%;
  /* Keep a consistent height; adjust as needed */
  aspect-ratio: 16 / 9; /* adjusted for better height */
}
.duo-tile__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}

.duo-tile__img:hover {
  transform: scale(1.07);
}
.duo-tile__caption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
@media (max-width: 767px) {
  .duo-tile {
    flex-basis: 100%;
    aspect-ratio: 4 / 3; /* taller on mobile */
  }
}

/* ----------- Fallback / reinforce cropping ----------- */
.duo-tile img,
.duo-tile__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Ensure the container respects the aspect ratio on all browsers */
.duo-tile {
  min-height: 0; /* reset any inherited min‑height */
}