/*
Theme Name: Used Car Dealers and Servicing
Theme URI: https://usedcardealersandservicing.co.uk/
Author: Lovable
Author URI: https://lovable.dev
Description: A block-based WordPress theme inspired by usedcardealersandservicing.co.uk. Includes reusable patterns for the homepage banner, posts grid, content area, contact, and footer. Designed for a used-car-dealer / car-servicing blog.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: usedcardealers
Tags: blog, one-column, two-columns, block-patterns, full-site-editing, block-styles, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Block theme — most styling is in theme.json. A few helpful utilities below. */

.wp-site-blocks { overflow-x: hidden; }

.ucd-post-card {
  border: 1px solid var(--wp--preset--color--border, #e5e7eb);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ucd-post-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
}
.ucd-post-card img { display:block; width:100%; height:auto; aspect-ratio: 10/7; object-fit: cover; }
.ucd-post-card .ucd-card-body { padding: 1rem 1.25rem 1.25rem; }
.ucd-post-card h3 { margin: 0 0 .5rem; font-size: 1.15rem; line-height: 1.3; }
.ucd-post-card h3 a { color: #1d2939; text-decoration: none; }
.ucd-post-card h3 a:hover { color: var(--wp--preset--color--primary, #b91c1c); }
.ucd-post-card .ucd-excerpt { color: #475467; font-size: .95rem; margin: 0 0 .75rem; }
.ucd-post-card .ucd-meta { display:flex; justify-content:space-between; align-items:center; font-size:.85rem; color:#667085; }
.ucd-post-card .ucd-more { color: var(--wp--preset--color--primary, #b91c1c); font-weight: 600; text-decoration: none; }
.ucd-post-card .ucd-more:hover { text-decoration: underline; }

.ucd-banner { position: relative; }
.ucd-banner img { display:block; width:100%; height:auto; max-height:520px; object-fit: cover; }