/* Standalone styles for the global NodeIT Elementor search widget. */
.octf-search { position: relative; display: inline-flex; }
.octf-search .toggle-search { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.octf-search .h-search-form-field { position: absolute; z-index: 10020; top: calc(100% + 12px); right: 0; width: min(340px, calc(100vw - 32px)); padding: 12px; border: 1px solid rgba(15, 23, 42, .14); border-radius: 8px; background: #ffffff; box-shadow: 0 16px 38px rgba(15, 23, 42, .18); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease; }
.octf-search .h-search-form-field.show { display: block !important; opacity: 1; pointer-events: auto; transform: translateY(0); }
.octf-search .h-search-form-inner form { display: flex; gap: 8px; margin: 0; }
.octf-search .h-search-form-inner .search-field { min-width: 0; flex: 1; height: 44px; padding: 0 12px; border: 1px solid #d7e1eb; border-radius: 5px; color: #14263a; }
.octf-search .h-search-form-inner .search-submit { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; border: 0; border-radius: 5px; background: #d94340; color: #ffffff; cursor: pointer; }
.octf-search .h-search-form-inner .search-submit:hover { background: #b93431; }
@media (max-width: 767px) { .octf-search .h-search-form-field { right: -8px; } }