:root {
	color-scheme: dark light;
}

html {
	scroll-behavior: smooth;
}

:where(h1), :where(h2), :where(h3), :where(p) {
	max-inline-size: initial;
	text-wrap: balance;
}

#nav-toggle {
	display: none !important;
}

/*.hero-content-style1 h2 {
  text-shadow: 0 2px 8px rgba(65, 0, 21, 0.45);
  line-height: 1.2;
  height: 4ch;
}
.hero-content-style1 p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 90);
  font-weight: 300;
}*/

.hero-content-style1 {
	& h2 {
		text-shadow: 0 2px 8px rgba(65, 0, 21, 0.45);
		line-height: 1.2;
		height: 4ch;
	}

	& p {
		text-shadow: 0 1px 3px rgba(0, 0, 0, 90);
		font-weight: 300;
	}
}

.hero-large-text {
	text-wrap: wrap;
}

.btn.btn-secondary-outline.btn-lg {
	background: transparent;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border-color: hsla(335, 100%, 52%, 0.5);
}

table {
	text-wrap: balance;
}

.section-about .row>div {
	text-align: left;
}

a.attachment-link, .address-content a,
.site-footer .site-info .btt a:hover {
	color: light-dark(#750324, #b05770);
}

.download-attachments {
	font-size: medium;
}

.download-attachments table th {
	min-width: 12ch;
}

/*.attachment-title {
  min-width: 8ch;
}
.attachment-date {
  min-width: 12ch;
}*/
.attachment-caption {
	text-align: left;
}

.da-attachments-table {
	container: fellos / inline-size;
}

.download-attachments table.da-attachments-table td, .download-attachments table.da-attachments-table th {
	border-top: revert;
}

@container fellos (max-width: 60ch) {
	.download-attachments table th {
		word-wrap: anywhere;
	}
}

@media (max-width: 60ch) {
	.download-attachments table th {
		word-wrap: anywhere;
	}
}

#contact .row {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 3fr 2fr;
	grid-template-areas:
		"xartis"
		"info";
	grid-row-gap: 5ch;
}

@media (min-width: 768px) {
	#contact .row {
		grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr 0;
		grid-column-gap: 4ch;
		grid-template-areas: "xartis info";
	}
}

#contact .col-sm-6 {
	display: contents;
	visibility: visible !important;
}

.xartis-responsive {
	grid-area: xartis;
	overflow: clip;
	padding-bottom: 50%;
	position: relative;
	height: 0;
}

.address-box {
	grid-area: info;
}



/* =======================================
   HERO SLIDESHOW ΒΑΣΙΚΑ ΣΤΥΛ
   ======================================= */
.hero-slideshow-wrapper {
    position: relative;
    overflow: clip;
}

.hero-slideshow-wrapper .hero-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* Βασικά στυλ για όλα τα slides */
.hero-slideshow-wrapper [class^="hero-slide-"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    z-index: 0;
}

/* Εμφάνιση μόνο του ενεργού slide */
.hero-slideshow-wrapper [class^="hero-slide-"].active {
    opacity: 1;
    z-index: 1;
}

/* Διασφάλιση ότι το περιεχόμενο είναι πάνω από τις εικόνες */
.hero-slideshow-wrapper .container {
    position: relative;
    z-index: 2;
}

/* =======================================
   ΒΕΛΤΙΣΤΟΠΟΙΗΣΕΙΣ ΑΠΟΔΟΣΗΣ
   ======================================= */

/* Performance optimizations για τα ενεργά slides */
.hero-slideshow-wrapper [class^="hero-slide-"].active {
    content-visibility: visible;
    contain: layout paint style;
    will-change: opacity;
}

/* Βελτιστοποίηση για το πρώτο slide */
.hero-slideshow-wrapper .hero-slide-0 {
    will-change: opacity;
}

/* Hardware acceleration για όλα τα slides */
.hero-slideshow-wrapper [class^="hero-slide-"] {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* =======================================
   PARALLAX ΥΠΟΣΤΗΡΙΞΗ
   ======================================= */

/* Διασφάλιση ότι το slideshow εμφανίζεται πάνω από το parallax background */
.hero-slideshow-wrapper.parallax-hero {
    position: relative;
    z-index: 1;
}

/* Για single image με parallax */
.hero-slideshow-wrapper.parallax-hero [class^="hero-slide-"] {
    background-attachment: fixed;
}

/* Διόρθωση του z-index για το parallax container */
#parallax-hero {
    position: relative;
}

#parallax-hero .jarallax-container {
    z-index: -1 !important;
}

/* =======================================
   ΠΡΟΣΑΡΜΟΓΗ ΓΙΑ ΚΙΝΗΤΕΣ ΣΥΣΚΕΥΕΣ
   ======================================= */

/* Απενεργοποίηση parallax και άλλων βαριών εφέ σε κινητές συσκευές */
@media (max-width: 768px) {
    .hero-slideshow-wrapper.parallax-hero [class^="hero-slide-"] {
        background-attachment: scroll;
        transform: none !important;
    }

    /* Βελτιστοποίηση περιεχομένου για κινητές */
    .hero-slideshow-wrapper .hero__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* =======================================
   ΠΡΟΣΒΑΣΙΜΟΤΗΤΑ & ΔΙΑΦΟΡΑ
   ======================================= */

/* Βελτίωση αντίθεσης κειμένου */
.hero-slideshow-wrapper .hero__content {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Στυλ για τα κουμπιά */
.hero-slideshow-wrapper .btn {
    position: relative;
    z-index: 3;
}