/**
 * Tourseta Style Fixes
 *
 * This file contains CSS overrides and fixes for the Tourseta theme and core plugin.
 * Add your custom CSS fixes below.
 */

/* ==========================================================================
   Category Tabs Fixes
   ========================================================================== */

.wp-block-tourseta-all-posts .category-tab.active {
   background: var(--wp--preset--color--tour-primary-lightest,#FFE6D6);
   border-color: var(--wp--preset--color--tour-primary-light,#FFAC7B);
   font-weight: 600;
   color: var(--wp--preset--color--tour-neutral-darkest,#080808);
}

.interactive-tour-listings .night-chip.active {
   background: var(--wp--preset--color--tour-primary-lightest,#FFE6D6);
   border: 1px solid var(--wp--preset--color--tour-primary-light,#FFAC7B);
}

/* ==========================================================================
   General Fixes
   ========================================================================== */

body .search-where-group:focus-within,
body .search-when-group:focus-within {
   outline: 1px solid var(--wp--preset--color--primary,#ff5f00) !important;
   outline-offset: -1px !important;
}



/* Icon hover effects */
body .search-icon svg:hover path,
body .calendar-icon svg:hover path {
   stroke: var(--wp--preset--color--primary,#ff5f00);
   transition: stroke 0.2s ease;
}

.apply-selection{
   background-color: var(--wp--preset--color--primary,#ff5f00);
   color: var(--wp--preset--color--tour-neutral-white,#FFFFFF);
}
.apply-selection:hover {
   background-color: var(--wp--preset--color--button-bg-hover, #ff792a);
   color: var(--wp--preset--color--tour-neutral-white, #FFFFFF);
}

.month-item.selected{
   background-color: var(--wp--preset--color--primary,#ff5f00) !important;
   color: var(--wp--preset--color--tour-neutral-white,#FFFFFF) !important;
}


.interactive-tour-listings .destination-checkbox {
   accent-color: var(--wp--preset--color--primary,#ff5f00);
}

body .destination-checkbox:checked  {
   background-color: var(--wp--preset--color--primary,#ff5f00);
   border-color: var(--wp--preset--color--primary,#ff5f00);
}
body .destination-checkbox:focus {
   outline: none;
   border-color: var(--wp--preset--color--primary,#ff5f00);
}

.sort-by-dropdown .sort-dropdown-menu .sort-dropdown-item>div:last-child svg {

   color: var(--wp--preset--color--primary,#ff5f00);
}

body .sort-by-dropdown [data-sort-toggle]:hover {
 
   border: 1px solid var(--wp--preset--color--primary, #ff5f00);

}

body #departure-month-calendar-modal-container.dropdown-open .calendar-input-inner {
   border-color: var(--wp--preset--color--primary, #ff5f00);
   box-shadow: 0 0 0 1px var(--wp--preset--color--primary, #ff5f00);
}