/*
Theme Name:   Το Εργαστήρι (child)
Theme URI:    https://toergastiri.evitagavriil.com
Description:  Child theme for Evita Gavriil's art workshop. Divi holds the design;
              this holds the small amount of CSS and PHP that shouldn't live in
              the database. Bind-mounted from src/themes/toergastiri-child, so an
              edit here is an edit in git.
Author:       Blue Unlimited Lab
Template:     Divi
Version:      0.1.0
Text Domain:  toergastiri
*/

/* Styles go in style.css only if they are genuinely global and not worth a
   Divi setting. Anything a non-technical editor might want to change belongs
   in Divi's own options instead, where they can reach it. */

/* Header logo.
   The workshop's logo is square (447×447) with the wordmark inside it, while
   Divi's header assumes a wide logo and caps it at 54% of the menu bar height.
   At that size "Το Εργαστήρι" is unreadable. build-divi.php sets Divi's own
   logo_height option to 100, but its generated CSS keeps emitting 54%, so this
   pins it. A wide version of the logo would let us delete this rule. */
#logo {
	height: 100%;
	max-height: 88px;
}

@media (min-width: 981px) {
	#main-header .logo_container {
		height: 96px;
		transition: height .4s ease;
	}
	#logo {
		transition: max-height .4s ease;
	}
	/* Scrolled: Divi shrinks the fixed header (.et-fixed-header), and the pin
	   above would otherwise keep the logo at full size, spilling over the page. */
	#main-header.et-fixed-header .logo_container {
		height: 54px;
	}
	#main-header.et-fixed-header #logo {
		max-height: 46px;
	}
}

/* Divi paints team-member roles #aaaaaa from its own stylesheet, which lands at
   about 1.5:1 on the mint band — unreadable. Palette B needs the darker ink. */
.et_pb_team_member .et_pb_member_position {
	color: #4a4442;
}

/* Gallery lightbox: Divi captions each photo with its media-library title,
   which for phone photos is a file name ("20200909_185101"). Keep the
   "1 of 24" counter, drop the caption. */
.mfp-title {
	display: none;
}

/* Hero card (option ΣΤ): stacked on a phone or tablet, Divi gives the card
   column a 30px bottom margin because the hidden photo column after it still
   counts as the last column. That put 30px more photo under the card than above. */
@media (max-width: 980px) {
	.et_pb_column.tg-hero-card {
		margin-bottom: 0 !important;
	}
}

/* Landing pages: no main menu, no search, no footer menu (see functions.php). */
.tg-landing #top-menu-nav,
.tg-landing #et_mobile_nav_menu,
.tg-landing #et_top_search,
.tg-landing #et-footer-nav {
	display: none !important;
}

/* Review page: five big empty stars that fill on hover. The markup runs 5→1
   and the row is reversed, so hovering a star fills every star before it.
   Sized to the screen: five stars and their gaps fill a phone's width. */
.tg-stars {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	gap: 2vw;
	margin: 16px auto 0;
}
.tg-stars a {
	font-size: min(80px, 15vw);
	line-height: 1;
	color: #c9a227;
	text-decoration: none !important;
	transition: transform .15s ease;
}
.tg-stars a::before { content: "\2606"; }          /* ☆ */
.tg-stars a:hover::before,
.tg-stars a:hover ~ a::before,
.tg-stars a:focus-visible::before,
.tg-stars a:focus-visible ~ a::before,
.tg-stars a:active::before,
.tg-stars a:active ~ a::before { content: "\2605"; color: #f5b301; }   /* ★ */
.tg-stars a:hover { transform: scale(1.1); }
.tg-stars a:focus-visible { outline: 2px solid #4a4442; outline-offset: 4px; border-radius: 4px; }

/* Ευχαριστούμε: the rating travels in a hidden field (filled by functions.php). */
.et_pb_contact_field[data-id="rating"] {
	display: none;
}

/* Ad pages: the "why us" points. */
.tg-points {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 14px;
}
.tg-points li {
	padding-left: 32px;
	position: relative;
}
.tg-points li::before {
	content: "✎";
	position: absolute;
	left: 0;
	color: #c2410c;
}

/* «Κάντε το πρώτο βήμα»: the phone / Viber / Instagram buttons under the form. */
.tg-ask {
	font-weight: 600;
	margin-bottom: 12px !important;
}
.tg-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding-bottom: 12px !important;
}
.tg-buttons .et_pb_button {
	display: inline-block;
	text-align: center;
	min-width: 220px;
}
.tg-buttons .et_pb_button.tg-instagram {
	background: #fffdf8;
	border-color: #fffdf8;
}
@media (max-width: 480px) {
	.tg-buttons .et_pb_button { width: 100%; min-width: 0; }
}
/* Divi's text-module lists add their own bullets and indent; the pencil replaces them. */
.et_pb_text ul.tg-points { list-style: none !important; padding-left: 0 !important; }
.et_pb_text ul.tg-points li { list-style: none !important; }

/* The review flow has no header bar at all (functions.php, _tg_no_header). */
.tg-no-header #main-header,
.tg-no-header #top-header {
	display: none !important;
}
.tg-no-header #page-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Lead source travels in a hidden field (functions.php). */
.et_pb_contact_field[data-id="source"] {
	display: none;
}

/* The line under every form. */
.tg-privacy-note p {
	font-size: 13px;
	opacity: .85;
	margin-top: 8px;
}

/* Form submit buttons: full width, like the call / Viber / Instagram buttons
   under them (Divi right-aligns them at their text's width). */
.et_pb_contact_form_container .et_contact_bottom_container {
	float: none;
	display: block;
	width: 100%;
	text-align: center;
	/* Divi indents every field by 3% and pulls the form back by the same; the
	   button sits outside the fields, so it needs the indent to line up. */
	padding-left: 3%;
	box-sizing: border-box;
}
.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit {
	width: 100%;
	margin-left: 0;
}

/* Weekly timetable with seven days (Sunday carries Art Party): Divi has no
   seven-column layout, so the 1_6 columns are resized to fit side by side.
   Below desktop they stack, as Divi's columns always do. */
@media (min-width: 981px) {
	.et_pb_row.tg-week-7 > .et_pb_column {
		width: 12.5% !important;
		margin-right: 2% !important;
	}
	.et_pb_row.tg-week-7 > .et_pb_column:last-child {
		margin-right: 0 !important;
	}
}