/*!
Theme Name: Hampton Mot, Car Services & Repairs
Theme URI: https://them.es/starter
Author: 79Digital Solutions
Author URI: https://79digital.com
Description: This theme is specially designed for Hampton Mot, Car Services & Repairs by https://79digital.com
Version: 1.0.0
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: fmd
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

:root {
  --theme-orange: #f26522;
  --theme-orange-dark: #c54a10;
  --theme-dark-bg: #000000;
}

/* Colors */
.bg-orange { background-color: var(--theme-orange) !important; }
.text-orange { color: var(--theme-orange) !important; }
.bg-dark-orange { background-color: #8c360b; }

/* Banner Section */
.hero-banner {
  background-color: var(--theme-dark-bg);
  min-height: 520px;
}

/* Angular split background (black on left, orange on right) */
.hero-bg-accent {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--theme-orange);
  clip-path: polygon(45% 100%, 100% 15%, 100% 100%);
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .hero-bg-accent {
    clip-path: polygon(0 80%, 100% 50%, 100% 100%, 0 100%);
  }
}

.hero-car-img {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.6));
  transform: scale(1.05);
}

/* Discover More Button */
.btn-discover {
  transition: opacity 0.2s ease-in-out;
}
.btn-discover:hover {
  opacity: 0.9;
}
.btn-discover .btn-text {
  letter-spacing: 0.5px;
}

/* Bottom Strip */
.services-strip .strip-link {
  transition: background-color 0.2s ease, transform 0.2s ease;
  min-height: 90px;
}

.services-strip .strip-link:hover {
  background-color: rgba(0, 0, 0, 0.25);
}

.strip-icon {
  font-size: 1.6rem;
  line-height: 1;
}

.services-strip span {
  font-size: 0.75rem;
  line-height: 1.25;
}