/*
Theme Name:   Asher Welcome
Description:  One-page welcome site in the asher. look & feel. Visitors see a welcome screen; after clicking "Enter" they are told they are being redirected to the new site, then redirected. Texts and target URL are editable in Appearance → Customize → Welcome screen.
Version:      1.0.0
Author:       Asher Nordics
License:      GPL-2.0-or-later
Text Domain:  asher-welcome
*/

:root {
	--awr-orange: #ff7a2e;
	--awr-orange-hover: #ff9152;
	--awr-bg: #161616;
	--awr-text: #e6e6e6;
}

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

html, body { margin: 0; height: 100%; }

body {
	display: flex; flex-direction: column;
	min-height: 100vh; min-height: 100dvh;
	background: var(--awr-bg);
	color: var(--awr-text);
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	overflow: hidden;
	position: relative;
}

/* Header like the new site */
.awr-header {
	background: #000; height: 66px; flex: 0 0 auto;
	display: flex; align-items: center; padding: 0 52px;
	position: relative; z-index: 3;
}
.awr-logo img { display: block; height: 43px; width: auto; }
.awr-subbar { height: 34px; flex: 0 0 auto; background: linear-gradient(#1c1c1c, #000 30%); position: relative; z-index: 3; }

/* Content */
.awr-main {
	position: relative; z-index: 2; flex: 1 1 auto;
	display: flex; flex-direction: column; justify-content: center;
	width: 100%; max-width: 1120px; margin: 0 auto;
	padding: 24px 32px 200px;
}
.awr-step { max-width: 800px; animation: awr-fade .4s ease; }
.awr-step[hidden] { display: none; }
.awr-eyebrow {
	margin: 0 0 22px; color: var(--awr-orange);
	font-size: 13px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
}
.awr-title {
	margin: 0 0 26px; color: #fff;
	font-family: "Roboto Slab", Georgia, serif; font-weight: 700;
	line-height: 1.12; letter-spacing: -.01em;
	font-size: clamp(34px, 5.2vw, 60px);
}
.awr-title--notice { font-size: clamp(30px, 4.4vw, 52px); }
.awr-lead { margin: 0 0 32px; max-width: 760px; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.5; }
.awr-url { color: var(--awr-orange); font-weight: 500; text-decoration: none; word-break: break-all; }
.awr-url:hover { text-decoration: underline; }

.awr-count { margin: 0 0 12px; font-size: 15px; color: #bdbdbd; }
.awr-count strong { color: #fff; }
.awr-bar { width: 100%; max-width: 360px; height: 3px; background: #333; margin: 0 0 30px; }
.awr-bar span { display: block; height: 100%; width: 0; background: var(--awr-orange); }

/* Buttons: square, like "Møt oss" */
.awr-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.awr-btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 49px; padding: 0 30px; border-radius: 2px; cursor: pointer;
	font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1;
	text-decoration: none; transition: background .15s ease, border-color .15s ease;
	background: var(--awr-orange); color: #161616; border: 1px solid var(--awr-orange);
}
.awr-btn:hover { background: var(--awr-orange-hover); border-color: var(--awr-orange-hover); }
.awr-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255, 122, 46, .4); }

/* Scene */
.awr-scene {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
	width: 100%; height: 34vh; min-height: 180px; max-height: 320px; pointer-events: none;
}

@media (max-width: 640px) {
	.awr-header { padding: 0 20px; height: 58px; }
	.awr-logo img { height: 34px; }
	.awr-subbar { height: 16px; }
	.awr-main { padding: 24px 20px 150px; }
	.awr-scene { height: 22vh; min-height: 120px; }
}
@media (max-height: 560px) { body { overflow-y: auto; } .awr-scene { display: none; } .awr-main { padding-bottom: 40px; } }

@keyframes awr-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }