/**
 * Webkul wk_search — birleşik arama çubuğu (misafir + üye, head’de yüklenir)
 * Journal getCss() / Bootstrap input-group ile çakışmayı önler.
 */

.wk-search-arabam.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
}

.wk-search-arabam.input-group .form-control {
    float: none !important;
}

.wk-search-arabam {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

.wk-search-arabam > .wk-header-search-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    min-height: 42px;
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.wk-search-arabam .wk-header-search-lead-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 6px 0 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 0;
    -ms-flex-item-align: center;
    align-self: center;
}

.wk-search-arabam .wk-header-search-lead-icon::before {
    content: "\f002";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 15px;
    color: #444;
    display: block;
}

.wk-search-arabam .wk-header-search-body > .form-control,
.wk-search-arabam input#wksearch.form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    width: auto !important;
    font-size: 15px;
    line-height: 1.35;
    color: #333;
    border: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 9px 8px !important;
    border-radius: 0 !important;
    height: auto !important;
}

.wk-search-arabam input#wksearch.form-control.input-lg {
    font-size: 15px;
    padding: 9px 8px !important;
    border-radius: 0 !important;
    line-height: 1.35 !important;
}

.wk-search-arabam input#wksearch.form-control::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.wk-search-arabam input#wksearch.form-control::-moz-placeholder {
    color: #666;
    opacity: 1;
    font-size: 15px;
    font-weight: 600;
}

.wk-search-arabam input#wksearch.form-control:-ms-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.wk-search-arabam input#wksearch.form-control::placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.wk-search-arabam .input-group-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto !important;
    vertical-align: stretch;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.wk-search-arabam .input-group-btn .btn.wk-search-submit-btn {
    margin: 0;
    border-radius: 0 !important;
}

.wk-search-arabam .input-group-btn:last-child > .btn,
.wk-search-arabam .wk-search-submit-btn.btn-lg {
    border-radius: 0 !important;
}

.wk-search-arabam #searchid,
.wk-search-arabam .wk-search-submit-btn {
    min-width: 48px !important;
    min-height: 42px !important;
    background: #099fb8 !important;
    border: none !important;
    border-left: 1px solid #07859b !important;
    color: #fff !important;
    padding: 0 12px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto !important;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.wk-search-arabam #searchid .fa,
.wk-search-arabam .wk-search-submit-btn .fa {
    color: #fff;
}

.wk-search-arabam .wksearch-btns {
    position: static !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto !important;
    min-height: 42px !important;
    z-index: 1;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.wk-search-arabam #search-clear {
    border: none !important;
    background: transparent !important;
    color: #666 !important;
    min-width: 36px !important;
    padding: 0 8px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}

html.wksearch-on-focus .wk-search-arabam > .wk-header-search-body {
    border-color: var(--primary-color, #0066cc);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.full-search .desktop-search-wrapper .wk-search-arabam > .wk-header-search-body {
    min-height: 40px;
}

html[dir="rtl"] .wk-search-arabam .wk-header-search-lead-icon {
    padding: 0 12px 0 8px;
}

html[dir="rtl"] .wk-search-arabam #searchid,
html[dir="rtl"] .wk-search-arabam .wk-search-submit-btn {
    border-left: none !important;
    border-right: 1px solid #07859b !important;
}

.mobile .wk-search-arabam input#wksearch.form-control {
    padding: 8px 6px !important;
}

.wk-search-arabam input#wksearch.form-control.loadinggif {
    padding-right: 30px !important;
    background-position: right 8px center !important;
}

/* Misafir (html.is-guest): Journal ek stillerini aşmak için ek özgüllük */
html.is-guest .wk-search-arabam.input-group .form-control,
html.is-guest .wk-search-arabam.input-group input#wksearch {
    float: none !important;
}