/*
Theme Name: Gulf King Autos
Theme URI: https://gulfkingautos.ae
Author: Gulf King Autos
Author URI: https://gulfkingautos.ae
Description: Premium luxury auto garage WordPress theme for Gulf King Autos — Musaffah M8, Abu Dhabi.
Version: 1.0.0
Requires at least: 5.9
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: gulf-king-autos
Tags: dark, one-column, custom-menu, featured-images, translation-ready
*/

:root { --gold: #f59e0b; }
body { background-color: #020617; color: #e2e8f0; font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: rgba(245, 158, 11, .3); color: #fff; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; left: -9999px; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 9999px; border: 2px solid #020617; }
::-webkit-scrollbar-thumb:hover { background: #334155; }
.thin-scroll::-webkit-scrollbar { width: 6px; }
.thin-scroll::-webkit-scrollbar-thumb { background: #1e293b; border: none; }

.nav-link { position: relative; display: inline-block; padding: .55rem .9rem; border-radius: .6rem; font-size: .875rem; font-weight: 500; color: #94a3b8; transition: color .25s ease, background-color .25s ease; }
.nav-link:hover { color: #ffffff; background: rgba(255,255,255,.05); }
.nav-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.nav-link.is-active { color: var(--gold); }
.nav-link.is-active::after { content: ''; position: absolute; left: .9rem; right: .9rem; bottom: .28rem; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #f59e0b, #fbbf24); }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }
.reveal.is-visible { opacity: 1; transform: none; }

.field { width: 100%; border-radius: .65rem; border: 1px solid rgba(255,255,255,.1); background: #020617; padding: .72rem .9rem; font-size: .875rem; color: #e2e8f0; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.field::placeholder { color: #475569; }
.field:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(245,158,11,.16); background: #030b1c; }
.field.field-error { border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,.16) !important; }
select.field { appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .8rem center; background-size: 1rem; padding-right: 2.4rem; }
select.field option { background: #0b1220; color: #e2e8f0; }
input[type="date"].field::-webkit-calendar-picker-indicator { filter: invert(.6) sepia(1) saturate(3) hue-rotate(2deg); cursor: pointer; }

.captcha-canvas { display: block; width: 100%; height: auto; border-radius: .6rem; border: 1px solid rgba(245,158,11,.25); background: #0b1220; }

.step-dot { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,.12); background: #020617; font-size: .8rem; font-weight: 700; color: #64748b; transition: all .3s ease; }
.step-label { font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748b; transition: color .3s ease; }
[data-ind].is-current .step-dot { background: var(--gold); border-color: var(--gold); color: #020617; box-shadow: 0 0 0 4px rgba(245,158,11,.15); }
[data-ind].is-current .step-label { color: #fbbf24; }
[data-ind].is-done .step-dot { background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.5); color: var(--gold); }
[data-ind].is-done .step-label { color: #94a3b8; }
@media (max-width: 640px) { .step-label { display: none; } }

@keyframes waIn { from { opacity: 0; transform: scale(.92) translateY(12px); } to { opacity: 1; transform: none; } }
.wa-panel { animation: waIn .28s cubic-bezier(.22,1,.36,1) both; transform-origin: bottom right; }
@keyframes waPulse { 0% { transform: scale(1); opacity: .55; } 70% { transform: scale(1.9); opacity: 0; } 100% { transform: scale(1.9); opacity: 0; } }
.wa-pulse { animation: waPulse 2.4s cubic-bezier(0,0,.2,1) infinite; }

@keyframes toastIn { from { opacity: 0; transform: translateX(28px) scale(.96); } to { opacity: 1; transform: none; } }
.toast-item { animation: toastIn .35s cubic-bezier(.22,1,.36,1) both; }

.gold-underline { background-image: linear-gradient(90deg, #f59e0b, #fbbf24); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.grid-pattern { background-image: linear-gradient(rgba(245,158,11,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(245,158,11,.35) 1px, transparent 1px); background-size: 34px 34px; }