/*
Theme Name: DaryTech AutoShop
Theme URI: https://darytechnologies.com
Description: Reusable auto-repair-shop child theme for Storefront. A re-skinnable local-business + WooCommerce template by Dary Technologies.
Author: Dary Technologies
Author URI: https://darytechnologies.com
Template: storefront
Version: 1.0.1
License: GNU General Public License v2 or later
Text Domain: darytech-autoshop
*/

/* ---- Re-skin surface: change these per client ---- */
:root {
  --dt-primary: #0f2942;   /* navy — headers, footer, trust */
  --dt-accent:  #e8442b;   /* CTA red — buttons, prices */
  --dt-ink:     #1a1f24;
  --dt-muted:   #5b6672;
  --dt-bg:      #ffffff;
  --dt-bg-alt:  #f4f6f8;
  --dt-font-head: 'Oswald', system-ui, sans-serif;
  --dt-font-body: 'Inter', system-ui, sans-serif;
}

/* ---- Typography ---- */
body, button, input, select, textarea { font-family: var(--dt-font-body); color: var(--dt-ink); }
h1,h2,h3,h4,.dt-hero__title,.site-title { font-family: var(--dt-font-head); letter-spacing:.5px; }

/* ---- Buttons / prices use the accent ---- */
.button, button, .wc-block-components-button, .single_add_to_cart_button,
input[type="submit"] { background: var(--dt-accent) !important; border-color: var(--dt-accent) !important; color:#fff !important; }
.button:hover, button:hover { filter: brightness(0.92); }
.woocommerce span.price, .woocommerce div.product p.price { color: var(--dt-accent); font-weight:700; }

/* ---- Header / footer trust color ---- */
.site-header { background: var(--dt-primary); }
.site-header, .site-header a, .main-navigation a { color:#fff; }
.site-footer { background: var(--dt-primary); color:#fff; }
.site-footer a { color:#dbe4ee; }

/* ---- Section utilities used by the home page blocks ---- */
.dt-section { padding: 64px 0; }
.dt-section--alt { background: var(--dt-bg-alt); }
.dt-section .dt-eyebrow { color: var(--dt-accent); font-family:var(--dt-font-head); text-transform:uppercase; letter-spacing:2px; font-size:14px; }

.dt-hero { background: linear-gradient(rgba(15,41,66,.72),rgba(15,41,66,.72)),
  url('https://images.unsplash.com/photo-1486262715619-67b85e0b08d3?q=80&w=1600&auto=format') center/cover;
  color:#fff; padding: 110px 0; text-align:center; }
/* .dt-hero prefix beats Storefront's element-level h1 color, which otherwise
   overrides the inherited white and leaves the title dark on the dark hero. */
.dt-hero .dt-hero__title { color:#fff; font-size: clamp(2.2rem,5vw,3.6rem); margin:0 0 .4em; }
.dt-hero__cta { display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center; }

.dt-services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:22px; }
.dt-card { background:var(--dt-bg); border:1px solid #e6ebf0; border-radius:12px; padding:26px; text-align:center; }
.dt-card__icon { font-size:34px; line-height:1; }

.dt-reviews { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; }
.dt-review { background:var(--dt-bg); border-radius:12px; padding:24px; box-shadow:0 6px 24px rgba(15,41,66,.06); }
.dt-review__stars { color:#f5a623; }

.dt-hours { width:100%; max-width:420px; border-collapse:collapse; }
.dt-hours td { padding:8px 0; border-bottom:1px solid #e6ebf0; }

/* ---- Gallery images (used by the .dt-gallery section on the home page) ---- */
.dt-gallery img { width:100%; height:200px; object-fit:cover; border-radius:12px; display:block; }