/*
Theme Name: ConnorB
Theme URI:
Author: Connor Bergmann
Author URI:
Description: A simple, single-page landing theme for Connor Bergmann. White background, black text, a rotating image, editable text, and email/LinkedIn/resume links — all managed from Appearance > ConnorB Settings.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: connorb
*/

/* Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	font-weight: 400;
	min-height: 100vh;
}

a {
	color: #000000;
}

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

/* Layout */
.connorb-landing {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 20px;
}

/* Rotating image, all frames stacked in the same spot */
.connorb-logo {
	position: relative;
	max-width: 420px;
	width: 100%;
	aspect-ratio: 3 / 2.6;
	margin-bottom: 28px;
}

.connorb-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
}

.connorb-slide.is-active {
	opacity: 1;
}

/* Transition styles, chosen in Appearance > ConnorB Settings */
.connorb-logo[data-animation="fade"] .connorb-slide {
	transition: opacity 0.6s ease;
}

.connorb-logo[data-animation="slide"] .connorb-slide {
	transform: translateX(28px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.connorb-logo[data-animation="slide"] .connorb-slide.is-active {
	transform: translateX(0);
}

.connorb-logo[data-animation="zoom"] .connorb-slide {
	transform: scale(1.08);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.connorb-logo[data-animation="zoom"] .connorb-slide.is-active {
	transform: scale(1);
}

.connorb-logo[data-animation="none"] .connorb-slide {
	transition: none;
}

@media (prefers-reduced-motion: reduce) {
	.connorb-slide {
		transition: none !important;
		transform: none !important;
	}
}

/* Editable text */
.connorb-heading {
	margin: 0 0 6px;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-wrap: balance;
}

.connorb-tagline {
	margin: 0 0 28px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #000000;
}

/* Email / LinkedIn icon row, above the Resume button */
.connorb-icons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 24px;
}

.connorb-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 2px solid #000000;
	border-radius: 50%;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.connorb-icon:hover,
.connorb-icon:focus-visible {
	background-color: #000000;
	color: #ffffff;
}

.connorb-icon:focus-visible {
	outline: 2px solid #000000;
	outline-offset: 3px;
}

/* Resume button */
.connorb-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.connorb-link {
	display: inline-block;
	padding: 12px 28px;
	border: 2px solid #000000;
	border-radius: 999px;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.connorb-link:hover,
.connorb-link:focus-visible {
	background-color: #000000;
	color: #ffffff;
}

.connorb-link:focus-visible {
	outline: 2px solid #000000;
	outline-offset: 3px;
}