/*
 * Μεταλλοτεχνείον · προσθήκες πάνω στο στυλ του παλιού site (dist/css/master.min.css), που
 * μένει ανέγγιχτο. Μόνο όσα δεν υπήρχαν: σελίδες εκτός αρχικής, στοιχεία επιχείρησης στο
 * υποσέλιδο, μπάνερ cookies, θέση χάρτη και βίντεο πριν από τη συγκατάθεση.
 * Χρώματα του παλιού: χρυσό #C1963D και #D5B66D, σκούρο #232323 και #404040.
 */

.mt-kryfo { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ── Σελίδες εκτός αρχικής: το μενού μένει ορατό ── */
body.mt-eswteriki { padding-top: 70px; background: #232323; }
body.mt-eswteriki #stick-on-top { position: fixed; top: 0 !important; left: 0; width: 100%; height: 70px; z-index: 99; overflow: hidden; }
.mt-piso { position: absolute; right: 15px; top: 0; line-height: 70px; color: #D5B66D; font-family: Comfortaa, cursive; }
.mt-piso:hover, .mt-piso:focus { color: #fff; text-decoration: none; }

/* Η σελίδα ενός έργου όταν ανοίγει απευθείας: ίδια όψη με το πλαϊνό πάνελ */
.mt-selida-ergou { background: #232323; color: #fff; min-height: 60vh; padding-bottom: 40px; }
.mt-selida-ergou #slidingPage-header { display: none; }
.mt-selida-ergou .slidingPage-body { padding-top: 30px; }
.mt-selida-ergou h1.h2 { margin-top: 10px; }

/* Απλές σελίδες (νομικά κείμενα) */
.mt-selida { background: #fff; color: #333; padding: 40px 0 60px; min-height: 60vh; }
.mt-selida h1 { font-size: 32px; }
.mt-selida .mt-keimeno { max-width: 820px; font-size: 16px; line-height: 1.7; }
.mt-selida .mt-keimeno h2 { font-size: 22px; margin-top: 32px; }
.mt-selida .mt-keimeno h3 { font-size: 18px; margin-top: 24px; }
.mt-selida .mt-keimeno a { color: #8a6a24; text-decoration: underline; }
.mt-404 { padding: 120px 0; }

/* ── Υποσέλιδο: στοιχεία επιχείρησης και νομικά ── */
footer .mt-nomika { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.12); font-size: 12px; line-height: 1.7; color: #bdbdbd; }
footer .mt-nomika p { margin: 0 0 6px; font-family: inherit; }
footer .mt-nomika nav { display: flex; flex-wrap: wrap; gap: 0 18px; }
footer .mt-nomika nav a, footer .mt-nomika nav button { display: inline-flex; align-items: center; min-height: 44px; color: #D5B66D; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
footer .mt-nomika nav a:hover, footer .mt-nomika nav button:hover { color: #fff; }
footer .mt-nomika::before, footer .mt-nomika::after { content: none; }

/* ── Χάρτης πριν από τη συγκατάθεση (στη θέση του #map του παλιού προτύπου) ── */
#map.mt-xartis { display: flex; align-items: center; justify-content: center; text-align: center; color: #333; }
#map.mt-xartis iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.mt-xartis-keno { max-width: 520px; padding: 24px; font-family: Comfortaa, cursive; }
.mt-xartis-keno .fa { color: #C1963D; margin: 0 0 10px; }
.mt-xartis-keno p { margin: 0 0 14px; }
.mt-xartis-keno .btn, .mt-video-keno .btn { display: inline-block; width: auto; float: none; min-height: 44px; }
.mt-odigies { display: inline-block; margin-left: 14px; min-height: 44px; line-height: 44px; color: #8a6a24; text-decoration: underline; }

/* ── Βίντεο πριν από τη συγκατάθεση ── */
.mt-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #111; margin: 0 0 24px; }
.mt-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.mt-video-keno { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 16px; color: #fff; text-align: center; }
.mt-video-keno p { margin: 0; }

/* ── Μπάνερ cookies ── */
.mt-cookies { position: fixed; z-index: 2000; left: 12px; right: 12px; bottom: 12px; display: flex; flex-direction: column; gap: 10px; padding: 16px; background: #232323; color: #eee; border: 1px solid #404040; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); font-family: Comfortaa, cursive; font-size: 13px; line-height: 1.5; }
.mt-cookies[hidden], .mt-epiloges[hidden] { display: none; }
.mt-cookies p { margin: 0; font-family: inherit; }
.mt-cookies a { color: #D5B66D; text-decoration: underline; }
.mt-cookies .mt-dyo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mt-cookies .mt-dyo button { min-height: 44px; background: #C1963D; color: #111; border: 0; font: inherit; font-weight: 700; cursor: pointer; }
.mt-cookies .mt-dyo button:hover, .mt-cookies .mt-dyo button:focus { background: #D5B66D; }
.mt-cookies .mt-rythmiseis { align-self: flex-start; min-height: 44px; background: none; border: 0; padding: 0; color: #D5B66D; font: inherit; text-decoration: underline; cursor: pointer; }
.mt-cookies .mt-epiloges { display: flex; flex-direction: column; gap: 6px; }
.mt-cookies .mt-epiloges[hidden] { display: none; }
.mt-cookies .mt-epiloges label { display: flex; align-items: center; gap: 10px; min-height: 40px; font-weight: 400; margin: 0; }
.mt-cookies .mt-epiloges input { width: 20px; height: 20px; margin: 0; accent-color: #C1963D; }
@media (min-width: 768px) {
    .mt-cookies { left: auto; right: 24px; bottom: 24px; width: 380px; }
}

/* ── Φόρμα (Contact Form 7) με το στυλ της παλιάς φόρμας ── */
.contact-form .wpcf7-form-control-wrap { display: block; }
.contact-form .wpcf7 textarea { width: 100%; }
.contact-form .wpcf7-not-valid-tip { font-size: 12px; color: #f0ad4e; }
.contact-form .wpcf7-response-output { color: #fff; border-color: #C1963D !important; }
.contact-form .mt-gdpr { font-size: 12px; line-height: 1.6; color: #ddd; margin: 4px 0 12px; font-family: inherit; }
.contact-form .mt-gdpr a { color: #D5B66D; text-decoration: underline; }
.contact-form .mt-gdpr input[type="checkbox"] { margin: 0 8px 0 0; vertical-align: -2px; }
.contact-form .wpcf7-spinner { display: none; }

/* Εστίαση πληκτρολογίου ορατή παντού */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline: 2px solid #D5B66D; outline-offset: 2px; }
/* Το παλιό css σβήνει το περίγραμμα σε .btn και .hamburger με ισχυρότερους κανόνες: εδώ ξαναμπαίνει. */
a.btn:focus-visible, button.btn:focus-visible, .btn:focus-visible, button.hamburger:focus-visible, .hamburger:focus-visible, #filters li a:focus-visible { outline: 2px solid #D5B66D !important; outline-offset: 2px !important; }

/* Στόχοι αφής στο κινητό: το μενού (32×32) και το «Επάνω» (48×37) πιάνουν 44px, χωρίς να αλλάξει
   η εμφάνιση. Το μενού με αόρατη ζώνη γύρω του (οι γραμμές του δεν αλλάζουν), το «Επάνω» με κενό από πάνω. */
.hamburger::after { content: ""; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; }
.goUp { padding-top: 7px; }

/* TikTok: το Font Awesome 4.4 του παλιού site δεν έχει εικονίδιο. Το στοιχείο έχει την κλάση fa
   (ίδια διάσταση και στοίχιση με τα Facebook/Instagram) και το σήμα μπαίνει ως εικόνα στο ::before. */
a.social.mt-tiktok::before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M16.6 5.82a4.28 4.28 0 0 1-1.04-2.82h-3.09v12.4a2.59 2.59 0 1 1-2.59-2.59c.27 0 .53.04.77.12V9.77a5.7 5.7 0 0 0-.77-.05 5.68 5.68 0 1 0 5.68 5.68V9.01a7.3 7.3 0 0 0 4.27 1.37V7.31a4.28 4.28 0 0 1-3.23-1.49z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Πρώτη οθόνη: το στρογγυλό λογότυπο στη θέση σκίτσου, τίτλου και υπότιτλου (πελάτης 29/09/2026).
   «Όπως είναι κανονικά με τον μαύρο φόντο», περίπου 1/4 μεγαλύτερο, και από τις 20:55 το στρογγυλό (μαύρος
   δίσκος). Ο δίσκος πιάνει ό,τι το τετράγωνο πριν: 480px, και ο κρεμ κύκλος μέσα του ~433px (340 στην αρχή).
   Το μέγεθος ακολουθεί και το ύψος της οθόνης, ώστε το κουμπί να χωρά σε χαμηλές οθόνες (1366×625).
   Η σκιά γίνεται στρογγυλή με το border-radius. */
.s-home .mt-logotypo { margin: 0 0 4px; line-height: 0; }
.s-home .mt-logotypo img { width: min(480px, 52vh); height: auto; border-radius: 50%; box-shadow: 0 6px 24px rgba(0, 0, 0, .45); }
/* Ψηλότερο από σκίτσο και τίτλο: η διαφάνεια κεντράρεται κάθετα αντί για top 30%, αλλιώς πέφτει στις τελείες. */
.flickerplate ul.flicks li.mt-me-logotypo .flick-inner .flick-content { top: 50%; transform: translateY(-50%); }
@media (max-width: 480px) {
    .s-home .mt-logotypo img { width: min(88vw, 52vh); }
    /* Λίγο πάνω από τη μέση, για να φαίνεται το κουμπί πάνω από το μπάνερ cookies της πρώτης επίσκεψης. */
    .flickerplate ul.flicks li.mt-me-logotypo .flick-inner .flick-content { top: 42%; }
}

/* «Βρείτε μας»: η πρόσοψη του εργαστηρίου ανάμεσα στα στοιχεία και στον χάρτη (πελάτης 29/09/2026).
   Στο κινητό κόβεται στο κέντρο (είσοδος, αριθμός 21): ολόκληρη η πανοραμική θα έβγαινε 90px ύψος. */
.s-findus .mt-prosopsi { margin: 14px 0 40px; }
.s-findus .mt-prosopsi img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
    .s-findus .mt-prosopsi img { aspect-ratio: 2 / 1; object-fit: cover; }
}
/* Τα στοιχεία επικοινωνίας φαίνονται πάντα, χωρίς το σβήσιμο της κύλισης (πελάτης 30/09/2026: «δεν βλέπω τα
   στοιχεία επικοινωνίας»). Κάτω από το πλέγμα των έργων, που ξαναστρώνεται όσο φορτώνουν οι φωτογραφίες, το
   σημάδι της κύλισης μένει σε παλιά θέση και η γραμμή μπορεί να μείνει με διαφάνεια 0. */
.s-findus .onscrollanimation.fade-in { opacity: 1; transition: none; }

/* «Ποιοι είμαστε»: η ταινία και οι εκπομπές (πελάτης 28/09/2026) */
.s-ourstory .mt-vinteo { max-width: 760px; margin: 40px auto 0; }
.mt-vinteo-kouti { position: relative; }
.mt-vinteo video { display: block; width: 100%; height: auto; background: #000; }
.mt-vinteo figcaption { margin-top: 10px; font-size: 13px; letter-spacing: 1px; opacity: .7; }
.mt-vinteo-play { position: absolute; top: 50%; left: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; padding: 0; border: 2px solid #D5B66D; border-radius: 50%; background: rgba(0, 0, 0, .55); cursor: pointer; transition: background .2s; }
.mt-vinteo-play::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -8px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #D5B66D; }
.mt-vinteo-play:hover, .mt-vinteo-play:focus-visible { background: rgba(193, 150, 61, .9); }
.mt-vinteo-play:hover::before, .mt-vinteo-play:focus-visible::before { border-left-color: #fff; }
.s-ourstory .mt-ekpompes { list-style: none; max-width: 760px; margin: 25px auto 0; padding: 0; }
.s-ourstory .mt-ekpompes li { margin: 10px 0; line-height: 1.6; }
.s-ourstory .mt-ekpompes a { color: #D5B66D; text-decoration: underline; }
@media (max-width: 480px) {
    .mt-vinteo-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
    .mt-vinteo-play::before { margin: -11px 0 0 -6px; border-width: 11px 0 11px 19px; }
}

/* Το κουμπί του χάρτη πάνω στο γκρι: σκούρο κείμενο για να διαβάζεται */
.mt-xartis-keno .btn.fill { color: #232323; border: 1px solid #C1963D; background: transparent; }
.mt-xartis-keno .btn.fill:hover, .mt-xartis-keno .btn.fill:focus { color: #fff; }