/* Estilos para el buscador en la topline del header */

/* Contenedor del buscador en la topline */
.header-topline .search-wrapper,
.header-right .search-wrapper,
.header-right #_desktop_search,
.header-right .search-block {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    position: relative;
}

/* Ajustar el contenedor principal del buscador */
.header-topline .cotps-search-page.cotps-embedded-header,
.header-right .cotps-search-page.cotps-embedded-header {
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    max-width: 100%;
    position: relative;
}

/* Ajustar el input de búsqueda para la topline */
.header-topline .cotps-search-page.cotps-embedded-header .ps-input,
.header-right .cotps-search-page.cotps-embedded-header .ps-input,
.header-topline-wrapper .cotps-search-page.cotps-embedded-header .ps-input {
    height: 32px !important;
    padding: 4px 10px 4px 32px !important;
    font-size: 13px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    border-radius: 4px;
    box-shadow: none !important;
}

/* Placeholder con color claro */
.header-topline .cotps-search-page.cotps-embedded-header .ps-input::placeholder,
.header-right .cotps-search-page.cotps-embedded-header .ps-input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Focus del input */
.header-topline .cotps-search-page.cotps-embedded-header .ps-input:focus,
.header-right .cotps-search-page.cotps-embedded-header .ps-input:focus {
    background: rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
    outline: none;
}

/* Icono de búsqueda */
.header-topline .cotps-search-page.cotps-embedded-header .cotps-search-icon,
.header-right .cotps-search-page.cotps-embedded-header .cotps-search-icon {
    color: rgba(255, 255, 255, 0.8);
    left: 8px;
}

/* Spinner de carga */
.header-topline .cotps-search-page.cotps-embedded-header .ps-spinner,
.header-right .cotps-search-page.cotps-embedded-header .ps-spinner {
    left: 8px !important;
    width: 16px !important;
    height: 16px !important;
}

/* Ajustar overlay de resultados */
.header-topline .cotps-header-overlay,
.header-right .cotps-header-overlay {
    top: 50px;
}

/* Layout de la topline completa */
.header-topline {
    width: 100%;
}

.header-topline .row {
    width: 100%;
}

.header-topline .header-left {
    display: inline-block;
    vertical-align: middle;
}

.header-topline .header-right {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

/* Los elementos dentro de header-right */
.header-right > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

/* Responsive - Ocultar en móviles */
@media (max-width: 991px) {
    .header-topline .search-wrapper,
    .header-right .search-wrapper {
        display: none;
    }
}

/* Para tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .header-topline .cotps-search-page.cotps-embedded-header,
    .header-right .cotps-search-page.cotps-embedded-header {
        width: 250px;
    }
}

/* Espaciado entre elementos en header-right */
.header-right #_desktop_search,
.header-right .search-wrapper,
.header-right .search-block {
    margin: 0 8px;
}