/**handles:transcriptiongear-extra**/
/* ADDITIONAL OVERRIDES */

/* DARK MODE FIXES - SR7 MOSTLY */

.dark-mode-fix-header {
	color: var(--tg-text-muted) !important;
}

.dark-mode-fix-text {
	color: var(--tg-text) !important;
}

/*
.mode-fix-blur {
	background-color: var(--theme-palette-color-10) !important;
}

.mode-fix-alt {
	color: var(--theme-palette-color-11) !important;
}

.mode-fix-blur-alt {
	background-color: var(--theme-palette-color-12) !important;
}

.mode-fix-background {
	background-color: var(--theme-palette-color-6) !important;
}

.mode-fix-border {
	border: 2px solid var(--theme-palette-color-11) !important;
}
*/


/* FIXES SEARCH BOX DARK MODE */

#ajaxsearchlite1 .probox .proinput input, 
div.asl_w .probox .proinput input {
	background-color: var(--tg-card) !important;
	color: var(--tg-text) !important;
}

#ajaxsearchlite1 .probox .proinput input::placeholder, 
div.asl_w .probox .proinput input::placeholder {
	color: var(--tg-text-muted) !important;
}

div.asl_w .probox .promagnifier {
	box-shadow: none;
}

/* --- TG Refresh: header product search v2 --- */

/* Make the Blocksy header widget area holding search wider */
.ct-header [data-id*="widget"],
.ct-header .ct-widget,
.ct-header .ct-header-text {
    min-width: 0;
}

/* Target the Ajax Search Lite instance in the header */
.ct-header #ajaxsearchlite1,
.ct-header div.asl_w,
.ct-header div.asl_w[id*="ajaxsearchlite"] {
    width: clamp(360px, 34vw, 540px) !important;
    max-width: 540px !important;
    min-width: 360px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Kill the old square outer ASL frame */
.ct-header div.asl_w,
.ct-header div.asl_w * {
    box-sizing: border-box;
}

.ct-header div.asl_w .probox,
.ct-header #ajaxsearchlite1 .probox {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 8px 0 18px !important;

    border: 1px solid var(--tg-border) !important;
    border-radius: 999px !important;
    background: var(--tg-card) !important;

    box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;

    display: flex !important;
    align-items: center !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}

/* Hover */
.ct-header div.asl_w .probox:hover,
.ct-header #ajaxsearchlite1 .probox:hover {
    border-color: rgba(0, 85, 165, .38) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .11) !important;
}

/* Focus */
.ct-header div.asl_w:focus-within .probox,
.ct-header #ajaxsearchlite1:focus-within .probox {
    border-color: var(--tg-brand-blue) !important;
    box-shadow:
        0 0 0 3px rgba(0, 85, 165, .14),
        0 10px 28px rgba(15, 23, 42, .10) !important;
}

/* Input wrapper */
.ct-header div.asl_w .probox .proinput,
.ct-header #ajaxsearchlite1 .probox .proinput {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Input itself */
.ct-header div.asl_w .probox .proinput input,
.ct-header #ajaxsearchlite1 .probox .proinput input {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;

    padding: 0 !important;
    margin: 0 !important;

    font-family: inherit !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    line-height: 50px !important;

    color: var(--tg-text) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Placeholder */
.ct-header div.asl_w .probox .proinput input::placeholder,
.ct-header #ajaxsearchlite1 .probox .proinput input::placeholder {
    color: var(--tg-text-muted) !important;
    opacity: .72 !important;
}

/* Search icon button */
.ct-header div.asl_w .probox .promagnifier,
.ct-header #ajaxsearchlite1 .probox .promagnifier {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    margin: 0 !important;

    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ct-header div.asl_w .probox .promagnifier svg,
.ct-header #ajaxsearchlite1 .probox .promagnifier svg {
    fill: var(--tg-brand-blue) !important;
}

/* Clear / close icon */
.ct-header div.asl_w .probox .proclose,
.ct-header #ajaxsearchlite1 .probox .proclose {
    margin-right: 4px !important;
}

/* Hide ASL configuration/settings labels if they leak into header output */
.ct-header div.asl_w .asl_options,
.ct-header div.asl_w .searchsettings,
.ct-header div.asl_w .searchsettings form,
.ct-header div.asl_w .asl_option,
.ct-header #ajaxsearchlite1 .asl_options,
.ct-header #ajaxsearchlite1 .searchsettings,
.ct-header #ajaxsearchlite1 .searchsettings form,
.ct-header #ajaxsearchlite1 .asl_option {
    display: none !important;
}

/* Results dropdown: theme-aware */
div.asl_r,
div.asl_r[id*="ajaxsearchliteres"] {
    width: clamp(360px, 34vw, 540px) !important;
    max-width: 540px !important;

    background: var(--tg-card) !important;
    border: 1px solid var(--theme-palette-color-5) !important;
    border-radius: var(--tg-radius-md) !important;
    box-shadow: var(--tg-shadow-md) !important;

    overflow: hidden !important;
    z-index: 999999 !important;
}

/* Result rows */
div.asl_r .results .item {
    padding: 12px 14px !important;
    background: var(--tg-card) !important;
    border-bottom: 1px solid var(--theme-palette-color-5) !important;
}

div.asl_r .results .item:last-child {
    border-bottom: 0 !important;
}

/* Result hover */
div.asl_r .results .item:hover {
    background: color-mix(in srgb, var(--tg-accent-cyan) 10%, var(--tg-card)) !important;
}

/* Result text */
div.asl_r .results .item .asl_content,
div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
    color: var(--tg-text) !important;
}

/* Product/result links */
div.asl_r .results .item .asl_content h3 a {
    color: var(--tg-text) !important;
}

/* Product/result links hover */
div.asl_r .results .item:hover .asl_content h3 a {
    color: var(--tg-accent-cyan) !important;
}

/* Optional: descriptions/meta if ASL outputs them */
div.asl_r .results .item .asl_content p,
div.asl_r .results .item .asl_content .asl_desc,
div.asl_r .results .item .asl_content .asl_date,
div.asl_r .results .item .asl_content .asl_author {
    color: var(--tg-text-muted) !important;
}

/* Image/thumb frame */
div.asl_r .results .item .asl_image {
    background-color: color-mix(in srgb, var(--tg-accent-cyan) 6%, var(--tg-card)) !important;
    border-radius: var(--tg-radius-sm) !important;
}

/* Tablet/mobile safety */
@media (max-width: 999.98px) {
    .ct-header #ajaxsearchlite1,
    .ct-header div.asl_w,
    .ct-header div.asl_w[id*="ajaxsearchlite"],
    div.asl_r,
    div.asl_r[id*="ajaxsearchliteres"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .ct-header div.asl_w .probox,
    .ct-header #ajaxsearchlite1 .probox {
        height: 46px !important;
        min-height: 46px !important;
    }

    .ct-header div.asl_w .probox .proinput input,
    .ct-header #ajaxsearchlite1 .probox .proinput input {
        height: 44px !important;
        min-height: 44px !important;
        line-height: 44px !important;
        font-size: .9rem !important;
    }
}

/* --- TG Refresh: mega menu feature cards --- */

.ct-header .transcription-card,
.ct-header .dictation-card,
.ct-header .speechrec-card,
.ct-header .industry-card {
    background: color-mix(in srgb, var(--tg-accent-cyan) 10%, var(--tg-card));
    border: 1px solid color-mix(in srgb, var(--theme-palette-color-5) 70%, transparent);
    border-left: 3px solid color-mix(in srgb, var(--tg-accent-cyan) 45%, var(--theme-palette-color-5));
    border-radius: var(--tg-radius-md);
    padding: 0;
    box-shadow: var(--tg-shadow-sm);
    overflow: hidden;
}

.ct-header .transcription-card .wp-block-column,
.ct-header .dictation-card .wp-block-column,
.ct-header .speechrec-card .wp-block-column,
.ct-header .industry-card .wp-block-column {
    padding: 1.45rem 1.65rem !important;
}

.ct-header .transcription-card h2,
.ct-header .transcription-card h3,
.ct-header .transcription-card h4,
.ct-header .dictation-card h2,
.ct-header .dictation-card h3,
.ct-header .dictation-card h4,
.ct-header .speechrec-card h2,
.ct-header .speechrec-card h3,
.ct-header .speechrec-card h4,
.ct-header .industry-card h2,
.ct-header .industry-card h3,
.ct-header .industry-card h4 {
    color: var(--tg-text);
    margin-top: 0;
    margin-bottom: .8rem !important;
    font-size: 1.25rem;
    line-height: 1.25;
}

.ct-header .transcription-card p,
.ct-header .dictation-card p,
.ct-header .speechrec-card p,
.ct-header .industry-card p {
    color: var(--tg-text);
    font-size: .95rem;
    line-height: 1.55;
}

.ct-header .transcription-card .featured-label,
.ct-header .dictation-card .featured-label,
.ct-header .speechrec-card .featured-label,
.ct-header .industry-card .featured-label {
    color: var(--tg-accent-cyan);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1rem !important;
}

.ct-header .transcription-card .wp-block-button__link,
.ct-header .transcription-card a.button,
.ct-header .dictation-card .wp-block-button__link,
.ct-header .dictation-card a.button,
.ct-header .speechrec-card .wp-block-button__link,
.ct-header .speechrec-card a.button,
.ct-header .industry-card .wp-block-button__link,
.ct-header .industry-card a.button {
    background: var(--tg-brand-blue);
    color: #fff !important;
    border-radius: var(--tg-radius-sm);
    font-size: .9rem;
    font-weight: 700;
    padding: .75rem 1.15rem;
    text-decoration: none;
}

.ct-header .transcription-card .wp-block-button__link:hover,
.ct-header .transcription-card a.button:hover,
.ct-header .dictation-card .wp-block-button__link:hover,
.ct-header .dictation-card a.button:hover,
.ct-header .speechrec-card .wp-block-button__link:hover,
.ct-header .speechrec-card a.button:hover,
.ct-header .industry-card .wp-block-button__link:hover,
.ct-header .industry-card a.button:hover {
    background: var(--tg-brand-blue-hover);
}

.ct-header .transcription-card hr,
.ct-header .dictation-card hr,
.ct-header .speechrec-card hr,
.ct-header .industry-card hr {
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--theme-palette-color-5) 70%, transparent);
    margin: 1.25rem 0 !important;
}

.ct-header .transcription-card p:last-child,
.ct-header .dictation-card p:last-child,
.ct-header .speechrec-card p:last-child,
.ct-header .industry-card p:last-child {
    margin-bottom: 0;
}

.ct-header .transcription-card p:last-child a,
.ct-header .dictation-card p:last-child a,
.ct-header .speechrec-card p:last-child a,
.ct-header .industry-card p:last-child a {
    color: var(--tg-brand-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .16em;
}

/* CHECKOUT FIXES FOR DARK MODE */

span.select2-container .select2-selection--single .select2-selection__rendered,
span.select2-container .select2-selection--multiple .select2-selection__rendered {
	background-color: var(--tg-card) !important;
	color: var(--tg-text) !important;
}

span.select2-container,
span.select2-selection,
span.select2-selection--single,
span.select2-selection--multiple,
span.select2-selection__rendered,
span.select2-dropdown,
span.select2-search--dropdown,
span.select2-search__field {
	background-color: var(--tg-card) !important;
}