/* =====================================================================
   XENTARA live search dropdown — styling for Elementor's .e-search-results
   Paste into Elementor > Site Settings > Custom CSS (loads sitewide so it
   covers the popup), or add to your child-theme stylesheet.
   ===================================================================== */

.e-search-results-container{position:relative;}

.e-search-results.xsr-sg-open{
	display:block;position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:9999;
	background:linear-gradient(145deg,#012640,#01192d);
	border:1px solid #0c3557;border-radius:12px;
	box-shadow:0 18px 40px rgba(0,0,0,.5);
	overflow:hidden;font-family:'Hanken Grotesk',Arial,sans-serif;
}
.e-search-results.xsr-sg-loading{opacity:.7;}

.xsr-sg-list{list-style:none;margin:0;padding:6px;}
.xsr-sg-item{margin:0;}
.xsr-sg-item a{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:8px;text-decoration:none;transition:background .2s ease;}
.xsr-sg-item a:hover,.xsr-sg-item.xsr-sg-active a{background:rgba(79,195,247,.12);}

.xsr-sg-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:8px;background-size:cover;background-position:center;background-color:#011d33;display:flex;align-items:center;justify-content:center;border:1px solid #0c3557;overflow:hidden;}
.xsr-sg-noimg i{color:#4fc3f7;font-size:1.1rem;}

.xsr-sg-text{display:flex;flex-direction:column;min-width:0;}
.xsr-sg-title{color:#e0f0ff;font-size:.98rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xsr-sg-title mark{background:rgba(79,195,247,.28);color:#fff;border-radius:3px;padding:0 2px;}
.xsr-sg-type{color:#4fc3f7;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:3px; text-align: justify;}

.xsr-sg-empty{padding:22px 16px;text-align:center;color:#90caf9;font-family:'Hanken Grotesk',Arial,sans-serif;}

.xsr-sg-all{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-top:1px solid #0c3557;color:#4fc3f7;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .2s ease,color .2s ease;}
.xsr-sg-all:hover{background:rgba(79,195,247,.1);color:#e0f0ff;}
.xsr-sg-all i{font-size:.8rem;}

/* =====================================================================
   Anchor the fallback dropdown to the results-page refine form (.xsr-form),
   which has no Elementor .e-search-results-container of its own.
   ===================================================================== */
.xsr-form{position:relative;}
.xsr-form .e-search-results.xsr-sg-open{
	position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:9999;
	background:linear-gradient(145deg,#012640,#01192d);
	border:1px solid #0c3557;border-radius:12px;
	box-shadow:0 18px 40px rgba(0,0,0,.5);overflow:hidden;
}


/* =====================================================================
   Search icon trigger + full-screen search overlay
   ===================================================================== */
.xsr-icon-trigger{display:inline-flex !important;align-items:center !important;justify-content:center !important;background:none !important;border:none !important;padding:6px !important;margin:0 !important;color:#eeeeee !important;cursor:pointer !important;line-height:0 !important;transition:color .2s ease,transform .2s ease !important;}
.xsr-icon-trigger:hover{color:#4fc3f7;transform:scale(1.08);}
 
.xsr-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;font-family:'Hanken Grotesk',Arial,sans-serif;opacity:0;transition:opacity .22s ease;}
.xsr-overlay.xsr-overlay-open{opacity:1;}
.xsr-overlay[hidden]{display:none;}
.xsr-overlay-backdrop{position:absolute;inset:0;background:rgba(1,12,24,.78);backdrop-filter:blur(6px);}
 
.xsr-overlay-panel{position:relative;z-index:1;width:100%;max-width:640px;margin:14vh 20px 0;transform:translateY(-14px);transition:transform .22s ease;}
.xsr-overlay.xsr-overlay-open .xsr-overlay-panel{transform:translateY(0);}
 
.xsr-overlay-close{position:absolute !important;top:-46px !important;right:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;border-radius:50% !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.15) !important;color:#e0f0ff !important;cursor:pointer !important;transition:background .2s ease,color .2s ease !important;}
.xsr-overlay-close:hover{background:rgba(79,195,247,.2) !important;color:#fff !important;}
 
.xsr-overlay-wrap{position:relative;}
.xsr-overlay-field{display:flex;align-items:center;background:linear-gradient(145deg,#012640,#01192d);border:1px solid #0c3557;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);transition:border-color .2s ease,box-shadow .2s ease;}
.xsr-overlay-field:focus-within{border-color:#4fc3f7;box-shadow:0 0 0 3px rgba(79,195,247,.18),0 18px 50px rgba(0,0,0,.45);}
.xsr-overlay-field > i{color:#4fc3f7;padding-left:20px;font-size:1.05rem;}
.xsr-overlay-field input[type="search"]{flex:1;background:transparent;border:none;outline:none;color:#e0f0ff;font-size:1.15rem;padding:18px 18px;}
.xsr-overlay-field input::placeholder{color:#6d97bb;}
.xsr-overlay-field input[type="search"]::-webkit-search-cancel-button{display:none;}
 
/* The suggestions dropdown sits inside .xsr-overlay-wrap (its own positioned ancestor). */
.xsr-overlay .e-search-results.xsr-sg-open{top:calc(100% + 12px);}
 
@media(max-width:600px){
	.xsr-overlay-panel{margin-top:10vh;}
	.xsr-overlay-field input[type="search"]{font-size:1.05rem;padding:16px 14px;}
}
 
/* =====================================================================
   On-page highlight (xentara-highlight.js marks ?highlight=term)
   ===================================================================== */
mark.xsr-hl{background:#4fc3f7;color:#01192d;padding:0 .12em;border-radius:3px;font:inherit;box-shadow:0 0 0 1px rgba(79,195,247,.45);}