/* ============================================
   ARLO SPARK THEME - Advanced Heavy Vehicles
   ============================================ */

/* Colour 1 */
/* Main colour used for texts and headlines */
.arlo#arlo,
.arlo#arlo .arlo-color1,
.arlo#arlo .arlo-next-running,
.arlo#arlo .arlo-button:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-next-running>a:hover,
.arlo-widget-upcoming .arlo-cal-day,
.arlo#arlo .arlo-event-offers .replaced+.discount * { 
  color: #2f2f2f;
}
.arlo#arlo .arlo-background-color1,
.arlo#arlo .arlo-next-running a,
.arlo#arlo .arlo-button { 
  background-color: #2f2f2f;
}
.arlo#arlo .arlo-border-color1,
.arlo#arlo .arlo-button:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-next-running>a:hover { 
  border-color: #2f2f2f;
}

/* Colour 2 */
/* Secondary colour used for buttons, hovers - AHV Orange */
.arlo#arlo .arlo-color2,
.arlo#arlo .arlo-tooltip-button,
.arlo#arlo .arlo-suggest a,
.arlo#arlo .arlo-no-results a,
.arlo .dark-tooltip h6,
.arlo#arlo .arlo-event-offers .discount,
.arlo#arlo .arlo-event-offers .discount *,
.arlo#arlo .arlo-event-offers .replaced .amount,
.arlo#arlo a:hover,
.arlo#arlo .arlo-category-list li a:hover,
.arlo#arlo .arlo-event-registration>p>a,
.arlo#arlo .arlo-pagination .page-numbers:hover,
.arlo#arlo .arlo-pagination .page-numbers.next:hover,
.arlo#arlo .arlo-pagination .page-numbers.prev:hover,
.arlo#arlo .arlo-event-name a:hover,
.arlo#arlo .arlo-event-provider a:hover,
.arlo#arlo .arlo-event-location a:hover,
.arlo#arlo .arlo-list.catalogue .arlo-template-name a:hover,
.arlo#arlo ul.arlo-list.venues .arlo-venue-name a:hover,
.arlo#arlo .arlo-event-presenters a:hover,
.arlo#arlo ul.presenter-events>li a:hover,
.arlo#arlo .arlo-event-registration>a:hover,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list:hover,
.arlo#arlo .arlo-buttons .arlo-event-registration>a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration>a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-suggest-template-event-link a,
.arlo#arlo .arlo-suggest-templates a:hover,
.arlo#arlo ul.arlo-list.venues .arlo-venue-info-link a,
.arlo#arlo ul.arlo-list.presenters .arlo-presenter-info-link a,
.arlo#arlo ul.presenter-events>li a,
.arlo-categories-widget .arlo-category-list li a:hover,
.arlo-list.arlo-widget-upcoming a:hover { 
  color: #f05a28;
}
.arlo#arlo .arlo-background-color2,
.arlo#arlo .arlo-event-registration>a,
.arlo#arlo .arlo-filters .arlo-filters-buttons a,
.arlo#arlo .arlo-oa-registration>a,
.arlo#arlo .arlo-register,
.arlo#arlo .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-show-more-link { 
  background-color: #f05a28;
}
.arlo#arlo .arlo-border-color2,
.arlo#arlo .arlo-cal,
.arlo#arlo .arlo-search-field,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-list .arlo-group-divider,
.arlo#arlo .arlo-category-list li a:hover,
.arlo#arlo .arlo-event-registration>a:hover,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list:hover,
.arlo#arlo .arlo-buttons .arlo-event-registration>a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration>a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-register:hover,
.arlo-widget-upcoming>li:hover .arlo-cal.arlo-left { 
  border-color: #f05a28;
}

/* Colour 3 */
/* Light colour used for backgrounds */
.arlo#arlo .arlo-color3 { 
  color: #f5f5f5;
}
.arlo#arlo .arlo-background-color3,
.arlo#arlo select,
.arlo#arlo .arlo-category-list li a,
.arlo#arlo p.arlo-no-results,
.arlo#arlo .arlo-next-running span,
.arlo#arlo .arlo-pagination .page-numbers.current { 
  background-color: #f5f5f5;
}
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list,
.arlo#arlo .arlo-pagination .page-numbers { 
  border-color: #eee;
}

/* Colour 4 */
/* Highlight colour used for important information */
.arlo#arlo .arlo-color4,
.arlo#arlo .arlo-event-provider a,
.arlo#arlo .arlo-event-location a,
.arlo#arlo .arlo-event-presenters a,
.arlo#arlo .arlo-places-remaining,
.arlo#arlo .arlo-event-full,
.arlo#arlo .arlo-presenter-details a { 
  color: #f05a28;
}

/* Colour 5 */
/* Light colour used for general links */
.arlo#arlo .arlo-color5,
.arlo#arlo .arlo-presenter-content a,
.arlo#arlo .arlo-venue-content a,
.arlo#arlo .arlo-presenter-details a,
.arlo#arlo .arlo-venue-details a,
.arlo#arlo .arlo-content-field a { 
  color: #f05a28;
}

/* Colour 6 */
/* Contrast colour used for button texts with dark backgrounds */
.arlo#arlo .arlo-button,
.arlo#arlo .arlo-filters .arlo-filters-buttons a,
.arlo#arlo .arlo-buttons .arlo-event-registration>a,
.arlo#arlo .arlo-buttons .arlo-event-registration p,
.arlo#arlo .arlo-search-button,
.arlo#arlo .arlo-search-button:hover,
.arlo#arlo .arlo-next-running a,
.arlo#arlo .arlo-next-running span,
.arlo#arlo .arlo-event-registration>a,
.arlo#arlo .arlo-show-more-link,
.arlo#arlo .arlo-oa-registration>a { 
  color: white;
}

/* Colour 7 */
/* Light colour used for secondary texts */
.arlo#arlo ul.upcoming .arlo-event-provider,
.arlo#arlo ul.upcoming .arlo-event-time,
.arlo#arlo ul.upcoming .arlo-event-location,
.arlo#arlo ul.upcoming .arlo-event-presenters,
.arlo#arlo .arlo-next-running span,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list,
.arlo#arlo .arlo-list.catalogue .arlo-next-running p,
.arlo#arlo .arlo-list.catalogue .arlo-advertised-duration span,
.arlo#arlo .arlo-list.catalogue .arlo-offers span,
.arlo#arlo .arlo-reference-term,
.arlo-categories-widget .arlo-category-list li ul { 
  color: #666;
}

/* Transparent Background */
.arlo#arlo .arlo-search-field,
.arlo#arlo .arlo-list .arlo-group-divider,
.arlo#arlo .arlo-button:not(.arlo-search-button):hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-category-list li a:hover,
.arlo#arlo .arlo-next-running>a:hover,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-oa-registration>a:hover,
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list,
.arlo#arlo .arlo-event-registration>a:hover,
.arlo#arlo .arlo-suggest-templates a,
.arlo#arlo .arlo-buttons .arlo-event-registration>a:hover,
.arlo#arlo .arlo-filters .arlo-filters-buttons a:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover { 
  background-color: transparent;
}

/* ============================================
   CUSTOM ENHANCEMENTS - AHV Styling
   ============================================ */

/* --- Register/CTA Buttons - Pill Style --- */
.arlo#arlo .arlo-event-registration>a,
.arlo#arlo .arlo-register,
.arlo#arlo .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-oa-registration>a,
.arlo#arlo .arlo-show-more-link,
.arlo#arlo .arlo-search-button {
  border-radius: 9999px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  border: 2px solid #f05a28 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.arlo#arlo .arlo-event-registration>a:hover,
.arlo#arlo .arlo-register:hover,
.arlo#arlo .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-oa-registration>a:hover,
.arlo#arlo .arlo-show-more-link:hover {
  background-color: #f05a28 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(240, 90, 40, 0.25) !important;
}

/* --- Waiting List Button - Outline Style --- */
.arlo#arlo .arlo-event-registration>a.arlo-waiting-list {
  background-color: #fff !important;
  color: #f05a28 !important;
  border: 2px solid #f05a28 !important;
  border-radius: 9999px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
}

.arlo#arlo .arlo-event-registration>a.arlo-waiting-list:hover {
  background-color: rgba(240, 90, 40, 0.06) !important;
  color: #f05a28 !important;
}

/* --- Form Inputs --- */
.arlo#arlo input[type="text"],
.arlo#arlo input[type="email"],
.arlo#arlo input[type="tel"],
.arlo#arlo input[type="number"],
.arlo#arlo input[type="password"],
.arlo#arlo select,
.arlo#arlo textarea {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 1rem !important;
  color: #2f2f2f !important;
  background: #fff !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.arlo#arlo input:focus,
.arlo#arlo select:focus,
.arlo#arlo textarea:focus {
  outline: none !important;
  border-color: #f05a28 !important;
  box-shadow: 0 0 0 3px rgba(240, 90, 40, 0.15) !important;
}

/* --- Form Submit Buttons --- */
.arlo#arlo input[type="submit"],
.arlo#arlo button[type="submit"] {
  display: inline-block !important;
  padding: 14px 32px !important;
  border-radius: 9999px !important;
  border: 2px solid #f05a28 !important;
  background: #f05a28 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  transition: all 0.2s ease !important;
}

.arlo#arlo input[type="submit"]:hover,
.arlo#arlo button[type="submit"]:hover {
  opacity: 0.92 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(240, 90, 40, 0.25) !important;
}

/* --- Cards/Panels --- */
.arlo#arlo .arlo-event-details,
.arlo#arlo .panel,
.arlo#arlo .arlo-session-details {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 14px !important;
  padding: 20px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* --- Headings --- */
.arlo#arlo h1,
.arlo#arlo h2,
.arlo#arlo h3 {
  color: #f05a28 !important;
  font-weight: 700 !important;
}

.arlo#arlo h1 {
  font-size: 2.5rem !important;
}

.arlo#arlo h2 {
  font-size: 1.75rem !important;
}

/* --- Price Display --- */
.arlo#arlo .arlo-event-offers .amount,
.arlo#arlo .arlo-offers,
.arlo#arlo .arlo-price {
  color: #f05a28 !important;
  font-weight: 800 !important;
}

/* --- Event List Items --- */
.arlo#arlo .arlo-list li {
  border-bottom: 1px solid #eee !important;
  padding: 16px 0 !important;
}

/* --- Catalogue Cards --- */
.arlo#arlo .arlo-list.catalogue>li {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  transition: box-shadow 0.2s ease !important;
}

.arlo#arlo .arlo-list.catalogue>li:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* --- Pagination --- */
.arlo#arlo .arlo-pagination .page-numbers {
  border-radius: 8px !important;
  padding: 8px 14px !important;
  margin: 0 4px !important;
}

.arlo#arlo .arlo-pagination .page-numbers.current {
  background-color: #f05a28 !important;
  color: #fff !important;
  border-color: #f05a28 !important;
}

/* --- Search Field --- */
.arlo#arlo .arlo-search-field {
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #ddd !important;
  padding: 12px 16px !important;
}

.arlo#arlo .arlo-search-button {
  border-radius: 0 9999px 9999px 0 !important;
}

/* --- Filter Buttons --- */
.arlo#arlo .arlo-filters .arlo-filters-buttons a {
  border-radius: 9999px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
}

/* --- Labels --- */
.arlo#arlo label {
  color: #2f2f2f !important;
  font-weight: 600 !important;
}

/* --- Required Asterisk --- */
.arlo#arlo .required {
  color: #f05a28 !important;
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
  .arlo#arlo h1 {
    font-size: 1.75rem !important;
  }
  
  .arlo#arlo h2 {
    font-size: 1.35rem !important;
  }
  
  .arlo#arlo .arlo-event-registration>a,
  .arlo#arlo input[type="submit"],
  .arlo#arlo button[type="submit"] {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }
}