/*
Theme Name: CULLINAN Premium Car Import
Theme URI: https://cullinan.co.il/
Author: CULLINAN
Description: ערכת WordPress ייעודית ל-CULLINAN עם מלאי רכבים, מחלקה מסחרית, רכב בהתאמה אישית ומחשבון מימון.
Version: 1.24.49
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: cullinan
*/

.vehicle-editorial-links {
  padding: clamp(54px, 8vw, 100px) clamp(20px, 5vw, 72px);
  background: #f1eee8;
  color: #111;
}

.vehicle-editorial-links > header {
  display: flex;
  gap: 30px;
  align-items: end;
  justify-content: space-between;
  max-width: 1500px;
  margin: 0 auto 32px;
}

.vehicle-editorial-links h2 { margin: 0; font-size: clamp(38px, 5vw, 72px); line-height: 1; font-weight: 400; }
.vehicle-editorial-links h2 span { color: #b88a2d; }
.vehicle-editorial-links > header > a { color: #6e551f; text-decoration: none; border-bottom: 1px solid currentColor; }
.vehicle-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1500px; margin: 0 auto; }
.vehicle-editorial-grid article { min-width: 0; background: #0d0d0d; color: #f5f2eb; }
.vehicle-editorial-grid a { display: block; height: 100%; color: inherit; text-decoration: none; }
.vehicle-editorial-photo { aspect-ratio: 16 / 9; overflow: hidden; background: #171717; }
.vehicle-editorial-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.vehicle-editorial-grid article:hover img { transform: scale(1.025); }
.vehicle-editorial-grid article > a > div:last-child { padding: 20px; }
.vehicle-editorial-grid small { color: #9d998f; }
.vehicle-editorial-grid h3 { margin: 8px 0 22px; font-size: clamp(21px, 2vw, 30px); line-height: 1.18; }
.vehicle-editorial-grid span { color: #d1a13e; font-weight: 700; }

.wp-lead-form .form-error {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  padding: 12px 14px;
  border-inline-start: 3px solid #ff8a80;
  background: rgba(139, 31, 31, 0.18);
  color: #ffd4cf;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 820px) {
  .vehicle-editorial-links > header { display: grid; align-items: start; }
  .vehicle-editorial-grid { grid-template-columns: 1fr; }
  .vehicle-editorial-grid h3 { font-size: 23px; }
}