/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* Checkout logo — slightly smaller (beats nasa-dynamic max-height:200px) */
body.woocommerce-checkout .logo .header_logo,
body.page-template-page-checkout .logo .header_logo,
body.woocommerce-checkout a.logo img.header_logo,
body.page-template-page-checkout a.logo img.header_logo {
	max-height: 52px !important;
	height: auto !important;
	width: auto !important;
}
body.woocommerce-checkout .logo .header_logo.logo_mobile,
body.page-template-page-checkout .logo .header_logo.logo_mobile {
	max-height: 44px !important;
}

/* Prescription (Συνταγή) checkout fields */
.eyewear-prescription-fields {
	margin: 1.5em 0 2em;
	padding: 1.25em 1.25em 0.5em;
	border: 1px solid #e5e5e5;
	clear: both;
}
.eyewear-prescription-fields h3 {
	margin-top: 0;
}
.eyewear-prescription-intro {
	margin: 0 0 1em;
}
.eyewear-prescription-fields .eyewear-rx-toggle label {
	font-weight: 600;
}
.eyewear-prescription-fields .eyewear-rx-fields {
	margin: 0 0 1em 0.5em;
	padding-bottom: 0.5em;
}
.eyewear-prescription-fields input[type="checkbox"] {
	width: auto;
	margin-right: 8px;
}

/* Newsletter promo popup — photo left only, no distortion */
#nasa-popup {
	background-size: auto 100% !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}
#nasa-popup .nasa-pp-right,
#nasa-popup .nasa-popup-wrap {
	background-color: #fff !important;
}

/* Top bar layout: phone | free shipping | language */
.nasa-topbar-wrap,
#top-bar,
#top-bar .row,
#top-bar .eyewear-topbar-row {
	overflow: visible !important;
}
#top-bar {
	display: flex !important;
	align-items: center !important;
}
#top-bar > .row {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}
#top-bar .eyewear-topbar-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between;
	gap: 12px;
	float: none !important;
	width: 100% !important;
	min-height: 100%;
}
#top-bar .eyewear-topbar-row .left-text,
#top-bar .eyewear-topbar-row .center-text,
#top-bar .eyewear-topbar-row .right-text {
	float: none !important;
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 0 !important;
	min-width: 0;
	width: auto !important;
	display: flex !important;
	align-items: center !important;
}
#top-bar .eyewear-topbar-row .left-text {
	justify-content: flex-start;
	text-align: left;
}
#top-bar .eyewear-topbar-row .center-text {
	justify-content: center;
	text-align: center;
}
#top-bar .eyewear-topbar-row .right-text {
	justify-content: flex-end;
	text-align: right;
	overflow: visible !important;
	z-index: 200;
}
#top-bar .eyewear-topbar-center {
	display: inline-block;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
}
#top-bar .topbar-mobile-center {
	text-align: center;
	padding: 2px 0 4px;
}

/* Language switcher — compact, no chevron, fits top bar */
#top-bar .topbar-menu-container,
#top-bar ul.header-multi-languages {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: auto !important;
	overflow: visible !important;
	line-height: 1 !important;
}
#top-bar li.nasa-select-languages,
#top-bar li.nasa-select-languages.desktop-margin-right-30 {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	position: relative !important;
	overflow: visible !important;
	display: flex !important;
	align-items: center !important;
	line-height: 1 !important;
}
/* Hide all arrows / chevrons — NASA + TRP */
#top-bar svg.nasa-open-child,
#top-bar .trp-shortcode-arrow,
#top-bar .nasa-select-languages > svg,
#top-bar .nasa-select-languages .nasa-open-child {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
#top-bar .trp-shortcode-switcher__wrapper {
	--flag-radius: 9999px !important;
	--aspect-ratio: 1 / 1 !important;

	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
	text-align: left;
	z-index: 300;
	line-height: 1 !important;
}
/* Compact closed trigger */
#top-bar .trp-shortcode-switcher {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	min-height: 0 !important;
	overflow: hidden !important;
}
#top-bar .trp-shortcode-overlay {
	background: #fff !important;
	border: 1px solid rgba(0,0,0,0.12) !important;
	border-radius: 3px !important;
}
#top-bar .trp-current-language-item__wrapper {
	display: flex !important;
	align-items: center !important;
	padding: 2px 8px !important;
	gap: 5px !important;
	min-height: 0 !important;
	justify-content: flex-start !important;
}
#top-bar .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
	padding-right: 8px !important;
}
#top-bar .trp-language-item {
	padding: 2px 0 !important;
	gap: 5px !important;
	min-height: 0 !important;
}
#top-bar .trp-language-item-name {
	max-width: none !important;
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: nowrap !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	color: #111 !important;
	line-height: 1.2 !important;
}
#top-bar .trp-flag-image {
	width: 16px !important;
	height: 16px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	flex-shrink: 0;
}
/* Open list — tight rows, no extra padding */
#top-bar .trp-shortcode-switcher.is-open .trp-switcher-dropdown-list,
#top-bar .trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
	background: #fff !important;
	border-top: 1px solid rgba(0,0,0,0.08) !important;
	box-shadow: none !important;
	border-radius: 0 0 3px 3px !important;
}
#top-bar .trp-switcher-dropdown-list .trp-language-item {
	padding: 4px 8px !important;
	white-space: nowrap !important;
	gap: 5px !important;
	min-height: 0 !important;
}

@media only screen and (max-width: 767px) {
	#top-bar .eyewear-topbar-center {
		white-space: normal;
	}
}