/*
 Theme Name:   justesen Child
 Description:  justesen Child Theme
 Author:       justesen
 Author URI:   
 Template:     justesen
 Version:      9.9.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  justesen
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
:root {
    --theme-primary: #B09D67;
}
h1, h2, h3, h4, h5, h6 {font-family: "Source Sans 3", sans-serif;font-weight: 700;line-height: 1;letter-spacing: -0.01em;word-break: keep-all;}
a {
    color: inherit;
}
body, p, li, span {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;    font-size: 18px;
}
.h-heading, .h-heading span {font-size: 3rem;font-style: italic;}
.behandlinger-heading, h1, h2 {font-style: italic;}

h1, h1 span {font-size: 3rem;}
h2, h2 span {font-size: 52px;}
.text-primary {color: #B09D67 !important;}
.navbar-brand img {
    max-height: 100px;
    height: auto;    min-height: 6rem;
}
.kvalitet-section .col-lg-7 {
    padding: 1rem 7rem;
}

.hero-container {
    min-height: 530px;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
}
hr
 {
    margin-top: 80px;
    margin-bottom: 100px;
}

.btn-primary {background-color: #B09D67;color:#fff;border: transparent;font-weight: 700;width: fit-content}
.btn-primary:hover {opacity: 0.8;background-color: #B09D67;}
.f-24 {font-size: 24px;line-height: 28px;}
.service-box {background: #fff;border-radius: 0;}
.btn-primary.text-left {text-align: left;}
.service-image img {width: 100%;max-width: 450px;object-fit: cover;}
.container.border-seprater{height: 1px;background: transparent;position: relative !important;clear: both !important;margin: 0 auto;    margin-top: 8rem !important;margin-bottom: 5rem !important;}
.service-heading {font-family: "Source Sans 3", sans-serif;font-size: 48px;font-weight: 400;line-height: 1;letter-spacing: -0.01em;}
.text-theme {color: #B09D67;}
.service-desc {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    color: #000;
}
.nav-link{word-break: auto-phrase;}
.service-btn {
    background-color: #B09D67;
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    border-radius: 6px;
    border: none;
    transition: 0.2s ease;
    letter-spacing: 0.5px;
}
.service-btn:hover {
    opacity: 0.85;
    color: #fff;
}
a.nav-link.active {
    text-decoration: underline;
    color: #B09D67 !important;
}
.menu-item {
    text-transform: uppercase;
    padding-left: 20px;
    font-family: Work Sans;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-sm, .navbar>.container-md, .navbar>.container-lg, .navbar>.container-xl, .navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
h1, h1 span, h2 span {
    /**font-family: 'ADLaM Display', sans-serif;*/
	font-family: "Source Sans 3", sans-serif;font-weight: 700;
}

/* Base collage image style */
.collage-img {
    border-radius: 4px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    position: absolute;
}

/* LEFT IMAGE - Big base image */
.collage-left {
    width: 65%;
    left: 0;
    top: 0;
    z-index: 1;
}

/* CENTER IMAGE - Overlapping top layer */
.collage-center {
    width: 45%;
    left: 40%;
    top: 12%;
    z-index: 2;
}

/* RIGHT IMAGE - Smallest one */
.collage-right {
    width: 30%;
    left: 55%;
    top: 55%;
    z-index: 3;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .collage-wrapper {
        max-width: 600px;
    }
	.border.banner-news.text-center {
    display: none;
}
	.home .border.banner-news.text-center {
    display: block !important;
}

    .collage-left { width: 90%; }
    .collage-center { width: 60%; left: 25%; top: 15%; }
    .collage-right { width: 40%; left: 45%; top: 60%; }
	.page-id-23 .page-hero-bg, .page-id-21 .page-hero-bg,  .page-id-305 .page-hero-bg  {background-size: contain;background-position: center bottom;padding-bottom: 0px;}
	


}

@media (max-width: 576px) {

    /* Simplify for mobile: stacked */
    .collage-img {
        position: relative;
        display: block;
        width: 100%;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 20px;
    }
}
/* Ensure the collage wrapper pushes the footer down */
.collage-wrapper {
    position: relative;overflow: hidden;
    height: 550px; /* Adjust based on your image sizes */
}

/* Add spacing below the entire section */
.collage-section {
    margin-bottom: 80px;
}


/* -------- layout helpers -------- */
.behandlinger-section { position: relative; }

/* Full-viewport width slider but left-aligned to the container */
.slider-full {
  width: 100vw;                                  /* full viewport width */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;                            /* center to viewport */
  margin-right: -50vw;
  overflow: visible;
  padding: 0;                                    /* no vertical padding here; section handles padding */
}
.justify-space-between
 {
    justify-content: space-around;
}
/* inner area that aligns left edge with container */
.slider-inner {
  max-width: 1320px; /* set to your container max width (Bootscore container width) */
  margin: 0 auto;
  position: relative;
  padding-left: 30px; /* small gutter — adjust to match your container gutter */
}

/* swiper slides as cards */
.behandlingerSwiper .swiper-wrapper {
  align-items: stretch;
}

.swiper-slide.behandlinger-item {
  width: 260px !important;   /* fixed card width like design */
  box-sizing: border-box;
  padding: 18px;
  background: #fff;
  margin-right: 40px;
  border-radius: 6px;
}

/* content */
.tooth-icon { width: 90px; display:block; margin-bottom:8px; }
.slide-title { font-family: "Source Sans 3", sans-serif;font-size:20px; margin-bottom:6px; }
.slide-desc { font-family: 'Work Sans', sans-serif; font-size:15px; color:#444; margin-bottom:12px; max-width:240px; }
.slide-btn { background:#B09D67; color:#fff; padding:8px 16px; border-radius:6px; font-family:'Work Sans',sans-serif; text-decoration:none; }

/* arrow wrapper aligned to viewport right edge (not container) */
.behandlinger-arrow-wrap {
  position: absolute;
  right: 40px;     /* distance from right viewport edge */
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
}

/* arrow style */
.behandlinger-next {
  width:44px; height:44px; border-radius:50%; background:#111; display:flex; align-items:center; justify-content:center; color:#fff;
}
.behandlinger-next::after {
  font-size: 18px;
  color: #fff;
}
.banner-news h5 {background: #E6EDF9;font-family: 'Work Sans', sans-serif;font-size: 18px;padding: 10px;}
.banner-news p{font-size: 14px;padding: 5px 10px;}
img.personale-photo {
    margin-right: 1rem;
}
h4.personale-name {
    margin-top: 1rem;
}


.navbar-nav .dropdown-menu .menu-item {
    padding-left: 0px !important;
    margin-left: 0pc !important;
    text-decoration: auto !important;
}
.navbar-nav .dropdown-menu .menu-item a {
    text-decoration: auto;
    text-transform: math-auto;
    font-size: 1.2rem;
    padding: 7px 10px;
}
.navbar-nav .dropdown-menu .menu-item a:hover,  .navbar-nav .dropdown-menu .menu-item a:active, a.dropdown-item.active{
   background-color:#B09D67;color: #fff;
}
ul.dropdown-menu {
    padding: 0;
    margin-left: 25px;
}
a.footer-link {
    color: #000;
    text-transform: unset !important;
    text-decoration: unset;    display: block;
}
a.footer-link:hover {
    color: #fff;
    text-decoration: underline;
}
h2.widget-title.h5
 {
    color: #fff;
    font-weight: 700;
    font-style: normal;
}



/* responsive */

@media (min-width: 992px) {
	.padding-right {padding-right: 10%;}
	.team-owners .gap-4 {width: 85%;margin: 0 auto;}
	
}

@media (max-width: 991.9px) {
  .swiper-slide.behandlinger-item { width: 220px !important; margin-right: 24px; }
  .slider-inner { padding-left: 20px; }
  .behandlinger-arrow-wrap { right: 16px; }
	ul#menu-header-menu {display: none;}
	.kvalitet-section .col-lg-7{padding: 1rem 1rem;}
	.p-5 {padding: 1rem !important;}
	.hero-container .col-lg-7 {margin-top: 14rem;}
	.hero-container {background-position: top center;}
	.hero-container .col-lg-7 {margin-top: 2rem;}
	.hero-container .col-lg-5 {margin-top: 14rem !important;margin: 0 auto;display: flex;justify-content: center;}
	
	.page-id-23 .page-hero-bg, .page-id-21 .page-hero-bg, .page-id-305 .page-hero-bg {background-image:url('https://tandjust.dk/wp-content/uploads/2026/01/kontact-bg.jpeg') !important;}
	
	
	
}

@media (max-width: 767px){
	.kvalitet-section .col-lg-7 {padding: 1rem 0rem;}
	.h-heading, .h-heading span{font-size: 2rem;}
	h2, h2 span {font-size: 46px;line-height: 56px;}
	.container.border-seprater {margin-top: 3rem !important;margin-bottom: 1rem !important;}
	    .hero-container .col-lg-5 {margin-top: 11rem !important;}
	

	
}

@media (max-width: 576px) {
  .slider-full { overflow-x: auto; }
  .swiper-slide.behandlinger-item { width: 80% !important; margin-right: 16px; }
  .behandlinger-arrow-wrap { display:none; }
	.navbar-brand img {min-height: 3.6rem;}
	.f-24{font-size: 20px;line-height: 22px;}
	  .hero-container .col-lg-5 {margin-top: 8rem !important;}
	


}
@media (min-width: 1190px) {
  .hero-container {min-height: 610px !important;}
	
	
}


@media (min-width: 1400px) {
  .container {max-width: 1320px;}
  
	
	
}
@media (min-width: 1600px) {
  .container {
    max-width: 1520px;
  }
	.hero-container {min-height: 690px !important;}
}
@media (min-width: 1800px) {
  .container {
    max-width: 1720px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1800px; /* keep some margin */
  }
}