/*!
Theme Name: Clever Click
Theme URI: http://underscores.me/
Author: Clever Click
Author URI: https://cleverclick.dk
Description: Support: info@cleverclick.dk
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cleverclick
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
html {
  scroll-behavior: smooth;
}
html, body {
  overflow-x: hidden;
}
.bg-primary-dark {
  position: relative;
  background-size: cover;
  background-position: center;
}

.bg-primary-dark .bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 106, 181, 0.74); /* adjust color + opacity */
  z-index: 1;
}

.bg-primary-dark > * {
  position: relative;
  z-index: 2;
}

.contact-card {
  transition: all 0.35s cubic-bezier(.4,0,.2,1);
}

/* OPEN */
.contact-card.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  max-height: 1000px;
}

/* CLOSED */
.contact-card.is-closed {
  opacity: 0;
  transform: translateY(20px) scale(0.98);
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
/* HERO CONTACT CLOSE */
	.contact-close-btn {
position: absolute;
right: -16px;
top: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #2c7fcc;
    cursor: pointer;
    z-index: 9999;
    color: white;
    border: 1px solid #fff;
    font-size: 23px;
}
	.position-absolute.top-0.end-0,
.position-absolute.bottom-0.end-0,
.position-absolute.bottom-0.start-0 {
  z-index: 0;
  pointer-events: none;
}
	.hero .container,
.hero .card {
  position: relative;
  z-index: 2;
}
/* HERO CONTACT CLOSE END */