/* V296 — final account theme + integrated visual-search control fix. */

/* Account: never allow the legacy light shell to leak into dark mode.
 * The storefront/theme canvas remains visible around the content. */
html body.appearance-dark #comfortrek-account,
html body.appearance-auto.appearance-dark #comfortrek-account{
  background:transparent!important;
  color:#f5f2eb!important;
}
html body.appearance-dark #comfortrek-account .cr-account-shell,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-account-shell{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body.appearance-dark #comfortrek-account .cr-account-main,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-account-main{
  background:transparent!important;
  color:#f5f2eb!important;
}
html body.appearance-dark #comfortrek-account .cr-dashboard-head h1,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-dashboard-head h1,
html body.appearance-dark #comfortrek-account .cr-section-heading h2,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-section-heading h2,
html body.appearance-dark #comfortrek-account .cr-feature-head h2,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-feature-head h2,
html body.appearance-dark #comfortrek-account .cr-profile-heading h2,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-profile-heading h2{
  color:#f5f2eb!important;
}
html body.appearance-dark #comfortrek-account .cr-dashboard-head p,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-dashboard-head p,
html body.appearance-dark #comfortrek-account .cr-section-heading p,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-section-heading p,
html body.appearance-dark #comfortrek-account .cr-feature-head p,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-feature-head p{
  color:#b9bebc!important;
}
html body.appearance-dark #comfortrek-account .cr-member-badge,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-member-badge,
html body.appearance-dark #comfortrek-account .cr-summary-item,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-summary-item,
html body.appearance-dark #comfortrek-account .cr-account-card,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-account-card,
html body.appearance-dark #comfortrek-account .cr-feature-panel,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-feature-panel,
html body.appearance-dark #comfortrek-account .cr-mini-panel,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-mini-panel,
html body.appearance-dark #comfortrek-account .cr-profile-panel,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-profile-panel{
  background:linear-gradient(145deg,#171b1f,#111417)!important;
  color:#f5f2eb!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.25)!important;
}
html body.appearance-dark #comfortrek-account .cr-summary-item small,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-summary-item small,
html body.appearance-dark #comfortrek-account .cr-summary-item em,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-summary-item em,
html body.appearance-dark #comfortrek-account .cr-card-copy small,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-card-copy small{
  color:#aeb5b2!important;
}
html body.appearance-dark #comfortrek-account .cr-summary-item strong,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-summary-item strong,
html body.appearance-dark #comfortrek-account .cr-card-copy strong,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-card-copy strong{
  color:#f5f2eb!important;
}
html body.appearance-dark #comfortrek-account .cr-recommendation-card,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-recommendation-card{
  background:linear-gradient(145deg,#181b20,#111417)!important;
  color:#f5f2eb!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
html body.appearance-dark #comfortrek-account .cr-rec-copy,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-rec-copy{
  background:transparent!important;
  color:#f5f2eb!important;
}
html body.appearance-dark #comfortrek-account .cr-rec-copy small,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-rec-copy small{color:#aaa69e!important}
html body.appearance-dark #comfortrek-account .cr-rec-copy strong,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-rec-copy strong{color:#f5f2eb!important}
html body.appearance-dark #comfortrek-account .cr-rec-copy b,
html body.appearance-auto.appearance-dark #comfortrek-account .cr-rec-copy b{color:#e0bd79!important}

/* Search: hidden means genuinely hidden. The old display:flex rule was
 * overriding the browser's [hidden] behaviour and produced the broken
 * image thumbnail even before a file was selected. */
.ct289-selected-photo[hidden]{display:none!important}
.ct289-selected-photo{display:flex;align-items:center;gap:5px;flex:0 0 auto;margin-left:5px;max-width:58px;overflow:hidden}
.ct289-selected-photo img{width:36px;height:36px;min-width:36px;object-fit:cover;border-radius:9px;display:block}
.ct289-selected-photo button{width:20px;height:20px;min-width:20px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#25292d;color:#f5f2eb;display:grid;place-items:center;padding:0;cursor:pointer}

.ct289-photo-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto;margin-left:2px}
.ct289-photo-trigger{width:43px!important;height:43px!important;min-width:43px!important;margin:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:transparent!important;color:#d9b76e!important;display:grid;place-items:center;cursor:pointer;box-shadow:none!important;outline:none!important;transform:none!important}
.ct289-photo-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct289-photo-trigger:hover{background:rgba(215,181,109,.08)!important;border-color:rgba(215,181,109,.38)!important;transform:none!important}
.ct289-photo-trigger:focus,
.ct289-photo-trigger:focus-visible,
.ct289-search-input-wrap:focus-within{outline:none!important;box-shadow:none!important}
.ct289-search-input-wrap{border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
.ct289-search-input-wrap:focus-within{border-color:rgba(255,255,255,.22)!important}
body.appearance-dark .ct289-search-input-wrap,
body.appearance-auto.appearance-dark .ct289-search-input-wrap{background:#0d1114!important}
body.appearance-dark .ct289-photo-trigger,
body.appearance-auto.appearance-dark .ct289-photo-trigger{background:#15191c!important;color:#e2c17f!important}
body.appearance-dark .ct289-photo-trigger:hover,
body.appearance-auto.appearance-dark .ct289-photo-trigger:hover{background:#1b1f22!important}

@media(max-width:700px){
  .ct289-photo-actions{gap:4px}
  .ct289-photo-trigger{width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important}
  .ct289-selected-photo{max-width:54px}
  .ct289-selected-photo img{width:32px;height:32px;min-width:32px}
}
@media(max-width:380px){
  .ct289-photo-trigger{width:37px!important;height:37px!important;min-width:37px!important}
  .ct289-selected-photo{max-width:48px}
  .ct289-selected-photo button{display:none}
}