/*
Theme Name: WiT Modern
Theme URI: https://www.womenintourism.gr/
Author: Women in Tourism
Description: A PHP 8 compatible rebuild of the original "witnew" theme (originally generated with Artisteer 2.5, now a discontinued tool) for the Σύνδεσμος Ελληνίδων στον Τουρισμό / Women in Tourism site. Matches the original look, colors and header artwork, rewritten in modern, actively supported WordPress theme code so the site keeps working after the server's PHP version is upgraded.
Version: 1.0.2
Requires at least: 5.0
Requires PHP: 7.4
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wit-modern
Tags: fixed-width-replica, left-sidebar, two-columns, custom-menu, translation-ready
*/

/* ---------------------------------------------------------------
   1. Reset & base
------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	padding: 24px 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #AEA098;
	background-color: #221D1B;
}

a { color: #F2BE54; text-decoration: none; }
a:hover, a:focus { color: #F9E0AE; text-decoration: underline; }

img { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F2BE54;
	line-height: 1.3;
	margin: 0 0 12px;
}

p { margin: 0 0 1em; }

ul, ol { margin: 0 0 1em; padding-left: 1.4em; }

/* ---------------------------------------------------------------
   2. Page frame
------------------------------------------------------------------ */
.wit-wrap {
	max-width: 930px;
	margin: 0 auto;
	background-color: #2A2320;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.55);
}

/* ---------------------------------------------------------------
   3. Header banner (reuses the original artwork, header.png)
------------------------------------------------------------------ */
.wit-header {
	position: relative;
	min-height: 225px;
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: flex;
	align-items: center;
	padding-left: 230px;
}

.wit-header .site-title,
.wit-header .site-title a {
	margin: 0;
	font-size: 26px;
	color: #2F2104;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.wit-header .site-title a:hover { text-decoration: none; }

.wit-header .site-description {
	margin: 4px 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #2F2104;
}

.wit-lang-switch {
	position: absolute;
	top: 14px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	background: rgba(47, 33, 4, 0.75);
	color: #F9E0AE !important;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 3px;
	text-decoration: none !important;
}

.wit-flag {
	display: inline-block;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
	vertical-align: middle;
}

.wit-lang-switch:hover {
	background: rgba(47, 33, 4, 0.95);
}

/* ---------------------------------------------------------------
   4. Primary navigation (horizontal gold menu bar)
------------------------------------------------------------------ */
.wit-nav {
	background: linear-gradient(to bottom, #F2BE54 0%, #A1700C 100%);
	border-top: 1px solid #684808;
	border-bottom: 1px solid #684808;
}

.wit-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.wit-nav li {
	border-right: 1px solid #684808;
}

.wit-nav a {
	display: block;
	padding: 12px 18px;
	color: #2F2104;
	font-weight: bold;
	white-space: nowrap;
}

.wit-nav a:hover,
.wit-nav .current-menu-item > a,
.wit-nav .current_page_item > a {
	background: linear-gradient(to bottom, #F9E0AE 0%, #F4C567 100%);
	text-decoration: none;
}

.wit-nav ul ul {
	display: none;
}

/* ---------------------------------------------------------------
   5. Body layout: sidebar + content
------------------------------------------------------------------ */
.wit-body {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.wit-sidebar {
	width: 210px;
	flex: 0 0 210px;
	padding: 20px 0 20px 20px;
}

.wit-content {
	flex: 1 1 0%;
	min-width: 0;
	padding: 20px;
}

@media (max-width: 700px) {
	.wit-body { display: block; }
	.wit-sidebar { width: auto; padding: 16px; }
	.wit-content { padding: 16px; }
	.wit-header { padding-left: 20px; background-position: center; }
}

/* ---------------------------------------------------------------
   6. Sidebar widgets / vertical menu (gold buttons stack)
------------------------------------------------------------------ */
.wit-sidebar .widget { margin-bottom: 18px; }

.wit-sidebar .widget-title {
	margin: 0 0 6px;
	font-size: 13px;
	text-transform: uppercase;
	color: #C9BFBA;
}

.wit-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wit-sidebar li { margin: 0 0 2px; }

.wit-sidebar a {
	display: block;
	padding: 10px 14px;
	background: linear-gradient(to bottom, #F2BE54 0%, #A1700C 100%);
	border: 1px solid #684808;
	border-radius: 3px;
	color: #2F2104;
	font-weight: bold;
}

.wit-sidebar a:hover {
	background: linear-gradient(to bottom, #F9E0AE 0%, #F4C567 100%);
	text-decoration: none;
}

.wit-sidebar .current-menu-item > a,
.wit-sidebar .current_page_item > a {
	background: linear-gradient(to bottom, #6B6961 0%, #504F49 100%);
	color: #F2EFEE;
	border-color: #423834;
}

/* ---------------------------------------------------------------
   7. Content: posts & pages
------------------------------------------------------------------ */
.wit-content article { margin-bottom: 2.5em; }

.wit-content .entry-title { font-size: 20px; }
.wit-content .entry-title a { color: #F2BE54; }

.wit-content .entry-meta {
	font-size: 11px;
	color: #76746B;
	margin-bottom: 10px;
}

.wit-content .entry-thumb {
	float: left;
	margin: 0 16px 10px 0;
	border-radius: 4px;
}

.wit-content .read-more {
	display: inline-block;
	margin-top: 4px;
	color: #F2BE54;
	font-weight: bold;
}

.wit-content table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
.wit-content th, .wit-content td { border: 1px solid #423834; padding: 6px 10px; }

.wit-pagination {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #423834;
}

.wit-pagination a, .wit-pagination span {
	display: inline-block;
	padding: 6px 10px;
	margin-right: 4px;
	background-color: #332C28;
	border-radius: 3px;
}

.wit-pagination .current { background-color: #A1700C; color: #2F2104; }

/* ---------------------------------------------------------------
   8. Comments
------------------------------------------------------------------ */
.wit-comments { margin-top: 2em; border-top: 1px solid #423834; padding-top: 1em; }
.wit-comments ol.comment-list { list-style: none; padding: 0; }
.wit-comments .comment-body { margin-bottom: 1.2em; padding-bottom: 1.2em; border-bottom: 1px solid #332C28; }
.wit-comments .comment-form input[type="text"],
.wit-comments .comment-form input[type="email"],
.wit-comments .comment-form input[type="url"],
.wit-comments .comment-form textarea {
	width: 100%;
	max-width: 420px;
	padding: 6px 8px;
	margin-bottom: 10px;
	background: #221D1B;
	border: 1px solid #423834;
	color: #F2EFEE;
	border-radius: 3px;
}

.wit-comments .comment-form input[type="submit"] {
	padding: 8px 18px;
	background: linear-gradient(to bottom, #F2BE54 0%, #A1700C 100%);
	border: 1px solid #684808;
	border-radius: 3px;
	color: #2F2104;
	font-weight: bold;
	cursor: pointer;
}

/* ---------------------------------------------------------------
   9. Search form
------------------------------------------------------------------ */
.wit-search-form { display: flex; }
.wit-search-form input[type="search"] {
	flex: 1 1 auto;
	padding: 6px 8px;
	border: 1px solid #423834;
	border-radius: 3px 0 0 3px;
	background: #221D1B;
	color: #F2EFEE;
}
.wit-search-form input[type="submit"] {
	padding: 6px 12px;
	border: 1px solid #684808;
	border-radius: 0 3px 3px 0;
	background: linear-gradient(to bottom, #F2BE54 0%, #A1700C 100%);
	color: #2F2104;
	font-weight: bold;
	cursor: pointer;
}

/* ---------------------------------------------------------------
   10. Footer
------------------------------------------------------------------ */
.wit-footer {
	background-color: #332C28;
	color: #C9BFBA;
	text-align: center;
	padding: 16px 20px;
	font-size: 12px;
	border-top: 1px solid #423834;
}

.wit-footer a { color: #F2BE54; }

.wit-footer .rss-link {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

/* ---------------------------------------------------------------
   11. Skip link (accessibility)
------------------------------------------------------------------ */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #F2BE54;
	color: #2F2104;
	padding: 10px 16px;
	z-index: 1000;
}
.skip-link:focus { left: 10px; top: 10px; }