/*
Theme Name: Dan L Turbos Child
Template: astra
Version: 1.0
Description: Custom homepage styling for Dan L Turbos, built on the free Astra theme.
*/

/* ===== TOP BAR ===== */
.dlt-topbar { background: #b3202b; color: #fff; font-size: 12px; padding: 6px 16px; text-align: center; }

/* ===== SITE TITLE - bold italic "logo" badge treatment ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
.site-title, .site-title a, .ast-site-title, .ast-site-title a {
  font-family: 'Anton', Impact, sans-serif !important;
  font-style: italic;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff !important;
  background: #b3202b;
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none !important;
  border-radius: 2px;
}

/* ===== HIDE ASTRA FOOTER CREDIT (backup - primary fix is in Customizer > Footer > Footer Bar) ===== */
.ast-footer-copyright a[href*="wpastra"], a[href*="wpastra.com"] { display: none; }
.dlt-contact-form label { font-weight: bold; font-size: 13px; }
.dlt-contact-form input[type="text"], .dlt-contact-form input[type="email"], .dlt-contact-form textarea { width: 100%; max-width: 420px; padding: 8px; border: 1px solid #ccc; font-size: 13px; margin-top: 4px; }
.dlt-contact-form button { background: #16273f; color: #fff; border: none; padding: 10px 22px; font-size: 13px; font-weight: bold; cursor: pointer; }
.dlt-contact-form button:hover { background: #b3202b; }

/* ===== SHIPPING STRIP ===== */
.dlt-shipstrip { background: #eef1f5; border-bottom: 1px solid #ccc; text-align: center; padding: 6px; font-size: 12px; font-weight: bold; color: #16273f; }

/* ===== SPLIT HERO ===== */
.dlt-split-hero { display: flex; max-width: 1200px; margin: 16px auto; gap: 12px; padding: 0 16px; }
.dlt-split-panel { flex: 1; padding: 34px 20px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; letter-spacing: 0.3px; display: block; }
.dlt-split-panel span { display: block; font-size: 12px; font-weight: normal; margin-top: 6px; letter-spacing: 0; }
.dlt-panel-garrett { background: #16273f; }
.dlt-panel-precision { background: #b3202b; }

/* ===== BODY LAYOUT ===== */
.dlt-body-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px 30px; display: grid; grid-template-columns: 3fr 1fr; gap: 20px; }
.dlt-section-title { background: #16273f; color: #fff; font-size: 13px; font-weight: bold; padding: 7px 12px; letter-spacing: 0.3px; }

/* ===== FEATURED LISTING ===== */
.dlt-featured { border: 1px solid #ccc; margin-bottom: 20px; }
.dlt-featured-body { display: flex; gap: 16px; padding: 14px; }
.dlt-featured-thumb { width: 130px; height: 130px; flex-shrink: 0; border-radius: 6px; object-fit: cover; background: #eee; }
.dlt-featured-title { font-size: 15px; font-weight: bold; color: #16273f; margin-bottom: 6px; line-height: 1.3; }
.dlt-featured-price { font-size: 18px; font-weight: bold; color: #b3202b; margin-top: 8px; }

/* ===== LISTING ROWS ===== */
.dlt-listing-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #e0e0e0; }
.dlt-listing-row:nth-child(even) { background: #fafafa; }
.dlt-thumb { width: 64px; height: 64px; flex-shrink: 0; border-radius: 6px; object-fit: cover; background: #eee; }
.dlt-listing-info { flex: 1; min-width: 0; }
.dlt-listing-info a.dlt-title { font-size: 13px; font-weight: bold; color: #1a4a8a; display: block; text-decoration: none; }
.dlt-listing-price { text-align: right; font-size: 15px; font-weight: bold; color: #16273f; white-space: nowrap; padding-left: 10px; }

/* ===== CONDITION TAGS ===== */
.dlt-tag { display: inline-block; font-size: 10px; font-weight: bold; color: #fff; padding: 2px 6px; border-radius: 2px; margin-top: 4px; letter-spacing: 0.3px; }
.dlt-tag-new { background: #2e5c94; }
.dlt-tag-used { background: #b3202b; }
.dlt-tag-rebuilt { background: #555; }

/* ===== SIDEBAR ===== */
.dlt-sidebar-box { border: 1px solid #ccc; margin-bottom: 18px; }
.dlt-sidebar-box .dlt-section-title { font-size: 12px; }
.dlt-about-box { padding: 12px; font-size: 12px; color: #333; }
.dlt-about-box .dlt-sign { font-weight: bold; color: #16273f; margin-top: 8px; display: block; }

@media (max-width: 800px) {
  .dlt-body-wrap { grid-template-columns: 1fr; }
  .dlt-split-hero { flex-direction: column; }
  .dlt-featured-body { flex-direction: column; }
}