/* =====================================================================
   Sena Auto Lanka — brand styles (Hello Elementor child)
   Palette: Yellow #F4BD21 · Near-black #0B0B0B · Grey #666
   Font: Manrope
   ===================================================================== */

:root {
	--sena-yellow: #F4BD21;
	--sena-black:  #0B0B0B;
	--sena-grey:   #666666;
	--sena-lgrey:  #F7F7F7;
	--sena-border: #E5E5E5;
	--sena-white:  #FFFFFF;
}

/* ---- Base typography ------------------------------------------------ */
body,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
button, input, select, textarea {
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
	color: var(--sena-black);
	-webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--sena-yellow); }

/* ---- Global button restyle (Elementor default buttons) -------------- */
.elementor-button {
	font-weight: 800;
	letter-spacing: 0.06em;
	border-radius: 0;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.elementor-button:hover { color: var(--sena-black); }

/* Yellow primary */
.sena-btn-primary .elementor-button,
.elementor-button.sena-primary {
	background: var(--sena-yellow);
	color: var(--sena-black);
}
.sena-btn-primary .elementor-button:hover { background: var(--sena-white); }

/* Black secondary */
.sena-btn-dark .elementor-button {
	background: var(--sena-black);
	color: var(--sena-white);
}
.sena-btn-dark .elementor-button:hover {
	background: var(--sena-yellow);
	color: var(--sena-black);
}

/* ---- Shortcode buttons ([sena_whatsapp] / [sena_call]) -------------- */
.sena-wa-btn,
.sena-call-btn {
	display: inline-block;
	font-weight: 800;
	letter-spacing: 0.06em;
	font-size: 13px;
	padding: 14px 24px;
	transition: background-color .25s ease, color .25s ease;
}
.sena-wa-btn   { background: var(--sena-yellow); color: var(--sena-black); }
.sena-wa-btn:hover { background: var(--sena-black); color: var(--sena-yellow); }
.sena-call-btn { background: var(--sena-black); color: var(--sena-white); }
.sena-call-btn:hover { background: var(--sena-yellow); color: var(--sena-black); }

/* ---- Vehicle cards (used by templates + future loop grid) ----------- */
.sena-vehicle-card {
	background: var(--sena-white);
	border: 1px solid var(--sena-border);
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.sena-vehicle-card:hover {
	border-color: var(--sena-yellow);
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(11,11,11,0.08);
}
.sena-vehicle-card img { display: block; width: 100%; height: auto; }

.sena-status {
	color: var(--sena-yellow);
	font-size: 11px; font-weight: 800; letter-spacing: 0.16em;
}
.sena-price { font-size: 19px; font-weight: 800; color: var(--sena-black); }

/* Eyebrow label used across the site */
.sena-eyebrow {
	color: var(--sena-yellow);
	font-size: 12px; font-weight: 800; letter-spacing: 0.22em;
}

/* ---- Section helpers ------------------------------------------------ */
.sena-dark  { background: var(--sena-black); color: var(--sena-white); }
.sena-dark .elementor-heading-title { color: var(--sena-white); }
.sena-light { background: var(--sena-lgrey); }

/* Yellow top-border accent card (finance / sourcing blocks) */
.sena-accent-top { border-top: 3px solid var(--sena-yellow); }

/* ---- Fixed mobile action bar (Call / WhatsApp / Inquiry) ------------ */
.sena-mobile-bar {
	display: none;
	position: fixed;
	bottom: 0; left: 0; right: 0;
	z-index: 999;
	height: 54px;
	background: var(--sena-black);
	border-top: 1px solid #222;
}
.sena-mobile-bar a {
	flex: 1;
	display: flex; align-items: center; justify-content: center;
	color: var(--sena-white);
	font-size: 12px; font-weight: 800; letter-spacing: 0.1em;
}
.sena-mobile-bar a.wa { background: var(--sena-yellow); color: var(--sena-black); }

@media (max-width: 767px) {
	.sena-mobile-bar { display: flex; }
	body { padding-bottom: 54px; }
}

/* ---- Form controls (dark inputs, matches sourcing card) ------------- */
.sena-dark input,
.sena-dark select,
.sena-dark textarea {
	background: var(--sena-black);
	border: 1px solid #2a2a2a;
	color: var(--sena-white);
	padding: 13px 14px;
	font-size: 14px;
}
.sena-dark ::placeholder { color: #888; }

/* ---- Hello Elementor cleanup --------------------------------------- */
/* Remove default page title on Elementor-built pages if it slips through */
.page .entry-title { }  /* leave for theme settings; kept as a hook */