/*
Theme Name:   SampyTracker Blog
Theme URI:    https://sampytracker.com
Author:       Fayjovi
Description:  Blog theme for SampyTracker, converted from the HTML/CSS prototype.
Version:      1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain:  sampytracker
*/

/* Main design lives in assets/css/styles.css (your original file, untouched).
   This file only holds the styles that were inline in the prototype, plus
   small additions WordPress needs. */

/* Sidebar: List of Articles (was the inline <style> block) */
.list-of-articles li {
	position: relative;
	list-style: none;
}
.list-of-articles li:before {
	content: '>';
	position: absolute;
	left: -10px;
	font-weight: bold;
}
.list-of-articles li.current-article a {
	font-weight: 600;
}

/* Post content images coming from the editor */
.single-post-content img {
	max-width: 100%;
	height: auto;
}
.single-post-content .alignright {
	float: right;
	margin: 0 0 1rem 1rem;
}
.single-post-content .alignleft {
	float: left;
	margin: 0 1rem 1rem 0;
}
.single-post-content .aligncenter {
	display: block;
	margin: 0 auto 1rem;
}

/* Post pagination on the listing page */
.sampy-pagination {
	display: flex;
	justify-content: space-between;
	margin: 1.5rem 0;
}
.sampy-pagination a {
	color: #2d7a44;
	text-decoration: none;
	font-weight: 500;
}

/* -------------------------------------------------------------------------
 * Top menu dropdowns
 * Desktop: opens on hover/keyboard focus, parent link stays clickable.
 * Mobile: submenu items show indented under their parent.
 * ---------------------------------------------------------------------- */
.st-topmenu .dropdown-menu {
	border: 0;
	border-top: 3px solid #ff6600;
	border-radius: 0;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
	min-width: 200px;
	padding: 0.5rem 0;
}
.st-topmenu ul.navbar-nav li .dropdown-item {
	padding: 0.5rem 1.25rem;
	font-size: 0.85rem;
}
.st-topmenu ul.navbar-nav li .dropdown-item:hover,
.st-topmenu ul.navbar-nav li .dropdown-item:focus,
.st-topmenu ul.navbar-nav li .dropdown-item.active {
	background-color: #fff3eb;
	color: #ff6600;
}

@media (min-width: 992px) {
	.st-topmenu .dropdown:hover > .dropdown-menu,
	.st-topmenu .dropdown:focus-within > .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

@media (max-width: 991.98px) {
	.st-topmenu .dropdown-menu {
		display: block;
		position: static;
		border-top: 0;
		box-shadow: none;
		background: transparent;
		padding: 0 0 0 1rem;
	}
	.st-topmenu .dropdown-toggle::after {
		display: none;
	}
}