.btn-shadow-2{
	transition: inherit;
    font-weight: 700;
    font-family: jura, sans-serif;
    font-size: 20px!important;
    margin: 0px 5.5px 0px 0px;
    color: #FFFFFF;
    text-shadow: 1px 0 #A32320, -1px 0 #A32320, 0 1px #A32320, 0 -1px #A32320, 0 0 2px #F00A6E;
    font-style: italic;
    letter-spacing: 0.2em;
    display: initial;
	text-transform:uppercase!important;
	}
	
	.btn-shadow{
	transition: all 0.2s ease, visibility 0s;
    padding: 13px;
	color: #FFFFFF;
    text-shadow: 1px 0 #A32320, -1px 0 #A32320, 0 1px #A32320, 0 -1px #A32320, 0 0 2px #F00A6E;
    border-radius: 0px;
    border: 0px solid rgb(240, 10, 110);
    box-shadow: 0 0 15px #F00A0A;
    background: #A32320;
	text-transform:uppercase!important;
	font-weight: 700;
	font-family: jura, sans-serif;
    font-size: 20px!important;
	font-style: italic;
	}
	
	.claw-menu{
		background:#000000!important;
		color: #A32320!important;
		text-shadow: 1px 0 #A32320, -1px 0 #A32320, 0 1px #A32320, 0 -1px #A32320, 0 0 2px #F00A6E;
		font-style: italic;		
		padding: 0.5rem 0.75rem;
		}
		
		.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
}

mb1-4{margin-bottom:2em;}
mt1-4{margin-bottom:2em;}
.fs-11{font-size:1.1em!important;}
.fs-12{font-size:1.2em!important;}
.fs-13{font-size:1.3em!important;}
.fs-14{font-size:1.4em!important;}
.fs-15{font-size:1.5em!important;}
.fs-16{font-size:1.6em!important;}
.fs-17{font-size:1.7em!important;}
.fs-18{font-size:1.8em!important;}
.fs-19{font-size:1.9em!important;}
.fs-20{font-size:2em!important;}

#mainmenu a:hover{color:#A32320!important;}

#mainmenu .subitem a:hover{color:#ffffff!important;}

#mainmenu li.current > a {
    color: #A32320;
    font-weight: 600;
}

.video-thumb {
    position: relative;
    display: inline-block;
}

.video-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

/* Play button */
.play-button-y {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.35);
    border: 3px solid rgba(255, 0, 0, 0.8);
    box-shadow: 0 0 0 rgba(255, 0, 0, 0.6);
    cursor: pointer;
}

/* Play triangle */
.play-button-y::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    width: 0;
    height: 0;
    border-left: 22px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

/* Pulse animation */
.pulse {
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }
    70% {
        box-shadow: 0 0 0 25px rgba(255, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

/* Hover effect */
.video-thumb:hover .play-button-y {
    background: rgba(255, 0, 0, 0.55);
}


#youtubeModal .modal-content {
  border: 4px solid #F00A0A;
  border-radius: 16px;
  box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

.embeditem-responsive {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.embeditem-responsive iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal-header .btn-close{background:#fff;}

/* === Umbraco Macro: Single Image Swiper ONLY === */
.swiper-single-image-carousel {
    width: 100%;
}

.swiper-single-image-carousel .swiper,
.swiper-single-image-carousel .swiper-wrapper,
.swiper-single-image-carousel .swiper-slide {
    width: 100%;
}

.swiper-single-image-carousel img {
    width: 100%;
    height: auto;
    display: block;
}

.swiper-single-image-carousel .swiper-caption {
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    color: #ffffff;
    text-align: left;
}

/* === Grå pilar – endast Single Image Swiper === */
.swiper-single-image-carousel .swiper-button-prev,
.swiper-single-image-carousel .swiper-button-next {
    color: #F5332E;              /* grå */
}

.swiper-single-image-carousel .swiper-button-prev:hover,
.swiper-single-image-carousel .swiper-button-next:hover {
    color: #A32320;              /* mörkare grå vid hover */
}

	
#subheader-video {
    position: relative;
    height: 100vh;              /* section height */
    display: flex;
    align-items: center;       /* vertical center */
    justify-content: center;   /* horizontal center */
    overflow: hidden;
    color: #fff;
    text-align: center;
}

/* Background video */
.bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Dark overlay */
.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

/* Content above video */
.content {
    position: relative;
    z-index: 3;
    padding: 20px;
}

.content h1 {
    font-size: clamp(2rem, 5vw, 4rem);
    margin: 0;
}

.youtube-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.77vh;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}

.youtube-bg iframe {
    width: 100%;
    height: 100%;
}

.newsletter-dark {
  background: #1f1f1f;
  border: 1px solid #2a2a2a;
}

.newsletter-dark .form-control {
  background: #2a2a2a;
  border: 1px solid #444;
  color: #fff;
  padding: 1.65rem 1.5rem;
}

.newsletter-dark .form-control::placeholder {
  color: #aaa;
} 

.unmute-btn {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;

    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 1rem 2.5rem;

    font-size: 1.25rem;
    font-weight: bold;
    cursor: pointer;

    box-shadow: 0 10px 30px rgba(0,0,0,.4);
    transition: all 0.3s ease;
}

.unmute-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateX(-50%) scale(1.05);
}

.unmute-btn.hidden {
    opacity: 0;
    pointer-events: none;
}


@media (max-width: 480px) {
    
h1, .h1 {
    font-size: 3em!important;
}

#subheader h1
{
    font-size: 3em!important;
}

.dark-scheme h1{
    font-size: 3em!important;
}

}




#cb-cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-radius: 0; display: none; }