/**
 * Controller Modz — Search & Catalog Font/Style Overrides
 * Location: app/design/frontend/AQELTECH/controllermodz/web/css/cm-search.css
 *
 * RULES:
 * 1. Every Teko/Abel selector copied 1:1 from catalog.css / styles-m.css
 * 2. DO NOT touch Amasty custom select components (.amtheme-placeholder)
 * 3. DO NOT touch search bar borders/positioning (JS overlay controls this)
 */

/* =====================================================
   GLOBAL: Replace Abel body font with Inter
   This fixes all inherited text (toolbar, labels, etc.)
   ===================================================== */

body {
    font-family: 'Inter', -apple-system, sans-serif !important;
}

/* =====================================================
   CATALOG.CSS 1:1 OVERRIDES — PAGE TITLE
   Original: font-family: "Teko", sans-serif
   ===================================================== */

.page-main > .columns .main .page-title-wrapper .page-title {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    letter-spacing: 0.02em !important;
}

/* =====================================================
   CATALOG.CSS 1:1 OVERRIDES — TOOLBAR
   ===================================================== */

/* "14 ITEMS" */
.page-main > .columns .main .top-toolbar .toolbar .toolbar-amount {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    color: #888 !important;
}

/* "SORT BY" label */
.page-main > .columns .main .top-toolbar .toolbar .toolbar-sorter .sorter-label {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    color: #888 !important;
}

/* Sort dropdown TEXT only (not the container/background) */
.page-main > .columns .main .top-toolbar .toolbar .toolbar-sorter .amtheme-select-block .amtheme-placeholder .amtheme-content {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
}

/* =====================================================
   CATALOG.CSS 1:1 OVERRIDES — PRODUCT GRID
   ===================================================== */

/* Product NAME */
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .product-item-name {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
}

/* Product NAME link */
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .product-item-name a {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    text-decoration: none !important;
}
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .product-item-name a:hover {
    color: #00ff66 !important;
}

/* Product PRICE */
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .price-box .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
    letter-spacing: 0 !important;
}

/* "FROM" price label — actual element is .product-price-from > span */
/* Computed: font-family: "Teko", font-size: 1.75em, color: #03cf62 */
/* On category pages the style comes from inline <style> in CMS templates */
.product-price-from > span,
.product-item .product-price-from > span,
.product-item-info .product-price-from > span,
.product-item-details .product-price-from > span,
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .product-price-from > span,
body.catalog-category-view .product-price-from > span,
body.catalog-category-view .product-item .product-item-info .product-item-details .product-price-from > span,
body.catalog-category-view .product-price-from span,
body.catalogsearch-result-index .product-price-from > span,
body.catalogsearch-result-index .product-price-from span {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #aaa !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* "FROM" price label — original .price-label selector as fallback */
.page-main > .columns .main .products-grid > .product-items .product-item .product-item-info .product-item-details .price-box .price-label {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #aaa !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Fallback for .price-label in other contexts */
.price-box .price-label {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #aaa !important;
}

/* Pagination */
.page-main > .columns .main .products-grid ~ .toolbar .pages .pages-items .item .page {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-weight: 600 !important;
}

/* =====================================================
   INSTANT SEARCH DROPDOWN (Amasty SearchSuite)
   These already work — keeping for completeness
   ===================================================== */

/* Product NAME */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-info .qs-option-title a {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    line-height: 1.3 !important;
}
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-info .qs-option-title a:hover {
    color: #00ff66 !important;
}

/* Product PRICE */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-info .qs-option-price .price-box .price {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
    letter-spacing: 0 !important;
}

/* "PRODUCTS" header */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product .title {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #888 !important;
    letter-spacing: 1.5px !important;
}

/* "SEE ALL" link */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product .title .see-all {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #00ff66 !important;
}

/* Product rows */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li {
    border-color: #1a1a1a !important;
}
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li:hover {
    background-color: #1a1a1a !important;
}

/* Product image */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .product ul li .qs-option-image img {
    border-radius: 6px !important;
}

/* "No Result" message */
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .no-result,
.page-wrapper header .block-search > .block-content > form > .search .searchsuite-autocomplete .no-result span {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #888 !important;
    text-align: center !important;
    padding: 20px !important;
}

/* =====================================================
   HIDE RELATED SEARCH TERMS
   ===================================================== */

.amtheme-search-terms,
dl.amtheme-search-terms,
.catalogsearch-result-index .amtheme-search-terms,
.search.results .amtheme-search-terms {
    display: none !important;
}

/* =====================================================
   "SEARCH FOR: domin8or" HEADING
   Actual element: h1.amtheme-title inside
   .page-title-wrapper.amtheme-title-search
   Computed: 22px Teko, sans-serif
   ===================================================== */

h1.amtheme-title,
.page-title-wrapper.amtheme-title-search h1.amtheme-title,
.page-title-wrapper.amtheme-title-search .amtheme-title,
.catalogsearch-result-index h1.amtheme-title,
.catalogsearch-result-index .page-title-wrapper h1 {
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #aaa !important;
}

/* Make the search term itself stand out */
.catalogsearch-result-index h1.amtheme-title strong,
.catalogsearch-result-index h1.amtheme-title b,
.catalogsearch-result-index .page-title-wrapper h1 strong {
    color: #00ff66 !important;
    font-weight: 700 !important;
}

/* Keep the old selectors as fallback */
.search.results .search.found,
.catalogsearch-result-index .search.found {
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14px !important;
    color: #aaa !important;
    margin-bottom: 20px !important;
}
.search.results .search.found q,
.catalogsearch-result-index .search.found q {
    color: #00ff66 !important;
    font-family: 'Outfit', -apple-system, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

/* =====================================================
   NO RESULTS STATE (full page)
   ===================================================== */

.catalogsearch-result-index .message.notice {
    background: #1a1a1a !important;
    color: #aaa !important;
    border: 1px solid #222 !important;
    border-radius: 12px !important;
    padding: 40px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}