html {
    font-size: 105%; /* βάση */
	}
	body {
		font-size: 1.1rem;
	}
	#lkHeader_main {
    position: relative;
    z-index: 2000;	
	}
	#lkHeader_main .inner_wrap {
	height: 64px;
	}
	#lkHeader_main .forumtitle,
	#lkHeader_main .forumtitle a {
	display: flex;
	align-items: center;
	height: 64px;
	line-height: 1;
	margin: 0rem 0rem 0rem -1rem;
	padding: 0;
	gap: 1.9rem;
	}
    .header-logo img {
        max-height: 80px;
    }
	/* Κάνουμε το lkHeader_sub να κάθεται ΠΑΝΩ από την εικόνα */
	#lkHeader_sub {
	/*position: relative;*/
	z-index: 5;
	transition: background 0.3s ease; /* Smooth transition */
	}
	/* Admin top button */
	.dropmenu {
	background: rgb(0 0 0 / 0.3);
	padding: 12px 20px;
	color: #fff !important;
	margin: -8px;
	}
	/* Makes Buttons/icons/text White for all */
	#lkHeader_sub,
	#lkHeader_sub a,
	#lkHeader_sub .textmenu,
	#lkHeader_sub i {
		color: #fff !important;
	}
	/* Makes Buttons/icons/text White for Admin */
	#lkHeader_sub.is_admin,
	#lkHeader_sub.is_admin a,
	#lkHeader_sub.is_admin .textmenu,
	#lkHeader_sub.is_admin i {
		color: #fff !important;
	}
	/* Αν τα icons είναι SVG / fontawesome */
	#lkHeader_sub .main_icons {
		filter: brightness(0) invert(1);
	}
	
	.forumtitle {
	font-size: 2.5rem !important;
	font-weight:  !important500;
	font-family: "Montserrat",sans-serif !important;
	/*margin-top: 14px;*/
	}
	#profile_menu {
    /*display: block !important;*/
    visibility: visible !important;
    opacity: 1 !important;
	z-index: 99999 !important;
	}
	/* φέρνει το Login Overlay window Πάνω από τα άλλα αντικείμενα */
	#smf_popup,
	#smf_popup .popup_window {
    z-index: 999999 !important;
	}
	.profile_user_links li {
	font-size: 0.9rem;
	line-height: 2.2em;
	}
/* Βάζουμε FontAwesome icons */
/* Κρύβουμε SMF icons */
.button_login .main_icons,
.button_signup .main_icons {
    display: none !important;
}
/* Log in icon */
.button_login a {
    background-color: #000 !important;
	border: 1px solid #000 !important;
    padding: 4px 12px !important;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s ease;
}
.button_login a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f2f6"; /* right-to-bracket */
    font-weight: 900;
    margin-right: 6px;
	font-size: 14px !important;
    color: #f5b400 !important;
}
/* Hover */
.button_login a:hover {
    background-color: #2b2e34;
}
.button_signup a {
	background-color: #ffae14 !important;
	border: 1px solid #ae7408 !important;
	/*background: #e17724;*/
    /*background-image: linear-gradient(to right,#f89140,#e17724);*/
	padding: 2px 7px !important;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.2s ease;
}
/* Sign up icon */
.button_signup a::before {
    font-family: "Font Awesome 6 Free";
    content: "\f234"; /* user-plus */
    font-weight: 900;
    margin-right: 6px;
	font-size: 14px !important;
    color: #2a2a2a !important;
}
.button_signup a:hover {
    background-color: #2b2e34;
}
.button_login a::before,
.button_signup a::before,
#pm_menu_top::before,
#alerts_menu_top::before {
    font-size: 14px;
    color: #f5b400; /* solar yellow */
}
/* Κρύβουμε SMF icons */
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
    display: none !important;
}
/* user icon */
#profile_menu_top::before {
    font-family: "Font Awesome 6 Free";
    /*content: "\f007"; /* user */
    font-weight: 900;
    margin-right: 6px;
}
/* Messages icon */
#pm_menu_top::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0e0"; /* envelope */
    font-weight: 900;
    margin-right: 6px;
}
/* Alerts icon */
#alerts_menu_top::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0f3"; /* bell */
    font-weight: 900;
    margin-right: 6px;
}
#top_info {
	margin: 0rem -2rem 0rem 0rem;
}
#top_info>li {
    display: inline-block;
    margin: -7px -2px 0px 5px;
    font-size: 0.9em;
    line-height: 2.0em;
}

.custom_search {
    padding: 8px 4px 8px 8px;;
	top: -1px;
}
.custom_search input {
    font-size: 0.9rem !important;
    font-weight: 500;
	color: #aeaeae;
	font-family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans",sans-serif !important;
	height: 3.2em;
    padding: 0px 0px 5px 10px !important;
}
.custom_search input[name="search"] {
    width: 8em;
}
.custom_search input[name="search"]:focus {
    width: 8em;
}
.custom_search button {
    border-width: 1px 0;
    border-radius: 0;
	height: 3.7em;
    padding: 9px 2px 9px 2px;
}
.custom_search select {
    font-size: 0.9rem !important;
    font-weight: 500;
	color: #aeaeae;
	font-family: "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans",sans-serif !important;
	height: 3.2em;
    padding: 0px 0px 5px 10px !important;
}
	/* ===== Start SLIDER FIX ===== */
	.silder {
	background-image: url("../images/silder/balkonsolar-1256-376.jpg") !important;
	height: 70vh;
    margin-top: -60px;   /* ρύθμισε ανάλογα με το ύψος του lkHeader_sub */
    position: relative;
    z-index: 1;
    }
	
	.silder h1 {
	font-style: normal;
	font-weight: 700;
	color: #f7f7f7;
	font-size: 3.3vw;
	text-align: center;
	text-shadow: rgba(0,0,0,.5) 0 2px 2px;
	font-family: "Montserrat",sans-serif;
	letter-spacing: .02em;
	line-height: 2.7vw;
    margin-top: 10%;
	}
	.box1 {
	background-color: rgb(0 0 0 / 0.3);
	}
	.box {
	padding: 15px;
	}
	/* ===== End SLIDER FIX ===== */

/* Start Official Announcements Grid */

.official-announcements {
	position: relative;
	z-index: 20;              /* πάνω από slider */
	margin-top: -100px;       /* ΑΝΕΒΑΙΝΕΙ ΠΑΝΩ στο banner */
	padding-bottom: 40px;
}

/* GRID */
.official-announcements-grid {
	width: 90%;
	max-width: 1400px;   /* soft cap */
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 35px;
}

/* ΚΑΡΤΑ */
.oa-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #fff;
	text-decoration: none;
	border-radius: 0; /* όπως ζήτησες παλιά */
/*	box-shadow:
		0 0 0 1px rgba(0,0,0,0.15),
		0 10px 30px rgba(0,0,0,0.40); /* 👈 OUTER GLOW */
	box-shadow:
		0 2px 6px rgba(0, 0, 0, 0.40),   /* κοντή σκιά */
		0 18px 40px rgba(0, 0, 0, 0.40); /* μεγάλη σκιά (αιώρηση) */	
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	z-index: 5;
	position: relative;
}
.oa-item:hover {
	transform: translateY(-6px);
	box-shadow:
		0 6px 12px rgba(0, 0, 0, 0.40),
		0 26px 60px rgba(0, 0, 0, 0.45);
}
/* ΕΙΚΟΝΑ */
.oa-image {
	width: 100%;
	height: 180px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: filter 0.35s ease;
}
/* φωτίζει στο hover */
.oa-item:hover .oa-image {
	filter: brightness(1.12) contrast(1.05);
}
/* ΠΕΡΙΕΧΟΜΕΝΟ */
.oa-content {
	padding: 5px 16px 16px;
}

.oa-date {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 3px;
}

.oa-title {
	font-family: Roboto,sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.25;
	color: #222;
}

.oa-title:hover {
	text-decoration: underline;
}
/* End Official Announcements Grid */

/* SUB LOGO */
#smflogo {
    height: 38px;
    display: block
	margin: 15px 0px -14px 0px !important;
}
.index_img{
float:right;
margin:0 0 10px 15px;
max-width:220px;
border-radius:6px;
}
.topic_thumb{
float:left;
margin-right:10px;
}

.topic_thumb img{
width:55px;
height:55px;
object-fit:contain;
border-radius:4px;
}
@media (max-width: 1620px) /* for Laptop */ {
.forumtitle {
	font-size: 1.9em !important;
	}
#lkHeader_main .forumtitle,
#lkHeader_main .forumtitle a {
	margin: 0rem 0rem 0rem -1.0rem;
	gap: 1.8rem;
	}
#top_info {
        margin: 0rem -1.1rem 0rem 0rem;
	}
#top_info>li {
	font-size: 0.8em;
	}
.dropmenu>li {
	font-size: .8em;
	}
#siteslogan, img#smflogo {
    margin: 0;
	margin-right: auto;
}
.button, .quickbuttons>li>a, .inline_mod_check {
    font-size: .8rem;
    vertical-align: super;
}	
.seo_footer{
	font-size:12px;
	opacity:0.8;
	margin-top:4px;
	}
}
@media (max-width: 1024px) /* for Tablet */ {

.silder {
    background-image: url("../images/silder/balkonsolar-1256-450.jpg") !important;
    height: 65vh;
    }
	.box1 {
  background-color: rgb(0 0 0 / 0.3);
	}
	.box {
	padding: 15px;
	}
/* Official Announcements Grid */
	.official-announcements-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 991px) /* for Mobile */ {
#lkHeader_main {
	padding: 0em 0.5em 0.7em 0.5em;
    }
#lkHeader_main .forumtitle,
#lkHeader_main .forumtitle a {
	margin: 0rem 0rem 2.5rem 0rem;
	gap: 0.3rem !important;
	letter-spacing: 0.01em; /* λίγο μεγαλύτερο κενό μεταξύ γραμμάτων */
	}

/* Κάνουμε όλο το header flex-column */
#lkHeader_main .inner_wrap {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
	height: auto !important;
    }
	/* Ακύρωση του height: 64px για το mobile */
#lkHeader_main .forumtitle a {
	height: auto !important;
	padding: 0 !important;
	line-height: 1.2;
    }
	#llkHeader_main #top .header-logo {
    }
    /* ===============================
       ROW 1 → Logo + Login/Signup
       =============================== */
    /* Το forumtitle γίνεται κάθετο για να διαχωριστεί logo από title */
    .forumtitle {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100%;
        float: none !important;
        margin: 0;
        padding: 0;
    }
    /* LOGO → Row 1 left */
.forumtitle .header-logo {
        order: 1;
        align-self: flex-start; /* αριστερά */
		margin: 0em 0em 0em -1.3em !important;
    }
	/* 1) LOGO: πιο μικρό + πιο κάτω */
.forumtitle .header-logo img {
	margin: 0.3em 0em 0em 1.3em;  /* κατεβαίνει */
	max-height: 2em !important;  /* μικραίνει */
    }
    /* ===============================
       ROW 2 → TITLE, full width
       =============================== */
    /* Το δεύτερο link μέσα στο forumtitle είναι ο τίτλος */
    .forumtitle a:nth-of-type(2) {
		height: auto !important;
		display: block !important;
        order: 3;
        width: 100%;
        text-align: center !important;
        font-size: 2.0rem;
        margin-top: 20px; /* κενό κάτω από row 1 */
		margin-bottom: 20px !important;
    }
    /* ===============================
       ROW 3 → Search bar (όπως είναι)
       =============================== */
/* To search θα εμφανίζεται ΜΕΣΑ στο lkHeader_sub */
    .custom_search {
        position: relative !important;
        top: 2.8em !important;        /* το ανεβάζουμε προς τα πάνω */
        margin-bottom: -20px !important; /* διορθώνει τη ροή κάτω από αυτό */
        width: calc(100% - 20px) !important;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 50;
		order: 4;
        margin-top: 50px;
    }
/* Αυξάνουμε ύψος/χώρο στο lkHeader_sub για να χωρέσει το search */
    #lkHeader_sub .inner_wrap {
        padding-top: 35px !important;
        padding-bottom: 10px !important;
        position: relative;
    }
	
    /* Κρύβουμε το hamburger του sub-header για να μην μπλέκει */
    #lkHeader_sub .mobile_user_menu {
        display: none !important;
    }
    /* Login / signup → Row 1 right */
    #top_info {
        order: 2;
        display: flex !important;
        flex-direction: row;
        gap: 10px;
        margin-left: auto !important; /* πάει δεξιά */
		margin: -5.7em -0.3em 0em 0em;  /* το φέρνουμε στην ίδια σειρά με το logo */
    }
	/* Το μέγεθος γραμάτων των Login/Sign UP Buttons */
	#top_info>li {
        font-size: 0.7em !important;
        line-height: 2.0em !important;
	}
	.button_login a {
		padding: 4px 10px !important;
	}
	.button_signup a {
		padding: 2px 8px !important;
	}
	/* Μεγαλύτερο User profile icon στο dropdown */
	.profile_user_avatar img.avatar {
		max-width: 65px !important;
	}
	#top_info .top_menu.visible {
		margin-top: 16px;
	}
	/* Μεγαλύτερα icons στο profile o */
.profile_user_links li .main_icons {
    font-size: 1.6rem !important;       /* περίπου 2x από πριν */
    width: 26px !important;             /* αυξάνει το κουτί */
    height: 26px !important;
    line-height: 26px !important;
    margin-right: 8px !important;       /* απόσταση από το κείμενο */
}
/* Λίγο μεγαλύτερο κείμενο */
.profile_user_links li a {
    font-size: 1.2rem !important;      /* πριν ήταν 0.8rem */
    line-height: 2.2em !important;
    display: inline-block;
}
/* Διόρθωση στο indent ώστε να μην μπαίνει το icon πάνω στο link */
.profile_user_links li {
    padding-left: 0px !important;      /* ήταν 24px */
    text-indent: 0px !important;
}
/* ==========================
       PROFILE AVATAR (profile_menu_top)
       ========================== */
	#profile_menu {
        width: 21em;
		margin-right: 1em;
    }
    #profile_menu_top img.avatar {
        width: 40px !important;    /* διπλάσιο από πριν */
        height: 40px !important;
        border-radius: 10% !important; /* 50% για κυκλικό εικονείδιο */
        object-fit: cover !important;
        margin-right: 8px !important;
    }

	
	.dropmenu>li, #top_info>li {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    font-size: 1.0em;
    line-height: 1.9em;
}



	.silder {
        background-image: url("../images/silder/balkonsolar-1256-376.jpg") !important;
        height: 40vh;
        margin-top: 0;
    }
	
	.silder h1 {
    font-weight: 700;
    font-size: 6.7vw;
	letter-spacing: .04em;
    line-height: 7.5vw;
    margin-top: 25%;
	}
	/* Official Announcements Grid */
	.official-announcements-grid {
		grid-template-columns: 1fr;
	}
	.official-announcements {
		margin-top: 20px; /* επιστρέφει φυσιολογικά */
	}
	.oa-item {
		box-shadow:
			0 2px 8px rgba(0,0,0,0.35),
			0 12px 24px rgba(0,0,0,0.35);
	}
	.oa-content {
	padding: 5px 15px 10px 15px;
	}
	.oa-title {
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.2;
	}
	
	}