/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

#brxe-layqmn { white-space: nowrap;}
/*====================================================================== main sizes START */
body { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;}
main {min-height:50vh}
.w-100{width: 100% !important;}
.boxed-container {padding-right: 20px; padding-left: 20px;}
/*====================================================================== main sizes END */
/*====================================================================== Primary button inside nav START */
a.bricks-background-primary { color: var(--body-bg) !important;}
/*====================================================================== Primary button inside nav START */

#brxe-gvlyau img{
  height: var(--logo-height);
  width: auto;      /* κρατάει αναλογία */
  max-width: none; 
}
	
.text-center{text-align: center !important;}
/*======================================================================  WP Gallery (Gutenberg) inside Bricks: FIXED thumbs + wrap + last row centered   */
.wp-gallery-content .wp-block-gallery {
  --wg-gap-lg: 15px;
  --wg-gap-md: 10px;
  --wg-gap-sm: 5px;
  --thumb-lg: 200px;
  --thumb-md: 150px;
  --thumb-sm: 100px;
  margin-inline: auto;

  	display: flex !important;
  	flex-wrap: wrap !important;
  	justify-content: center !important; /* <- κεντράρει ΚΑΙ την τελευταία σειρά */
  	gap: var(--wg-gap-lg) !important;

  	/* σκοτώνουμε grid/flex rules του WP block */
  	align-items: stretch !important;
}

/* κάθε item σταθερό πλάτος */
.wp-gallery-content .wp-block-gallery > .wp-block-image {
  	margin: 0 !important;
  	width: auto !important;
  	max-width: none !important;
  	flex: 0 0 var(--thumb-lg) !important;
  	max-width: var(--thumb-lg) !important;
}

/* εικόνα να γεμίζει το tile */
.wp-gallery-content .wp-block-gallery > .wp-block-image img {
  	width: 100% !important;
  	height: auto;
  	display: block;
  	object-fit: cover;
}

/* MD */
@media (max-width: 990px){
	.wp-gallery-content .wp-block-gallery {gap: var(--wg-gap-md) !important;}
	.wp-gallery-content .wp-block-gallery > .wp-block-image{
		flex-basis: var(--thumb-md) !important;
		max-width: var(--thumb-md) !important;
	}
}

/* SM */
@media (max-width: 478px)
{
	.wp-gallery-content .wp-block-gallery {gap: var(--wg-gap-sm) !important;}
	.wp-gallery-content .wp-block-gallery > .wp-block-image
	{
		flex-basis: var(--thumb-sm) !important;
		max-width: var(--thumb-sm) !important;
	}
}

.no-wrap{white-space: nowrap; }
.room-cart-img:hover {transform: scale(1.1);}
.room-cart-img { transition: transform 0.5s ease;}

.check-list ul, ul.check-list{
  	list-style: none;
  	padding-left: 0;
  	padding-inline-start: 0;
  	line-height: 1.7;
}

.check-list li{
  	position: relative;   /* απαραίτητο */
 	padding-left: 22px;   /* χώρος για το icon */
}

.check-list li::before{
  	content: "\2713";             /* fa-check */
  	font-family: inherit;
 	font-weight: 900;
  	position: absolute;
  	left: 0;
  	top: 0;
	color: var(--title-color);
}

/*---------------flatpickr---------------------*/
.flatpickr-calendar {
  	width: 100%;
	max-width: 400px;
  	box-shadow: none;
  	border: 1px solid var(--body-text);
	background: var(--body);
}

.dayContainer{
	gap: 10px;
}

/* days */
.flatpickr-day {
  border-radius: var(--round-sm)!important;
	font-weight: 500;
	color:var(--body-text);
	border-color:var(--border);
	margin:0px !important;
	max-width: unset;
	width:  calc((100% - 6 * 10px) / 7) !important;
}
.flatpickr-day.flatpickr-disabled {color:var(--muted);border-color:var(--muted);}
.flatpickr-day:hover {background: var(--body-link); color: var(--body);}
.flatpickr-day.selected {background: var(--body-link); color: var(--body);}
.flatpickr-day.today {border-color: var(--body-link);}
.flatpickr-time {margin-top:8px;border-top: 1px solid var(--border);}
.flatpickr-weekday, .flatpickr-time-separator{color: var(--body-text)}

/* arrows */
.flatpickr-prev-month,.flatpickr-next-month {fill: var(--body-link) !important;}
.flatpickr-prev-month:hover,.flatpickr-next-month:hover {
  	fill: var(--body-hover) !important;
	color:var(--body-hover) !important;
}