/*
Theme Name: Yamaguchi Motors
Theme URI:
Author: Yamaguchi Motors 合同会社
Author URI:
Description: Custom theme for Yamaguchi Motors — Japanese used cars & worldwide export. Ported from the in-house HTML prototype. WooCommerce-ready (catalog + inquiry mode).
Version: 0.28.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yamaguchi-motors
WC requires at least: 7.0
WC tested up to: 10.6
*/

/* The full design lives in css/style.css, enqueued from functions.php.
   This file only carries the WordPress theme header. */

/* =========================================================================
   Yamaguchi Motors — overrides (loaded after css/style.css)
   Added: photo fit (no crop), share buttons, stock page hero.
   ========================================================================= */

/* ---- 1. Show full car photos (no cropping) ---- */
:root { --ym-photo-bg: #f3f4f6; }

/* Single car: main photo shows the whole image */
.main-photo {
  background: var(--ym-photo-bg);
  display: flex; align-items: center; justify-content: center;
}
.main-photo img {
  object-fit: contain !important;
  width: 100%; height: 100%;
}
/* Single car: thumbnails show the whole image */
.thumbs .thumb { background: var(--ym-photo-bg); }
.thumbs .thumb img { object-fit: contain !important; }

/* Listing / featured cards: poster shows in full */
.car-card .photo { background: var(--ym-photo-bg); }
.car-card .photo img { object-fit: contain !important; }

/* ---- 2. Share buttons ---- */
.ym-share {
  display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
  margin-top: 1.25rem; padding-top: 1.25rem;
  border-top: 1px solid var(--gray-200, #e5e7eb);
}
.ym-share .lbl {
  font-size: .75rem; letter-spacing: .06em; text-transform: uppercase;
  color: var(--gray-500, #6b7280); margin-right: .25rem; font-weight: 700;
}
.ym-share-btn {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .5rem .85rem; border-radius: 999px;
  font-size: .82rem; font-weight: 700; line-height: 1;
  border: 1px solid var(--gray-200, #e5e7eb); background: #fff;
  color: var(--gray-700, #374151); cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
  text-decoration: none;
}
.ym-share-btn svg { flex: 0 0 auto; }
.ym-share-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.10); }
.ym-share-wa:hover   { background: #25D366; border-color: #25D366; color: #fff; }
.ym-share-fb:hover   { background: #1877F2; border-color: #1877F2; color: #fff; }
.ym-share-copy:hover { background: #111111; border-color: #111111; color: #fff; }
.ym-share-copy.copied { background: #176b3a; border-color: #176b3a; color: #fff; }

/* ---- 3. Stock page hero ---- */
.ym-stock-hero { background: linear-gradient(180deg, #fafafa 0%, #fff 100%); border-bottom: 1px solid var(--gray-200,#e5e7eb); }
.ym-stock-hero-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem; flex-wrap: wrap;
}
.ym-stock-hero-main { flex: 1 1 420px; min-width: 280px; }
.ym-stock-eyebrow {
  display: inline-block; font-size: .72rem; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--red, #CC0000); margin-bottom: .6rem;
}
.ym-stock-title { margin: 0 0 .5rem; }
.ym-stock-title::after {
  content: ""; display: block; width: 54px; height: 4px;
  background: var(--red, #CC0000); border-radius: 2px; margin-top: .6rem;
}
.ym-stock-sub {
  color: var(--gray-500, #6b7280); font-size: 1rem; line-height: 1.6;
  max-width: 52ch; margin: .9rem 0 1.25rem;
}
.ym-stock-chips { display: flex; flex-wrap: wrap; gap: .55rem; }
.ym-chip {
  display: inline-flex; align-items: center; gap: .45rem;
  background: #fff; border: 1px solid var(--gray-200,#e5e7eb);
  border-radius: 999px; padding: .5rem .9rem;
  font-size: .82rem; font-weight: 700; color: var(--gray-700,#374151);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.ym-chip-ic { font-size: 1rem; line-height: 1; }
.ym-stock-hero-stat {
  flex: 0 0 auto; text-align: center;
  background: #111111; color: #fff; border-radius: 16px;
  padding: 1.5rem 2rem; min-width: 150px;
  box-shadow: 0 10px 30px rgba(17,17,17,.18);
}
.ym-stock-count {
  font-family: var(--font-display, inherit);
  font-size: clamp(2.75rem, 6vw, 4rem); font-weight: 800;
  line-height: 1; color: #fff;
}
.ym-stock-count #ym-stock-count { color: var(--red, #ff4d4d); }
.ym-stock-count-label {
  margin-top: .4rem; font-size: .8rem; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,.7); font-weight: 700;
}
@media (max-width: 640px){
  .ym-stock-hero-inner { flex-direction: column; align-items: flex-start; }
  .ym-stock-hero-stat { align-self: stretch; }
}

/* Finance calculator: 2-column layout after removing the rate field */
.finance-fields.finance-fields-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 520px){ .finance-fields.finance-fields-2 { grid-template-columns: 1fr; } }

/* ---- Share buttons v2 (self-contained grid, no old .share-row conflict) ---- */
.ym-share { margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--gray-200, #e5e7eb); }
.ym-share .lbl {
  display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--gray-500, #6b7280); font-weight: 800; margin-bottom: .65rem;
}
.ym-share-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.ym-share-grid .ym-share-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  width: 100%; padding: .6rem .75rem; border-radius: 10px;
  font-size: .85rem; font-weight: 700; line-height: 1;
  border: 1px solid var(--gray-200, #e5e7eb); background: #fff;
  color: var(--gray-700, #374151); cursor: pointer; text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
}
.ym-share-grid .ym-share-btn svg { flex: 0 0 auto; }
.ym-share-grid .ym-share-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.10); color: #fff; }
.ym-share-wa:hover   { background: #25D366; border-color: #25D366; }
.ym-share-msg:hover  { background: #0084FF; border-color: #0084FF; }
.ym-share-fb:hover   { background: #1877F2; border-color: #1877F2; }
.ym-share-copy:hover { background: #111111; border-color: #111111; }
.ym-share-copy.copied { background: #176b3a !important; border-color: #176b3a !important; color: #fff !important; }
@media (max-width: 380px){ .ym-share-grid { grid-template-columns: 1fr; } }