/* THEME VARIABLES */
:root {
	--color-bg: #fff;
	--color-text: #212529;
	--color-muted: #6c757d;
	--color-card: #f8f9fa;
	--color-card-shadow: rgba(0,0,0,.12);
	--color-card-shadow-hover: rgba(0,0,0,.18);
	--color-tab-active: #2f6fed;
	--color-badge: #dff3e7;
	--color-badge-neutral: #e9ecef;
	--color-price: #2fb365;
}

body[data-bs-theme="dark"] {
	--color-bg: #181a1b;
	--color-text: #e2e8f0;
	--color-muted: #a0aec0;
	--color-card: #23272b;
	--color-card-shadow: rgba(0,0,0,.32);
	--color-card-shadow-hover: rgba(0,0,0,.38);
	--color-tab-active: #2f6fed;
	--color-badge: #1e3a2f;
	--color-badge-neutral: #23272b;
	--color-price: #4ade80;
}

body {
	background: var(--color-bg);
	color: var(--color-text);
}

/* HEADER */
.gas-title{
	font-size:1.9rem;
	font-weight:700;
}

.gas-subtitle{
	color:var(--color-muted);
	font-size:.95rem;
}

.gas-stats{
	display:flex;
	gap:10px;
}

.gas-stat{
	background:var(--color-card);
	padding:6px 12px;
	border-radius:20px;
	font-size:.85rem;
}

/* TABS */
.gas-tabs .nav-link{
	border-radius:30px;
	padding:8px 16px;
	font-weight:500;
	display:flex;
	gap:6px;
	align-items:center;
}
.gas-tabs .nav-link.active{
	background:var(--color-tab-active);
}

/* CARD */
.gas-card-compact{
	border:none;
	border-radius:16px;
	box-shadow:0 5px 18px var(--color-card-shadow);
	background: var(--color-card);
	transition:.15s ease;
}
.gas-card-compact:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 24px var(--color-card-shadow-hover);
}
.gas-card-compact .card-body{
	padding:18px;
}

/* TOP ROW */
.gas-row-top{
	display:flex;
	gap:14px;
	align-items:flex-start;
}

/* LOGO */
.gas-logo{
	width:40px;
	height:40px;
	object-fit:contain;
}

/* STATION */
.gas-station{
	flex:1;
}
.gas-station-name{
	font-weight:600;
	font-size:1.05rem;
}
.gas-address{
	font-size:.85rem;
	color:var(--color-muted);
	margin-top:2px;
	display:flex;
	gap:4px;
	align-items:center;
}

/* PRICE */
.gas-price-block{
	text-align:right;
}
.gas-fuel-label{
	font-size:.7rem;
	letter-spacing:.08em;
	color:var(--color-muted);
}
.gas-price{
	font-size:1.55rem;
	font-weight:700;
	color:var(--color-price);
}

/* FOOTER */
.gas-row-bottom{
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.gas-badge{
	background:var(--color-badge);
	color:var(--color-price);
	padding:4px 10px;
	border-radius:20px;
	font-size:.75rem;
}
.gas-badge-neutral{
	background:var(--color-badge-neutral);
	padding:4px 10px;
	border-radius:20px;
	font-size:.75rem;
}
.gas-time{
	font-size:.8rem;
	color:var(--color-muted);
	display:flex;
	gap:4px;
	align-items:center;
}