.ws25-vp-wrap{display:flex;position:relative}
.ws25-vp-align-left{justify-content:flex-start}
.ws25-vp-align-center{justify-content:center}
.ws25-vp-align-right{justify-content:flex-end}
.ws25-vp-btn{display:inline-flex;align-items:center;gap:.5em;cursor:pointer;text-decoration:none}
.ws25-vp-icon{display:inline-block}
.ws25-vp-image{display:block;cursor:pointer;transition:transform .4s ease;width:100%;height:auto}
.ws25-vp-trigger{display:inline-block;position:relative;background:transparent;line-height:0}
.ws25-vp-trigger:hover .ws25-vp-image{transform:scale(1.05)}
.ws25-vp-trigger.ws25-vp-hover-pulse:hover .ws25-vp-image{animation: ws25-pulse 1.2s ease-in-out infinite}
.ws25-vp-trigger.ws25-vp-hover-pulse-fast:hover .ws25-vp-image{animation: ws25-pulse 0.7s ease-in-out infinite}
.ws25-vp-trigger.ws25-vp-hover-pulse-slow:hover .ws25-vp-image{animation: ws25-pulse 2s ease-in-out infinite}
.ws25-vp-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,0.9);pointer-events:none;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,0.4);transition:color .3s ease;max-width:80%;max-height:80%}
.ws25-vp-play-icon img{max-width:100%;height:auto;display:block}
.ws25-vp-trigger:hover .ws25-vp-play-icon{color:rgba(255,255,255,1)}

@keyframes ws25-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}

.ws25-logo{position:relative;display:inline-table;overflow:hidden}
.ws25-logo-image img{display:block}
.ws25-logo-description{margin:0}
.ws25-logo-image,.ws25-logo-text{position:relative;display:block;width:100%;z-index:7}
.ws25-logo-url{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:5}
.ws25-logo-position-left .ws25-logo-image,.ws25-logo-position-left .ws25-logo-text{float:left}
.ws25-logo-position-right .ws25-logo-image,.ws25-logo-position-right .ws25-logo-text{float:right}
.ws25-logo-position-center .ws25-logo-image{margin:0 auto}
.ws25-logo-position-center .ws25-logo-text{text-align:center}
.ws25-logo-position-left .ws25-logo-text,.ws25-logo-position-right .ws25-logo-text{text-align:left}
.ws25-lottie-wrap{display:block}
.ws25-align-left{justify-content:flex-start;text-align:left}
.ws25-align-center{justify-content:center;text-align:center}
.ws25-align-right{justify-content:flex-end;text-align:right}
.ws25-lottie{margin:0 auto;}
/* Widgets Somllar 2025 base styles */
.ws25-nav-menu { display: flex; gap: 16px; }
.ws25-nav-menu .ws25-toggle { display:none; background:none; border:0; cursor:pointer; }
.ws25-nav-menu .ws25-hamburger { width:24px; height:2px; background:currentColor; position:relative; display:inline-block; }
.ws25-nav-menu .ws25-hamburger::before, .ws25-nav-menu .ws25-hamburger::after { content:""; position:absolute; left:0; width:24px; height:2px; background:currentColor; }
.ws25-nav-menu .ws25-hamburger::before { top:-6px; }
.ws25-nav-menu .ws25-hamburger::after { top:6px; }
.ws25-nav-align-left { justify-content: flex-start; }
.ws25-nav-align-center { justify-content: center; }
.ws25-nav-align-right { justify-content: flex-end; }
.ws25-pointer-none a { text-decoration: none; }
.ws25-pointer-underline a { text-decoration: underline; text-underline-offset: 4px; }
.ws25-pointer-overline a { text-decoration: overline; }
.ws25-pointer-double-line a { text-decoration: underline; border-top: 1px solid currentColor; }
.ws25-pointer-background .menu > li > a { transition: background-color .3s ease; }
.ws25-pointer-border .menu > li > a { border: 1px solid transparent; transition: border-color .3s ease; }
.ws25-pointer-line-fx-fade a { transition: color .2s ease; }
.ws25-pointer-line-fx-slide a { position:relative; }
.ws25-pointer-line-fx-slide a::after { content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background: currentColor; transition: width .2s ease; }
.ws25-pointer-line-fx-slide a:hover::after { width:100%; }
.ws25-pointer-line-fx-grow a { transform-origin: left center; transition: transform .2s ease; }
.ws25-pointer-line-fx-grow a:hover { transform: scale(1.02); }
.ws25-pointer-line-fx-drop a { position:relative; }
.ws25-pointer-line-fx-drop a::after { content:""; position:absolute; left:0; top:-2px; width:100%; height:2px; background: currentColor; transform: translateY(-6px); opacity:0; transition: transform .2s ease, opacity .2s ease; }
.ws25-pointer-line-fx-drop a:hover::after { transform: translateY(0); opacity:1; }
.ws25-nav-menu .menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 16px; }
.ws25-nav-menu .menu li { position: relative; }
.ws25-nav-menu .menu > li > a { display: block; padding: 8px 12px; }
.ws25-nav-menu .sub-menu { list-style:none; margin:0; padding:12px; display:none; position:absolute; top:100%; left:0; min-width:200px; z-index:10; }
.ws25-nav-menu .menu li:hover > .sub-menu { display:block; }
.ws25-nav-menu .sub-menu > li > a { display:block; padding:8px 12px; transition: background-color 0.3s ease, color 0.3s ease; }
.ws25-sub-menu-fx-fade .sub-menu { animation: ws25-fade .18s ease; }
@keyframes ws25-fade { from { opacity:0 } to { opacity:1 } }
.ws25-sub-menu-fx-slide .sub-menu { animation: ws25-slide .18s ease; }
@keyframes ws25-slide { from { transform: translateY(6px); opacity:0 } to { transform: translateY(0); opacity:1 } }
.ws25-layout-vertical .menu { display:block; }
.ws25-layout-vertical .menu > li { margin-bottom:8px; }

/* Basic responsive toggle behavior, improve with JS later */
@media (max-width: 767px) {
    .ws25-nav-menu .ws25-toggle { display:inline-block; margin-bottom:12px; }
    .ws25-nav-menu .menu { display:none; }
    .ws25-nav-menu[aria-expanded="true"] .menu { display:flex; flex-direction:column; gap:12px; }
}
body {
    font-family: Arial, sans-serif;
}

.widget-nav-menu {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}

.widget-nav-menu ul {
    list-style-type: none;
    padding: 0;
}

.widget-nav-menu li {
    margin: 5px 0;
}

.widget-nav-menu a {
    text-decoration: none;
    color: #007bff;
}

.widget-nav-menu a:hover {
    text-decoration: underline;
}

.widget-template {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    background-color: #ffffff;
}

/* Widgets Somllar 2025 - Accordion */
.ws25-accordion { position: relative; }
.ws25-accordion .ws25-accordion-title { 
	position: relative; 
	display: flex; 
	align-items: center;
	justify-content: space-between;
	cursor: pointer; 
	overflow: hidden;
	transition: all 0.3s ease;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.ws25-accordion .ws25-accordion-title-text { 
	flex: 1;
	margin: 0;
}
.ws25-accordion .ws25-accordion-icon { 
	position: relative; 
	margin-left: 15px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ws25-accordion .ws25-icon-plus,
.ws25-accordion .ws25-icon-minus {
	position: relative;
	display: block;
	transition: opacity 0.2s ease;
	width: auto;
	height: auto;
}
.ws25-accordion .ws25-icon-minus {
	display: none;
}
.ws25-accordion .ws25-accordion-title.ui-state-active .ws25-icon-plus {
	display: none;
}
.ws25-accordion .ws25-accordion-title.ui-state-active .ws25-icon-minus {
	display: block;
}
.ws25-accordion .ws25-accordion-content { 
	display: none; 
	overflow: hidden;
}
.ws25-accordion .ws25-accordion-content-inner {
	padding: 0;
}

/* Icon Position - Left */
.ws25-icon-position-left .ws25-accordion-title {
	flex-direction: row-reverse;
}
.ws25-icon-position-left .ws25-accordion-icon {
	margin-left: 0;
	margin-right: 15px;
}
.ws25-icon-position-left .ws25-accordion-title-text {
	text-align: left;
}

/* Accordion Styles - Standard */
.ws25-accordion.ws25-style-standard .ws25-accordion-title {
	background: transparent;
}

/* Accordion Styles - Boxed */
.ws25-accordion.ws25-style-boxed {
	border: 1px solid #ddd;
	border-style: solid;
}
.ws25-accordion.ws25-style-boxed .ws25-accordion-title:not(:first-child) {
	border-top: 1px solid #ddd;
	border-style: solid;
}

/* Accordion Styles - Border Top */
.ws25-accordion.ws25-style-border-top {
	border-top: 1px solid #ddd;
	border-style: solid;
}
.ws25-accordion.ws25-style-border-top .ws25-accordion-title {
	border-top: 1px solid #ddd;
	border-style: solid;
}
.ws25-accordion.ws25-style-border-top .ws25-accordion-title:first-child {
	border-top: none;
}

/* Accordion Styles - Border Between */
.ws25-accordion.ws25-style-border-between .ws25-accordion-title {
	border-bottom: 1px solid #ddd;
	border-style: solid;
}
.ws25-accordion.ws25-style-border-between .ws25-accordion-content {
	border-bottom: 1px solid #ddd;
	border-style: solid;
}

/* jQuery UI Accordion overrides */
.ws25-accordion.ui-accordion .ws25-accordion-title {
	margin: 0;
}
.ws25-accordion.ui-accordion .ws25-accordion-content {
	height: auto !important;
	overflow: visible;
}

/* Toggle behavior */
.ws25-accordion.ws25-behavior-toggle .ws25-accordion-title:hover {
	opacity: 0.8;
}

/* Nested Accordion Styles */
.ws25-nested-accordion {
	padding: 10px 0;
	margin: 0;
}

.ws25-nested-item {
	margin-bottom: 0;
	background: rgba(0, 0, 0, 0.02);
	border-left: 3px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	overflow: hidden;
}

.ws25-nested-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	overflow: hidden;
	transition: all 0.3s ease;
	background: transparent;
	padding: 12px 15px;
	margin: 0;
	border-radius: 0;
	border-left: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ws25-nested-title:hover {
	background: rgba(0, 0, 0, 0.03);
}

.ws25-nested-title-text {
	flex: 1;
	margin: 0;
	font-size: 0.95em;
}

.ws25-nested-icon {
	position: relative;
	margin-left: 12px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
	font-size: 0.85em;
}

.ws25-nested-icon-plus,
.ws25-nested-icon-minus {
	position: relative;
	display: block;
	transition: opacity 0.2s ease;
}

.ws25-nested-icon-minus {
	display: none;
}

.ws25-nested-title.ws25-nested-active .ws25-nested-icon-plus {
	display: none;
}

.ws25-nested-title.ws25-nested-active .ws25-nested-icon-minus {
	display: block;
}

.ws25-nested-content {
	display: none;
	overflow: hidden;
	padding: 15px 20px 15px 15px;
	background: transparent;
	border-left: none;
	margin: 0;
}

.ws25-nested-content-inner {
	padding: 0;
}

/* Nested content typography adjustments */
.ws25-nested-content p {
	margin: 0 0 10px 0;
	font-size: 0.95em;
	line-height: 1.5;
}

.ws25-nested-content p:last-child {
	margin-bottom: 0;
}

/* Nested Icon Position - Left */
.ws25-nested-icon-position-left .ws25-nested-title {
	flex-direction: row-reverse;
}

.ws25-nested-icon-position-left .ws25-nested-icon {
	margin-left: 0;
	margin-right: 12px;
}

/* Nested Icon Position - None */
.ws25-nested-icon-position-none .ws25-nested-icon {
	display: none !important;
}
