/*
Theme Name:   Diadem 2025
Template:     hello-elementor
Version:      1.0
Description:  Site Diadem 2025
Author:       Superdev
*/

html, body {
    width: 100vw !important;
    overflow-x: hidden !important;
}

.key-underline::after {
	content: "";
  position: absolute;
  left: -15px;
  right: -15px;
  bottom: -15px;
  height: 2px;
  background: #00000029;
}

#sidebar {
    transition: right 0.3s ease;
}

#sidebar-mobile {
transition: bottom 0.3s ease;   
}

.sidebar-closed {
    right: -90px !important;
}

.sidebar-mobile-closed {
    bottom: -90px !important;
}

#sidebar-toggle-icon {
    transition: transform 0.3s ease;
}

#sidebar-toggle-icon-mobile {
    transition: transform 0.3s ease;
}

.icon-rotated {
    transform: rotate(180deg) !important;
}

.icon-mobile-rotated {
    transform: rotate(180deg) translateY(5px) !important;
}

.animate-atoms {
    display: none !important;
}

/* Horizontal accordion styling */
.accordion-container {
	display: flex;
	overflow: hidden;
	max-height: 80vh !important;
}

.accordion-title {
	writing-mode: sideways-lr;
	min-width: 80px !important;
	cursor: pointer;
}

.accordion-title:hover h2 {
	font-weight: 600 !important;
}

.accordion-item {
	flex: 0 0 80px !important;
	display: flex !important;
	flex-grow: 0;
	min-width: 0;
	transition: flex-basis 800ms ease, flex-grow 800ms ease, width 800ms ease !important;
	will-change: flex-basis, flex-grow !important;
	overflow: hidden;
	position: relative;
}

.accordion-item.active {
	flex: 1 1 400px !important;
}

.accordion-item.active .accordion-title h2 {
	font-weight: bold !important;
}

.accordion-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	pointer-events: none;
	opacity: 0;
	transition: opacity 800ms ease !important;
	
}

.accordion-content img {
    object-fit: cover
}

.accordion-item.active .accordion-content {
	opacity: 1;
	pointer-events: auto;
}

.accordion-content-text {
	opacity: 0;
	transition: opacity 400ms ease !important;
}

.accordion-content-text.active {
	opacity: 1;
}