/* Linked to GK Tokens — Do not hardcode color/size/shadow/radius. */

/*
 * Search Panel Container
 */
#gk-search-panel {
    position: absolute;
    z-index: var(--gk-z-toast);
    display: none;
    background: var(--gk-color-surface);
    border: var(--gk-border-width) solid var(--gk-border-color);
    border-radius: var(--gk-radius-lg);
    box-shadow: var(--gk-shadow-lg);
    padding: 10px;
    max-height: 70vh;
    overflow: auto;
    direction: rtl;
}

#gk-search-panel.open {
    display: block;
}

/*
 * Result Groups & Items
 */
.gk-sr-group {
    margin-bottom: 10px;
}

.gk-sr-title {
    font-size: 12px;
    font-weight: 700;
    color: var(--gk-color-500);
    padding: 2px 6px 6px;
}

.gk-sr-products {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gk-sr-products .gk-sr-item a {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border-radius: var(--gk-radius-md);
}

.gk-sr-products .gk-sr-item a:hover {
    background: var(--gk-color-50);
}

.gk-sr-thumb {
    width: 44px;
    height: 44px;
    border-radius: var(--gk-radius-md);
    object-fit: cover;
    flex: 0 0 auto;
}

.gk-sr-meta {
    display: grid;
    gap: 4px;
}

.gk-sr-titleline {
    font-size: 13px;
    color: var(--gk-color-900);
    line-height: 1.4;
}

.gk-sr-price {
    font-size: 12px;
    color: var(--gk-color-success);
}

/*
 * Taxonomy & Keyword Links
 */
.gk-sr-tax {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
}

.gk-sr-tax .gk-sr-item a {
    display: inline-block;
    padding: 6px 10px;
    background: var(--gk-color-100);
    color: var(--gk-color-700);
    border-radius: var(--gk-radius-round);
    font-size: 12px;
}

.gk-sr-tax .gk-sr-item a:hover {
    background: var(--gk-color-200);
}

/*
 * "See All" Action
 */
.gk-sr-all {
    margin-top: 8px;
    padding-top: 8px;
    border-top: var(--gk-border-width) dashed var(--gk-border-color);
}

.gk-sr-all-link {
    display: block;
    padding: 8px 10px;
    border-radius: var(--gk-radius-md);
    font-size: 13px;
    color: var(--gk-color-primary-600);
}

.gk-sr-all-link:hover {
    background: var(--gk-color-100);
}

/*
 * States (Empty, Active, Loading)
 */
.gk-sr-empty {
    padding: 16px;
    text-align: center;
    color: var(--gk-color-500);
    font-size: 13px;
}

.gk-sr-item.active a,
.gk-sr-item.active {
    background: var(--gk-color-primary-50) !important;
}

.gk-sr-loading {
    width: 100%;
    height: 80px;
    background: linear-gradient(90deg, var(--gk-color-100) 25%, var(--gk-color-200) 37%, var(--gk-color-100) 63%);
    background-size: 400% 100%;
    animation: gkShimmer 1.2s infinite;
    border-radius: var(--gk-radius-lg);
}

@keyframes gkShimmer {
    0% {
        background-position: 100% 0
    }
    100% {
        background-position: 0 0
    }
}
/* === Bridge for current JS markup (.gk-search-panel, .gk-sec, .gk-item, ...) === */
.gk-search-panel{
    position:absolute; z-index:var(--gk-z-toast,9999); display:none;
    background:var(--gk-color-surface,#fff); border:1px solid var(--gk-border-color,#e5e7eb);
    border-radius:var(--gk-radius-lg,12px); box-shadow:var(--gk-shadow-lg,0 10px 30px rgba(0,0,0,.08));
    padding:10px; max-height:70vh; overflow:auto; inset-block-start:100%; inset-inline-start:0; min-width:320px;
}
.gk-sec{ margin:8px 0; }
.gk-sec-title{ font-weight:600; font-size:.9rem; margin:8px 8px 6px; opacity:.85; }
.gk-list{ list-style:none; margin:0; padding:0; }
.gk-item a{
    display:flex; align-items:center; gap:10px; padding:8px; border-radius:var(--gk-radius-md,8px);
    text-decoration:none; color:inherit;
}
.gk-item a:hover{ background:var(--gk-color-50,#f5f7fb); }
.gk-item img{ width:44px; height:44px; object-fit:cover; border-radius:var(--gk-radius-md,8px); flex:0 0 auto; }
.gk-t{ flex:1; font-size:.875rem; line-height:1.4; }
.gk-p{ font-size:.8rem; opacity:.8; }
.gk-empty{ padding:8px 10px; opacity:.7; }
.gk-more a{ display:block; text-align:center; padding:8px; margin-top:6px; border-top:1px solid var(--gk-border-color,#e5e7eb); }

/*
 * Accessibility
 */
:focus-visible {
    outline-color: var(--gk-focus-color);
    outline-width: var(--gk-focus-width);
    outline-offset: var(--gk-focus-offset);
    outline-style: var(--gk-focus-style);
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0ms !important;
        animation-duration: 0ms !important;
    }
}