/*
Theme Name: SEB Theme
Theme URI:
Author: SEB
Author URI:
Description: Minimal premium Travel & Tourism WordPress theme
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: seb-theme
*/

/* -----------------------------------------------------------------------
   This file intentionally holds only the required WP theme header plus
   the structural/layout classes already used in header.php / footer.php
   (.container, .main-navigation, .pagination, .skip-link,
   .screen-reader-text). All design tokens, element resets, typography,
   and reusable components live in assets/css/ — see:

       assets/css/variables.css
       assets/css/base.css
       assets/css/typography.css
       assets/css/components.css

   Do not add global resets or design values here — it would duplicate
   what those files already define. This file is enqueued last so it can
   layer minor structural tweaks on top of the design system if needed.
   ----------------------------------------------------------------------- */

/* Skip link */
.skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--seb-primary, #003463);
	color: var(--seb-white, #fff);
	padding: var(--seb-space-sm, 8px) var(--seb-space-lg, 16px);
	z-index: 100000;
	transition: top var(--seb-transition-fast, 0.15s ease-in-out);
}

.skip-link:focus {
	top: 0;
}

/* Basic layout containers */
.site-header,
.site-footer,
.site-main {
	width: 100%;
}

/* Legacy structural container class used in header.php / footer.php.
   Mapped onto the same tokens as .seb-container so the two systems stay
   visually consistent without editing the templates. */
.container {
	max-width: var(--seb-container-width, 1240px);
	margin-inline: auto;
	padding-inline: var(--seb-container-padding, 20px);
	box-sizing: border-box;
}

/* Basic nav layout (typography for these lives in typography.css) */
.main-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--seb-space-lg, 20px);
}

/* Pagination layout */
.pagination {
	display: flex;
	gap: var(--seb-space-sm, 10px);
	margin: var(--seb-space-lg, 20px) 0;
}

/* Screen reader text (used by comment forms, etc.) */
.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;
	width: 1px;
	word-wrap: normal !important;
}