/* ==========================================================================
   Trip-Travel — μεταφορά του "Πρόσθετου CSS" (Customizer) στο child theme
   Πηγή: live site, 30/09/2026. Φορτώνει ΜΕΤΑ το colors-override.css.
   ========================================================================== */

/* 1. Δημιουργία χώρου και εμφάνιση του spinner στο φόντο του slider */
.mg-th-top-slider, 
.homemain .item {
min-height: 380px; /* Διατηρεί το ύψος σταθερό για να μη σπάει το layout */
background-color: #f9f9f9;
position: relative;
}
/* 2. Σχεδιασμός για το κυκλάκι που γυρνάει (Spinner) */
.mg-th-top-slider::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
border: 4px solid #e0e0e0;
border-top: 4px solid #3498db; /* Το χρώμα της περιστρεφόμενης γραμμής */
border-radius: 50%;
animation: spin-loader 1s linear infinite;
z-index: 1;
}
/* 3. Animation περιστροφής */
@keyframes spin-loader {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 4. Κρύβουμε το spinner όταν φορτώσει πλήρως το slider */
.mg-th-top-slider.slick-initialized::before {
display: none;
}
/* ===== Footer: unify background + merge logo / menu / social onto one line ===== */
/* 1) Unify footer background — was light gray behind the logo row, near-black behind the menu row */
footer.footer .overlay { background: var(--dark-color); }
footer .mg-footer-copyright { background: transparent; padding: 0; }
/* 2) Remove the divider + extra vertical spacing between the two former rows */
footer .mg-footer-bottom-area .divide-line { display: none; }
footer .mg-footer-bottom-area { padding: 20px 0 !important; }
/* 3) Force the ad slot onto its own full-width line, then flatten the two content rows into one flex line */
footer .overlay { display: flex !important; flex-wrap: wrap; align-items: center; }
footer .mg-footer-widget-area { flex: 1 0 100%; }
footer .mg-footer-bottom-area,
footer .mg-footer-bottom-area .container-fluid,
footer .mg-footer-bottom-area .row,
footer .mg-footer-copyright,
footer .mg-footer-copyright .container-fluid,
footer .mg-footer-copyright .row {
display: contents;
}
/* 4) Order + sizing of the three real pieces: logo, menu, social */
footer .mg-footer-bottom-area > .container-fluid > .row > .col-md-6:first-child {
order: 1; flex: 0 0 auto !important; max-width: none !important;
}
footer .mg-footer-copyright .col-md-6.text-md-right {
order: 2; flex: 1 1 auto !important; max-width: none !important; text-align: center !important;
}
footer .mg-footer-bottom-area .col-md-6.text-right {
order: 3; flex: 0 0 auto !important; max-width: none !important;
}
footer .mg-footer-copyright .col-md-6.text-xs:not(.text-md-right) { display: none; }
/* keep the footer menu items inline and tidy */
footer #menu-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; margin: 0; }
footer #menu-footer li { list-style: none; }
/* Fix: theme outputs an inline style="background-color:#efefef" on .overlay from its own
Customizer footer-color setting — needs !important to beat that inline style */
footer.footer .overlay { background: var(--dark-color) !important; }
/* Fix: the logo's navy lettering disappears against the new navy footer background —
give the logo its own light chip so it stays legible */
footer .mg-footer-bottom-area .site-logo {
background: #fff;
border-radius: 8px;
padding: 8px 16px;
display: inline-flex;
align-items: center;
}
/* ===== Footer v2 correction: logo+social stay one compact row (same height as the logo); menu goes back to its own row below ===== */
/* .overlay: no longer needs to merge 3 pieces into one shared flex line */
footer.footer .overlay { display: block !important; }
/* Logo+social row: un-flatten, use its own compact flex row trimmed to logo height */
footer .mg-footer-bottom-area,
footer .mg-footer-bottom-area .container-fluid {
display: block !important;
}
footer .mg-footer-bottom-area .row {
display: flex !important;
align-items: center !important;
}
footer .mg-footer-bottom-area .col-md-6:first-child {
flex: 0 0 auto !important; max-width: none !important;
}
footer .mg-footer-bottom-area .col-md-6.text-right {
flex: 1 1 auto !important; max-width: none !important;
}
footer .mg-footer-bottom-area { padding: 8px 0 !important; }
footer .mg-footer-bottom-area .site-logo { padding: 0 16px !important; }
/* Menu row: back to its own block below, own background, no longer flattened */
footer .mg-footer-copyright,
footer .mg-footer-copyright .container-fluid {
display: block !important;
}
footer .mg-footer-copyright .row {
display: flex !important;
}
footer .mg-footer-copyright .col-md-6.text-xs:not(.text-md-right) {
display: block !important;
}
footer .mg-footer-copyright .col-md-6.text-md-right {
flex: 0 1 auto !important; max-width: 100% !important; text-align: center !important; margin: 0 auto;
}
footer .mg-footer-copyright { padding: 14px 0 !important; }
footer .mg-footer-copyright .col-md-6.text-xs:not(.text-md-right) { display: none !important; }
/* ===== Footer v3: logo alone on the left; icons + menu stacked together on the right ===== */
footer.footer .overlay {
display: grid !important;
grid-template-columns: auto 1fr;
align-items: center;
column-gap: 24px;
row-gap: 6px;
}
/* flatten wrapper boxes so the real content sits directly in the grid */
footer .mg-footer-bottom-area,
footer .mg-footer-bottom-area .container-fluid,
footer .mg-footer-bottom-area .row,
footer .mg-footer-copyright,
footer .mg-footer-copyright .container-fluid,
footer .mg-footer-copyright .row {
display: contents !important;
}
footer .mg-footer-widget-area { grid-column: 1 / -1; }
footer .mg-footer-bottom-area .col-md-6:first-child {
grid-column: 1; grid-row: 2 / span 2; align-self: center;
flex: none !important; max-width: none !important;
}
footer .mg-footer-bottom-area .col-md-6.text-right {
grid-column: 2; grid-row: 2; justify-self: end;
flex: none !important; max-width: none !important;
}
footer .mg-footer-copyright .col-md-6.text-md-right {
grid-column: 2; grid-row: 3; justify-self: end;
flex: none !important; max-width: 100% !important; text-align: right !important; margin: 0 !important;
}
footer .mg-footer-copyright .col-md-6.text-xs:not(.text-md-right) { display: none !important; }
footer .mg-footer-bottom-area .site-logo { padding: 0 16px !important; }
/* trim the extra blue space above the logo so the navy bar hugs the logo's own height */
footer.footer .overlay { padding: 0 !important; }
/* the ad-script widget block reserves a 50px bottom margin meant for widget content it doesn't have — collapse it */
footer .mg-footer-widget-area #block-7 { margin: 0 !important; }
/* add a small breathing-room margin around the logo inside its white chip */
footer .mg-footer-bottom-area .site-logo { padding: 10px 18px !important; }
/* Footer v4: λευκό πλαίσιο λογοτύπου κεντραρισμένο μέσα στη μπλε λουρίδα, με ίσο μπλε περιθώριο πάνω και κάτω (8px πάνω + 6px row-gap του grid = 14px, όσο και κάτω) */
footer.footer .overlay { padding: 8px 0 14px !important; }
footer .mg-footer-bottom-area .site-logo { margin: 0 !important; }