/******************************************************\
*
*  SEARCH.CSS
*  Selida /search — Google Programmable Search (CSE)
*  ntymeno me to design tou E-Radio.
*  Fortonetai MONO apo to search/default.asp
*
\******************************************************/

/* Platytero apo tis alles boxed selides (1000px): to CSE thelei xoro gia na min
   deixnoun ta apotelesmata stoivagmena, kai deksia kathetai to 300x250.
   1240 -> 1200 (02/08/2026): eniaio mesaio skali 1200 se olo to site (player
   standalone + legal + search) — sto krisimo 1280 viewport (1920@150%) afinei
   ~32px perithoria anti gia 12. To .searchMain einai flex:1, opote aplos
   stenevei: 1200 = 20 padding + 840 apotelesmata + 20 gap + 300 sidebar + 20. */
.mainArea.searchPage{ max-width: 1200px; padding-bottom: 50px; }

/* To .minHeight--billboard (ads/scripts_ads.asp) dinei idi ta ypsi ana breakpoint:
   >=980 min-height 250, 768-979 height 110, <=767 display:none. Edo mono to kenó. */
.searchPage .billboard{ margin: 0 0 18px 0; }

.searchPage .content{ gap: 20px; align-items: flex-start; }
.searchPage .searchMain{ flex: 1 1 auto; min-width: 0; }
.searchPage .sidebar{ flex: 0 0 300px; width: 300px; }

/* Sticky deksia diafimisi.
   To .sticky-inner (ads/scripts_ads.asp) einai idi position:sticky, alla to
   .sticky-column-1 pou to periexei exei akrivos to ypsos tou creative -> miden
   diadromi, ara stin praxi kylaei kai fevgei. Kanoume sticky oli ti sidebar mesa
   sto .content, pou einai psilo oso ta apotelesmata.
   To header DEN einai fixed (scrollarei kanonika), gi' afto top:20 kai oxi 60/85. */
@media (min-width: 980px){
	.searchPage .sidebar{
		position: sticky;
		top: 20px;
		align-self: flex-start;
	}
}


/************************************************************************************************************/
/******************************                 SEARCH FIELD                   ******************************/
/************************************************************************************************************/

.siteSearch{
	display: flex;
	align-items: center;
	margin: 22px 0 10px 0;
	padding: 5px 5px 5px 16px;
	background: #fff;
	border: 1px solid #dfe4e8;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0, 0.08);
	transition: border-color 0.15s, box-shadow 0.15s;
}
.siteSearch:focus-within{
	border-color: #0079ff;
	box-shadow: 0 0 0 3px rgba(0,121,255, 0.13);
}

.siteSearch .searchGlass{
	flex: 0 0 auto;
	width: 18px; height: 18px;
	margin-right: 12px;
	color: #9aa4ad;
}
.siteSearch:focus-within .searchGlass{ color: #0079ff; }

.siteSearch input[type="text"],
.siteSearch input[type="text"]:hover,
.siteSearch input[type="text"]:focus{
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 12px 8px 12px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	font-family: Roboto, Arial, Helvetica;
	font-size: 17px;
	font-style: normal;
	letter-spacing: normal;
	color: #222;
}
.siteSearch input[type="text"]::placeholder{ color: #9aa4ad; font-style: normal; letter-spacing: normal; }

.siteSearch .searchClear{
	flex: 0 0 auto;
	display: none;
	align-items: center; justify-content: center;
	width: 30px; height: 30px;
	margin: 0 4px 0 0;
	padding: 0;
	border: 0; border-radius: 50%;
	background: transparent;
	color: #9aa4ad;
	font-size: 20px; line-height: 1;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.siteSearch .searchClear:hover{ background: #eef1f4; color: #333; }
.siteSearch.has-text .searchClear{ display: flex; }

.siteSearch .searchGo{
	flex: 0 0 auto;
	height: 42px;
	padding: 0 24px;
	border: 0; border-radius: 8px;
	background: #0079ff;
	color: #fff;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 13px; font-weight: 700;
	letter-spacing: 0.07em; text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s;
}
.siteSearch .searchGo:hover{ background: #0061d1; }
.siteSearch .searchGo .searchGoIcon{ display: none; width: 16px; height: 16px; }


/************************************************************************************************************/
/******************************                  EMPTY STATE                   ******************************/
/************************************************************************************************************/

.searchIntro{
	max-width: 760px;
	margin: 0 0 26px 0;
	font-family: Roboto, Arial, Helvetica;
	font-size: 14px; line-height: 1.6;
	color: #7f7f7f;
}

.searchChips{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px 0; }
.searchChips .chipsLabel{
	width: 100%;
	margin: 0 0 2px 0;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
	color: #b1b1b1;
}
.searchChips a{
	display: inline-block;
	padding: 7px 14px;
	background: #fff;
	border: 1px solid #dfe4e8; border-radius: 999px;
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 13px; font-weight: 500;
	color: #5a646c;
	transition: 0.15s;
}
.searchChips a:hover{ border-color: #0079ff; color: #0079ff; }


/************************************************************************************************************/
/******************************               CSE — GENERAL RESET              ******************************/
/************************************************************************************************************/

.searchResults{ margin: 0; }
.searchResults.has-query{ min-height: 520px; }

.searchResults .gsc-control-cse{
	margin: 0; padding: 0;
	border: 0; background: transparent;
	font-family: Roboto, Arial, Helvetica;
	font-size: 14px; line-height: normal; letter-spacing: normal;
}
.searchResults .gsc-control-cse *{ box-sizing: border-box; }

/* to esoteriko (krymmeno) search box tou CSE — den to theloume katholou */
.searchResults form.gsc-search-box,
.searchResults .gsc-search-box,
.searchResults .gsc-tabsArea,
.searchResults .gsc-tabsAreaInvisible,
.searchResults .gsc-refinementsArea,
.searchResults .gsc-refinementsAreaInvisible,
.searchResults .gsc-positioningWrapper{ display: none !important; }

/* I Google kleidonei to .gsc-wrapper se max-width:700px — gi' afto ta apotelesmata
   kathontan 700px stin akri enos 960arikou container. To spame edo. */
.searchResults .gsc-results-wrapper-nooverlay,
.searchResults .gsc-wrapper,
.searchResults .gsc-results,
.searchResults .gsc-expansionArea{
	background: transparent !important; border: 0 !important;
	padding: 0 !important; margin: 0 !important;
	width: 100% !important; max-width: none !important;
}

/* grammi "Perípou X apotelesmata" */
.searchResults .gsc-above-wrapper-area{
	border: 0 !important; padding: 0 !important; margin: 0 0 16px 0 !important;
	background: transparent !important;
}
.searchResults .gsc-above-wrapper-area-container{ width: 100% !important; }
.searchResults .gsc-result-info{
	padding: 0 !important;
	font-family: 'Ubuntu', Arial, sans-serif !important;
	font-size: 12px !important; font-weight: 500 !important;
	letter-spacing: 0.08em !important; text-transform: uppercase !important;
	color: #9aa4ad !important;
}


/************************************************************************************************************/
/******************************                RESULT CARDS                    ******************************/
/************************************************************************************************************/

.searchResults .gsc-webResult.gsc-result,
.searchResults .gsc-imageResult{
	margin: 0 0 12px 0 !important;
	padding: 16px 18px !important;
	background: #fff !important;
	border: 1px solid #e4e8eb !important;
	border-radius: 8px !important;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.searchResults .gsc-webResult.gsc-result:hover{
	border-color: #bcd7f5 !important;
	background: #fff !important;
	box-shadow: 0 3px 12px rgba(0,0,0, 0.08);
}
.searchResults .gsc-webResult.gsc-result:after{ content: ''; display: table; clear: both; }
.searchResults .gs-webResult.gs-result{ padding: 0 !important; background: transparent !important; border: 0 !important; }
.searchResults .gsc-table-result,
.searchResults .gsc-thumbnail-inside,
.searchResults .gsc-url-top{ padding: 0 !important; }

/* titlos */
.searchResults .gs-title{
	height: auto !important;
	overflow: visible !important;
	text-decoration: none !important;
}
.searchResults a.gs-title,
.searchResults a.gs-title b,
.searchResults a.gs-title:visited,
.searchResults a.gs-title:visited b{
	font-family: 'Ubuntu', Arial, sans-serif !important;
	font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important;
	color: #0079ff !important;
	text-decoration: none !important;
}
.searchResults a.gs-title:hover,
.searchResults a.gs-title:hover b{
	color: #004fa8 !important;
	text-decoration: underline !important;
}

/* breadcrumb / url */
.searchResults .gsc-url-top{ margin: 5px 0 7px 0 !important; }
.searchResults .gs-visibleUrl,
.searchResults .gs-visibleUrl-breadcrumb span{
	font-family: 'Ubuntu', Arial, sans-serif !important;
	font-size: 12px !important;
	color: #7f8b94 !important;
}

/* snippet */
.searchResults .gs-snippet{
	font-family: Roboto, Arial, Helvetica !important;
	font-size: 14px !important; line-height: 1.55 !important;
	color: #4a5057 !important;
}
.searchResults .gs-snippet b{ color: #1f2326 !important; font-weight: 700 !important; }

/* thumbnail */
.searchResults .gs-image-box{ margin: 2px 16px 2px 0 !important; padding: 0 !important; }
.searchResults .gs-image-box.gs-web-image-box{ width: auto !important; }
.searchResults img.gs-image{
	width: 96px !important; height: 96px !important;
	max-width: none !important; max-height: none !important;
	object-fit: cover !important;
	border: 1px solid #e4e8eb !important;
	border-radius: 6px !important;
	background: #f3f5f7 !important;
	padding: 0 !important;
}

/* xoris apotelesmata / lathos */
.searchResults .gs-no-results-result .gs-snippet,
.searchResults .gs-error-result .gs-snippet{
	margin: 0;
	padding: 26px 20px !important;
	background: #fff !important;
	border: 1px dashed #dfe4e8 !important;
	border-radius: 8px;
	font-size: 15px; color: #7f7f7f;
	text-align: center;
}

/* promotions */
.searchResults .gs-promotion.gs-result{
	margin: 0 0 12px 0;
	padding: 16px 18px;
	background: #f7fbff !important;
	border: 1px solid #cfe3fa !important;
	border-radius: 8px;
}
.searchResults .gs-promotion.gs-result a.gs-title,
.searchResults .gs-promotion.gs-result a.gs-title b{ color: #0079ff !important; }
.searchResults .gs-promotion.gs-result .gs-snippet{ color: #4a5057; }

/* diafimiseis (AdSense for Search) */
.searchResults .gsc-adBlock{ margin: 0 0 12px 0; }
.searchResults .gsc-adBlock:empty{ display: none; }


/************************************************************************************************************/
/******************************                 PAGINATION                     ******************************/
/************************************************************************************************************/

.searchResults .gsc-cursor-box{
	margin: 24px 0 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	text-align: center !important;
}
.searchResults .gsc-cursor{
	display: inline-flex !important; flex-wrap: wrap; gap: 6px; justify-content: center;
}
.searchResults .gsc-cursor-page,
.searchResults .gsc-results .gsc-cursor-box .gsc-cursor-page{
	display: inline-flex !important; align-items: center; justify-content: center;
	min-width: 38px !important; height: 38px !important;
	margin: 0 !important; padding: 0 11px !important;
	background: #fff !important;
	border: 1px solid #dfe4e8 !important;
	border-radius: 6px !important;
	font-family: 'Ubuntu', Arial, sans-serif !important;
	font-size: 14px !important; font-weight: 500 !important;
	color: #5a646c !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: 0.15s;
}
.searchResults .gsc-cursor-page:hover,
.searchResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover{
	border-color: #0079ff !important;
	color: #0079ff !important;
}
.searchResults .gsc-cursor-page.gsc-cursor-current-page,
.searchResults .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
	background: #0079ff !important;
	border-color: #0079ff !important;
	color: #fff !important;
	font-weight: 700 !important;
}
.searchResults a.gsc-trailing-more-results,
.searchResults a.gsc-trailing-more-results:link{ color: #0079ff; }


/************************************************************************************************************/
/******************************               GOOGLE BRANDING                  ******************************/
/************************************************************************************************************/

.searchResults .gcsc-more-maybe-branding-root{
	margin: 22px 0 0 0;
	padding: 16px 0 0 0;
	border-top: 1px solid #dfe4e8;
}
.searchResults .gcsc-find-more-on-google{
	font-family: 'Ubuntu', Arial, sans-serif;
	font-size: 13px;
	color: #7f8b94;
}
.searchResults .gcsc-find-more-on-google-magnifier{ fill: #9aa4ad; }


/************************************************************************************************************/
/******************************                 RESPONSIVE                     ******************************/
/************************************************************************************************************/

/* Kato apo 980 den yparxei xoros gia ti deksia stili: mono stili, i diafimisi fevgei
   (idio pattern me tin arxiki — home.css:265). */
@media (max-width: 979px){
	.mainArea.searchPage{ padding: 0 15px 40px 15px; }
	.searchPage .content{ display: block; }
	.searchPage .sidebar{ display: none !important; }
}

@media (max-width: 767px){
	/* to billboard krivetai edo (minHeight--billboard: display:none) — na min afinei keno */
	.searchPage .billboard{ margin: 0; }

	.siteSearch{ margin-top: 16px; padding-left: 13px; border-radius: 8px; }
	.siteSearch .searchGlass{ margin-right: 9px; }
	.siteSearch input[type="text"],
	.siteSearch input[type="text"]:hover,
	.siteSearch input[type="text"]:focus{ font-size: 16px; padding: 11px 6px 11px 0 !important; }

	.siteSearch .searchGo{ width: 40px; height: 40px; padding: 0; }
	.siteSearch .searchGo .searchGoText{ display: none; }
	.siteSearch .searchGo .searchGoIcon{ display: inline-block; vertical-align: middle; }

	.searchResults .gsc-webResult.gsc-result{ padding: 14px !important; }
	.searchResults a.gs-title,
	.searchResults a.gs-title b{ font-size: 17px !important; }
	.searchResults img.gs-image{ width: 72px !important; height: 72px !important; }
	.searchResults .gs-image-box{ margin-right: 12px !important; }
	.searchResults .gsc-cursor-page,
	.searchResults .gsc-results .gsc-cursor-box .gsc-cursor-page{
		min-width: 34px !important; height: 34px !important; font-size: 13px !important; padding: 0 9px !important;
	}
}

@media (max-width: 479px){
	.searchResults .gs-snippet{ font-size: 13px !important; }
	.searchResults img.gs-image{ width: 62px !important; height: 62px !important; }
}