/*
Theme Name: MC Iskariot
Theme URI: https://mc-iskariot.de
Description: Custom WordPress theme for MC Iskariot motorcycle club.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
Author: Daniel Proschko
Author URI: https://proschko-it.de
Text Domain: mc-iskariot

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# MC Iskariot Brand Guidelines
# WordPress Core Styles
# Accessibility
# Alignments
# Clearings
# Typography
# Forms
# Buttons
# Navigation
# Content
# Widgets
# Comments
# Footer
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# MC Iskariot Brand Guidelines
--------------------------------------------------------------*/
/*
Primary Colors:
- MC Yellow: #FFEE58
- MC Yellow Dark: #FDD835
- MC Black: #111111
- MC Gray Dark: #1a1a1a
- MC Gray Light: #2a2a2a
- MC Border: #333333

Typography:
- Font Family: Lato (weights: 100, 300, 400, 700, 900)

Design Rules:
- NO ROUNDED CORNERS: All elements use border-radius: 0
- Sharp, angular design aesthetic
- High contrast black and yellow color scheme
- Mobile-first responsive design

Theme Features:
- Sticky header with centered logo
- Mobile hamburger menu
- Custom post type: News
- Contact form integration (Contact Form 7)
- Tailwind CSS v4 for styling
- Vite build process
*/

/*--------------------------------------------------------------
# WordPress Core Styles
--------------------------------------------------------------*/
/* 
Note: The main styling is handled by Tailwind CSS (assets/css/output.css)
This file contains the WordPress theme header and minimal core styles.
All custom styles are compiled from assets/css/input.css using Tailwind v4.
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #FFEE58;
	border-radius: 0;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #111111;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
}

/*--------------------------------------------------------------
# WordPress Image Classes
--------------------------------------------------------------*/
img {
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

/*--------------------------------------------------------------
# WordPress Gallery
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# WordPress Embeds
--------------------------------------------------------------*/
.wp-embed-responsive .wp-block-embed__wrapper::before {
	content: "";
	display: block;
	padding-top: 50%;
}

.wp-embed-responsive .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/*--------------------------------------------------------------
# Sticky Posts
--------------------------------------------------------------*/
.sticky {
	display: block;
}

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation,
.posts-navigation,
.pagination {
	margin: 2em 0;
	clear: both;
}

.nav-links {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}