/* Tutorshub Marketplace v8.7.2 — premium search fields and SVG subject icons */

body.th-luxury-dark .th-line-icon { display:block;width:1.35em;height:1.35em;overflow:visible }

html body.th-luxury-dark .th-final-search.th-blueprint-search {
  border:1px solid rgba(139,171,205,.27)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#152940,#0f2034)!important;
  box-shadow:0 25px 68px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs {
  display:flex!important;height:58px!important;padding:7px!important;gap:6px!important;
  border-bottom:1px solid rgba(190,211,236,.14)!important;background:rgba(5,14,25,.26)!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:44px!important;padding:0 20px!important;color:#b9c9dc!important;border:1px solid transparent!important;
  border-radius:12px!important;background:transparent!important;box-shadow:none!important;font-size:14px!important;font-weight:750!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs button.is-active {
  color:#142039!important;border-color:rgba(255,230,165,.82)!important;
  background:linear-gradient(135deg,#ffdd86,#e3a92f)!important;
  box-shadow:0 8px 22px rgba(217,154,34,.22),inset 0 1px 0 rgba(255,255,255,.7)!important;
}

html body.th-luxury-dark .th-lux-tab-icon,
html body.th-luxury-dark .th-lux-button-icon {display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;color:currentColor!important}
html body.th-luxury-dark .th-lux-tab-icon .th-line-icon {width:18px!important;height:18px!important}
html body.th-luxury-dark .th-lux-button-icon .th-line-icon {width:20px!important;height:20px!important}

html body.th-luxury-dark .th-final-search.th-blueprint-search form {
  display:grid!important;grid-template-columns:1.22fr 1fr 1fr 220px!important;align-items:stretch!important;
  gap:12px!important;padding:14px!important;background:transparent!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search form label.th-lux-field {
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;height:64px!important;
  padding:8px 12px!important;color:#f4f7fb!important;border:1px solid #3b5774!important;border-radius:14px!important;
  background:linear-gradient(145deg,#203852,#192f48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.13)!important;
  box-sizing:border-box!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search form label.th-lux-field:hover,
html body.th-luxury-dark .th-final-search.th-blueprint-search form label.th-lux-field:focus-within {
  border-color:rgba(247,207,112,.72)!important;background:linear-gradient(145deg,#263f5b,#1c344e)!important;
  box-shadow:0 0 0 4px rgba(244,198,93,.085),inset 0 1px 0 rgba(255,255,255,.08)!important;transform:translateY(-1px);
}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-lux-field-icon {
  display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;
  color:#f7cf70!important;border:1px solid rgba(247,207,112,.27)!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(247,207,112,.13),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-lux-field-icon .th-line-icon {width:20px!important;height:20px!important}

html body.th-luxury-dark .th-final-search.th-blueprint-search .th-lux-field-copy {
  display:grid!important;align-content:center!important;flex:1 1 auto!important;min-width:0!important;height:100%!important;
  gap:1px!important;color:#f4f7fb!important;background:transparent!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search label.th-lux-field .th-lux-field-copy small {
  display:block!important;margin:0!important;color:#f7cf70!important;font-size:11px!important;font-weight:800!important;
  line-height:1.15!important;letter-spacing:.055em!important;text-transform:uppercase!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search label.th-lux-field .th-lux-field-copy :is(select,input) {
  width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;margin:0!important;padding:0!important;
  color:#fff!important;border:0!important;border-radius:0!important;outline:0!important;background-color:transparent!important;
  box-shadow:none!important;font-size:15px!important;font-weight:720!important;line-height:29px!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search label.th-lux-field .th-lux-field-copy select {
  -webkit-appearance:none!important;appearance:none!important;padding-right:30px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f7cf70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 2px center!important;background-size:18px 18px!important;
}

html body.th-luxury-dark .th-final-search.th-blueprint-search label.th-lux-field .th-lux-field-copy input::placeholder {color:#d3dfec!important;opacity:.86!important}
html body.th-luxury-dark .th-final-search.th-blueprint-search label.th-lux-field .th-lux-field-copy select option {color:#f4f7fb!important;background:#172a42!important}

html body.th-luxury-dark .th-final-search.th-blueprint-search form>button[type="submit"] {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:64px!important;height:64px!important;padding:0 22px!important;font-size:15px!important;white-space:nowrap!important;
}

/* Subject cards keep their compact layout but now use crisp, matching SVG icons. */
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject {
  position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#f4f7fb!important;
  border:1px solid rgba(151,181,212,.2)!important;border-radius:15px!important;
  background:linear-gradient(145deg,#172c44,#11243a)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:before {
  content:""!important;position:absolute!important;top:0!important;left:18px!important;right:18px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(247,207,112,.55),transparent)!important;opacity:.55!important;
}

html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:hover {
  border-color:rgba(247,207,112,.48)!important;background:linear-gradient(145deg,#1c344f,#142940)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.25)!important;transform:translateY(-3px)!important;
}

html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject .th-subject-icon {
  display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0!important;
  color:#f7cf70!important;border:1px solid rgba(247,207,112,.27)!important;border-radius:13px!important;
  background:linear-gradient(145deg,#243f5c,#142940)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18)!important;
}

html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(2) .th-subject-icon,
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(6) .th-subject-icon {color:#a8cfff!important;border-color:rgba(168,207,255,.28)!important}
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(3) .th-subject-icon,
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(4) .th-subject-icon {color:#63dfb8!important;border-color:rgba(99,223,184,.26)!important}
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(7) .th-subject-icon,
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject:nth-child(9) .th-subject-icon {color:#d9bbff!important;border-color:rgba(217,187,255,.26)!important}

html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject .th-subject-icon .th-line-icon {width:23px!important;height:23px!important}
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject>b {color:#f4f7fb!important;font-size:13px!important;font-weight:780!important}
html body.th-luxury-dark #subjects .th-blueprint-subjects>.th-subject>small {color:#a9bad0!important;font-size:10px!important}

@media(max-width:1100px){
  html body.th-luxury-dark .th-final-search.th-blueprint-search form{grid-template-columns:1fr 1fr!important}
  html body.th-luxury-dark .th-final-search.th-blueprint-search form>button[type="submit"]{grid-column:1/-1!important}
}

@media(max-width:760px){
  html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs{height:auto!important;min-height:58px!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}
  html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs::-webkit-scrollbar{display:none}
  html body.th-luxury-dark .th-final-search.th-blueprint-search .th-search-tabs button{flex:0 0 auto!important;min-width:max-content!important;padding:0 15px!important;font-size:13px!important}
  html body.th-luxury-dark .th-final-search.th-blueprint-search form{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  html body.th-luxury-dark .th-final-search.th-blueprint-search form>button[type="submit"]{grid-column:auto!important;width:100%!important}
}