/*
Theme Name: Elite Transport Concepts
Theme URI: https://elitetransportconcepts.com/
Author: Elite Transport Concepts LLC
Description: One-page luxury transportation website for Elite Transport Concepts LLC.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: elite-transport-concepts
*/
:root{--black:#050505;--panel:#101010;--gold:#d9b45c;--silver:#e8e8e8;--muted:#b8b8b8;--line:rgba(217,180,92,.35);--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--silver);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
img{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:9999;background:rgba(5,5,5,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.header-inner{max-width:var(--max);margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.brand img{width:112px;height:112px;flex:0 0 112px;object-fit:contain;border-radius:4px}
.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:1.15rem;letter-spacing:.13em;font-weight:bold}
.brand-sub{color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.nav a{text-decoration:none;color:#ddd;font-size:.9rem}
.nav a:hover,.text-link:hover{color:var(--gold)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#242018 0%,#0b0b0b 42%,#050505 76%);text-align:center;padding:86px 24px 78px;border-bottom:1px solid var(--line)}
.hero-inner{max-width:950px;margin:auto}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;font-weight:bold}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.02;letter-spacing:.045em;margin:18px 0 8px;color:#f2f2f2}
.hero h1 span{display:block;color:var(--gold);font-size:.55em;letter-spacing:.12em;margin-top:15px}
.hero p{max-width:720px;margin:24px auto;color:#d0d0d0;font-size:1.1rem}
.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-block;padding:13px 23px;border:1px solid var(--gold);border-radius:3px;text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;font-weight:bold;transition:.2s}
.button.primary{background:var(--gold);color:#080808}
.button:hover{transform:translateY(-1px);background:#f0d28a;color:#080808}
.button.secondary{color:var(--gold)}
.section{padding:72px 24px}
.section-inner{max-width:var(--max);margin:auto}
.section-heading{text-align:center;margin:0 auto 38px;max-width:760px}
.section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3rem);margin:7px 0;color:#f3f3f3}
.section-heading p{color:var(--muted);margin:0}
.gold-rule{width:76px;height:2px;background:var(--gold);margin:18px auto}
.services{background:#0b0b0b}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-card{padding:25px 21px;border:1px solid #29251b;background:linear-gradient(145deg,#141414,#090909);min-height:190px}
.service-icon{font-size:1.45rem;color:var(--gold)}
.service-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.2rem;margin:13px 0 8px}
.service-card p{font-size:.94rem;color:var(--muted);margin:0}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.about-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:10px 0 18px}
.about-copy p{color:var(--muted)}
.feature-panel{border:1px solid var(--line);padding:30px;background:linear-gradient(145deg,#171717,#090909)}
.feature-panel h3{margin-top:0;color:var(--gold);font-family:Georgia,'Times New Roman',serif;font-size:1.5rem}
.feature-list{padding:0;margin:0;list-style:none}
.feature-list li{padding:10px 0;border-bottom:1px solid #282828;color:#ddd}
.feature-list li:before{content:'✓';color:var(--gold);margin-right:12px}
.cta{background:linear-gradient(110deg,#18150f,#090909 65%);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3rem);margin:8px 0}
.cta p{color:var(--muted);max-width:700px;margin:0 auto 26px}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}
.contact-card{border:1px solid #302a1e;padding:22px 16px;background:#0b0b0b}
.contact-card .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);display:block;margin-bottom:8px}
.contact-card a,.contact-card span{overflow-wrap:anywhere;text-decoration:none}
.site-footer{padding:28px 24px;text-align:center;background:#030303;color:#999;font-size:.85rem}
.site-footer strong{color:#ddd}
.site-footer a{color:var(--gold);text-decoration:none}
.content-area{max-width:var(--max);margin:0 auto;padding:40px 24px}
@media(max-width:850px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}.header-inner{align-items:flex-start}.nav{gap:12px}}
@media(max-width:560px){.header-inner{flex-direction:column;align-items:center}.nav{justify-content:center}.brand{justify-content:center}.hero{padding:62px 18px}.section{padding:54px 18px}.service-grid,.contact-grid{grid-template-columns:1fr}.service-card{min-height:0}.brand-name{font-size:1rem;text-align:center}.brand-sub{text-align:center}}


/* Responsive refinements for phones and tablets */
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body { overflow-wrap: anywhere; }
.header-inner, .section-inner, .hero-inner { width: 100%; }
.brand { flex: 1 1 auto; min-width: 0; }
.brand-name { letter-spacing: .08em; }
.nav { min-width: 0; }
.contact-card a, .contact-card span, .brand-name { overflow-wrap: anywhere; }
@media (min-width: 561px) and (max-width: 900px) {
  .header-inner { padding: 14px 20px; gap: 14px; flex-wrap: wrap; }
  .brand img { width: 84px; height: 84px; flex: 0 0 84px; }
  .brand-name { font-size: .96rem; }
  .brand-sub { font-size: .64rem; letter-spacing: .12em; }
  .nav { width: 100%; justify-content: center; gap: 22px; padding-top: 10px; border-top: 1px solid #26221a; }
  .nav a { font-size: .88rem; }
  .hero { padding: 66px 22px 60px; }
  .section { padding: 58px 22px; }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-grid { grid-template-columns: 1fr; max-width: 620px; margin-left: auto; margin-right: auto; }
  .contact-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: center; gap: 10px; text-align: left; }
  .contact-card .label { margin: 0; }
}
@media (max-width: 560px) {
  .header-inner { padding: 16px 16px 18px; gap: 12px; }
  .brand { width: 100%; gap: 10px; justify-content: flex-start; }
  .brand img { width: 72px; height: 72px; flex: 0 0 72px; }
  .brand-name { font-size: .88rem; letter-spacing: .045em; line-height: 1.35; }
  .brand-sub { font-size: .59rem; letter-spacing: .08em; line-height: 1.35; }
  .nav { width: 100%; display: flex; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 1px solid #26221a; }
  .nav a { font-size: .82rem; padding: 5px 0; }
  .hero { padding: 48px 18px 46px; }
  .eyebrow { font-size: .68rem; letter-spacing: .16em; }
  .hero h1 { font-size: clamp(2.1rem, 10vw, 3.2rem); letter-spacing: .015em; }
  .hero h1 span { font-size: .56em; letter-spacing: .05em; line-height: 1.2; }
  .hero p { font-size: 1rem; }
  .actions { flex-direction: column; align-items: stretch; max-width: 340px; margin-left: auto; margin-right: auto; }
  .button { text-align: center; padding: 13px 15px; }
  .section { padding: 48px 17px; }
  .section-heading { margin-bottom: 28px; }
  .section-heading h2, .about-copy h2, .cta h2 { font-size: clamp(1.8rem, 8vw, 2.45rem); }
  .service-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .service-card { padding: 22px 19px; }
  .about-grid { gap: 26px; }
  .feature-panel { padding: 23px 19px; }
  .contact-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .contact-card { padding: 18px 15px; }
  .contact-card a { font-size: .95rem; }
  .site-footer { padding: 25px 18px; }
}


/* Footer regulatory notice */
.site-footer .service-notice { display: block; max-width: 900px; margin: 14px auto 0; color: #d5d5d5; font-size: 12px; line-height: 1.65; }
.site-footer .service-notice strong { color: #d9b66f; }

/* Keep in-page section headings visible below the sticky header. */
[id] { scroll-margin-top: 140px; }
@media (max-width: 560px) { .site-header { position: sticky; top: 0; } [id] { scroll-margin-top: 180px; } }