/*
Theme Name: Oil Pro
Theme URI: https://oilpro.co.nz
Author: Oil Pro
Author URI: https://oilpro.co.nz
Description: Professional WordPress theme for Oil Pro. Fleet-focused mobile oil change servicing in Auckland. Vehicle lookup, lead capture, and regional booking flow.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oil-pro
Tags: custom-background, custom-logo, custom-menu, featured-images, full-site-editing, block-styles, responsive-design
*/

/* Tailwind loaded via CDN in header. Add custom overrides below. */
body { font-feature-settings: normal; }

/* Booking section: force dark theme (fixes light grey on white) */
#booking-section { background-color: #18181b !important; }
#booking-section p,
#booking-section span,
#booking-section h2,
#booking-section h3,
#booking-section .text-zinc-400,
#booking-section .text-zinc-500 { color: #e4e4e7 !important; }
#booking-section button { color: #e4e4e7 !important; }

/* Booking form: dark background + readable text */
#booking-section .moc-select,
#booking-section input,
#booking-section textarea,
#booking-section select { background: #27272a !important; color: #e4e4e7 !important; border-color: #52525b !important; }
#booking-section .moc-select option { background: #27272a; color: #e4e4e7; }
#booking-section label { color: #e4e4e7 !important; }
#booking-section .choices__inner { background: #27272a !important; color: #e4e4e7 !important; border-color: #52525b !important; }
#booking-section .choices__list--dropdown,
#booking-section .choices__list[aria-expanded] { background: #27272a !important; color: #e4e4e7 !important; border-color: #52525b !important; }
#booking-section .choices__item--selectable { color: #e4e4e7 !important; }
#booking-section .choices__input { background: #27272a !important; color: #e4e4e7 !important; }

/* Booking section - ensure readable text on dark background */
#booking-section label,
#booking-section .text-zinc-300,
#booking-section .text-zinc-400 { color: #e4e4e7 !important; }
#booking-section .text-zinc-500 { color: #a1a1aa !important; }
#booking-section input,
#booking-section select,
#booking-section .choices__inner { background: #27272a !important; color: #fafafa !important; border-color: #52525b !important; }
#booking-section .choices__input { background: transparent !important; color: #fafafa !important; }
#booking-section .choices__list--dropdown { background: #27272a !important; border-color: #52525b !important; }
#booking-section .choices__list--dropdown .choices__item { color: #fafafa !important; }
#booking-section .choices__item--selectable { color: #e4e4e7 !important; }
#booking-section .choices__list--single .choices__item { color: #fafafa !important; }

/* Booking form: ensure dark theme – Choices.js & selects readable on dark bg */
#booking-section .choices__inner { background: #27272a !important; border-color: #52525b !important; color: #e4e4e7 !important; }
#booking-section .choices__list--dropdown,
#booking-section .choices__list[aria-expanded] { background: #27272a !important; border-color: #52525b !important; }
#booking-section .choices__item--selectable { color: #e4e4e7 !important; }
#booking-section .choices__input { background: #27272a !important; color: #e4e4e7 !important; }
#booking-section .choices__placeholder { color: #a1a1aa !important; opacity: 1; }
#booking-section select.moc-select,
#booking-section input[type="text"],
#booking-section input[type="email"],
#booking-section input[type="tel"] { color: #e4e4e7 !important; }

/* Choices.js: orange border/glow when open/focused */
#booking-section .choices.is-open .choices__inner,
#booking-section .choices.is-open.is-focused .choices__inner {
	border-color: rgb(249 115 22) !important;
	box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.3) !important;
}

/* Choices.js: orange background on hover for dropdown items (fixes white bg / invisible text) */
#booking-section .choices__item--selectable.is-highlighted,
#booking-section .choices__list--dropdown .choices__item--selectable:hover {
	background-color: rgb(249 115 22) !important;
	color: #18181b !important;
}

/* Single post: table styles – visible borders, brand orange header */
.entry-content table,
.entry-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	border: 1px solid #52525b;
}
.entry-content th,
.entry-content td {
	border: 1px solid #52525b;
	padding: 0.75rem 1rem;
	text-align: left;
}
.entry-content th {
	background-color: rgb(249 115 22);
	color: #18181b;
	font-weight: 600;
}
.entry-content tr:nth-child(even) td {
	background-color: rgba(39, 39, 42, 0.5);
}

/* Single post: tags – brand orange pills */
.post-tags a {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	background: rgb(39 39 42);
	border: 1px solid rgb(82 82 91);
	border-radius: 0.5rem;
	color: rgb(249 115 22);
	font-size: 0.875rem;
	text-decoration: none;
	transition: all 0.2s;
}
.post-tags a:hover {
	background: rgb(249 115 22);
	color: rgb(24 24 27);
	border-color: rgb(249 115 22);
}

/* Comments section – dark theme */
.comments-area .comment-list .comment,
.comments-area .comment-list .comment-body {
	padding: 1rem;
	background: rgb(39 39 42);
	border: 1px solid rgb(82 82 91);
	border-radius: 0.5rem;
	margin-bottom: 1rem;
}
.comments-area .comment-author { color: #fff; font-weight: 600; }
.comments-area .comment-metadata { color: rgb(161 161 170); font-size: 0.875rem; margin-top: 0.25rem; }
.comments-area .comment-metadata a { color: rgb(249 115 22); }
.comments-area .comment-content { color: rgb(228 228 231); margin-top: 0.5rem; line-height: 1.6; }
.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"],
.comments-area .comment-form textarea {
	width: 100%;
	background: rgb(39 39 42);
	border: 1px solid rgb(82 82 91);
	color: #fafafa;
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
}
.comments-area .comment-form label { color: #e4e4e7; }
.comments-area .comment-form input:focus,
.comments-area .comment-form textarea:focus {
	outline: none;
	border-color: rgb(249 115 22);
	box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.3);
}

/* Google Places Autocomplete — match booking form (dark zinc + orange) */
.pac-container {
	z-index: 99999 !important;
	font-family: inherit !important;
	background: #27272a !important;
	border: 1px solid #52525b !important;
	border-radius: 0.5rem !important;
	margin-top: 4px !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45) !important;
	overflow: hidden;
}
.pac-item {
	border-top: 1px solid #3f3f46 !important;
	padding: 0.65rem 0.85rem !important;
	color: #e4e4e7 !important;
	font-size: 0.875rem !important;
	line-height: 1.35 !important;
	cursor: pointer;
}
.pac-item:first-child {
	border-top: none !important;
}
.pac-item:hover,
.pac-item-selected {
	background: #3f3f46 !important;
	color: #fafafa !important;
}
.pac-item-query {
	color: #fafafa !important;
	font-size: 0.875rem !important;
}
.pac-matched {
	font-weight: 600 !important;
	color: rgb(251 146 60) !important;
}
.pac-icon {
	filter: brightness(1.2);
}
.hdpi.pac-logo:after {
	filter: invert(0.85);
}