/* =========================================================
  🧩 WRAPPER
========================================================= */
.section.sec-services { z-index:0; }

.sec-services::before { background: var(--section-bg); opacity:1.0; z-index:-2; }
.section.sec-services::after { background: var( --bg-special2); border-radius:50%; filter:blur(90px); transform: translateX(-50%); z-index:-1; transition: height var(--transition-time) ease; opacity:0.65; }


/* =========================================================
  🧩 TABS
========================================================= */
.section.sec-services .services-selector .sidebar .tabs .active .q,
.section.sec-services .services-selector .sidebar .tabs .active .q:hover { /* background: var(--tab-vertical-bg-active-inverse);*/ box-shadow:var(--shadow-box-hover); color:var(--tab-vertical-text-active-inverse); }

.sec-services .services-selector .tabs--ver-list li button.clicked::after { transform:translateY(-50%) rotate(0deg); box-shadow:none; box-shadow:none; }
.sec-services .services-selector .sidebar .tabs article { transition: max-height var(--transition-time) ease; }

.section.sec-services .sidebar .small-box.light,
.section.sec-services .sidebar .small-box.dark { background:none; }

.section.sec-services .sidebar .small-box.light .q h3,
.section.sec-services .sidebar .small-box.dark .q h3  { background:none; } 

/*
.section.sec-services .sidebar .small-box.light .q h3 { color: ; }
.section.sec-services .sidebar .small-box.dark .q h3 { color: ; }
*/
.sec-services .services-selector .tabs--ver-list li .q button.btn--primary::before { display:none; }

/* =========================================================
  🧩 LARGE PANEL WITH CONTENT
========================================================= */
.section .services-selector .panel-desktop { background: var(--box-light-bg); color:var(--box-light-text-primary); box-shadow:var(--shadow-box); }
.section .services-selector .panel-desktop h2,
.section .services-selector .panel-desktop h3,
.section .services-selector .panel-desktop h4, 
.section .services-selector .panel-desktop h5, 
.section .services-selector .panel-desktop h6, 
.section .services-selector .panel-desktop h7 { color:var(--box-light-text-primary); }
.section .services-selector .panel-desktop p { color:var(--box-light-text-secondary); }
.section .services-selector .panel-desktop header h3 { color:var(--box-light-text-heading); }

.sec-services .services-selector .sidebar .tabs .a .article-content,
.sec-services.section .services-selector .sidebar .tabs .small-box.light p,
.sec-services .services-selector .panel-desktop p, 
.sec-services .services-selector .panel-desktop ul { font: var(--p-m-regular-font); letter-spacing: var(--p-l-regular-ls); color:var(--box-light-text-secondary); }

.sec-services .services-selector .panel-desktop { background:var(--box-light-bg); }
.sec-services .services-selector .panel-desktop aside { box-shadow:var(--shadow-box); } 

/* =========================================================
  🧩 LARGE PANEL WITH CONTENT - VIDEO CONTENT ASIDE
========================================================= */
.section .services-selector .container aside { box-shadow:var(--shadow-box); }
.section .services-selector .container aside::before { background: linear-gradient(180deg, rgba(0,0,0,0) 15%, rgba(0,0,0, 0.76) 95%); }
.sec-services .services-selector .article-content aside .video { box-shadow:var(--shadow-box); }

/* =========================================================
  🧩 RWD
========================================================= */
@media (min-width:0px) and (max-width: 1023px) {
  .sec-services .services-selector .sidebar .tabs .small-box.light .q {  }

  .sec-services .services-selector .sidebar .tabs .small-box.light { background:var(--box-light-bg); color:var(--box-light-text-primary); }
  .sec-services .services-selector .sidebar .tabs .small-box.dark { background: var(--box-dark-bg); color:var(--box-dark-text-primary);  }

  .sec-services .services-selector .sidebar .tabs .small-box.light .q h3 { color:var(--box-light-text-heading);  }
  .sec-services .services-selector .sidebar .tabs .small-box.dark .q h3 { color:var(--box-dark-text-primary);  }

}

@media (min-width:0px) and (max-width: 640px) {
	/* usługi - menu */
	.sec-services .services-selector .sidebar .tabs article { /* box-shadow:var(--shadow-box); */}

	/* rotacja ikony przy.clicked */
	.sec-services .services-selector .sidebar .tabs article .q button svg { transform: rotate(90deg); transition:transform var(--transition-time) ease; transform-origin: center; }
	.sec-services .services-selector .sidebar .tabs article.active .q button svg { transform: rotate(-90deg); }

	.section.sec-services .services-selector .sidebar .tabs .active .q, 
	.section.sec-services .services-selector .sidebar .tabs .active .q:hover { box-shadow:none !important; }

	.section.sec-services .services-selector .sidebar .tabs .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
}

@media (min-width: 641px) and (max-width: 1023px) {
	.sec-services .services-selector .sidebar .tabs article { background:var(--box-light-bg); }

	/* usługi - menu */
	.sec-services .services-selector .sidebar .tabs article { /* box-shadow:var(--shadow-box); */ }
	.section.sec-services .services-selector .sidebar .tabs .active .q, 
	.section.sec-services .services-selector .sidebar .tabs .active .q:hover { box-shadow:none !important; }
	.section.sec-services .services-selector .sidebar .tabs .active { /* box-shadow:var(--shadow-box-hover); */ }

	/* rotacja ikony przy.clicked */
	.sec-services .services-selector .sidebar .tabs article .q button svg { transform: rotate(90deg); transition:transform var(--transition-time) ease; transform-origin: center; }
	.sec-services .services-selector .sidebar .tabs article.active .q button svg { transform: rotate(-90deg); }

	.sec-services .services-selector .sidebar .tabs .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.section.sec-services .services-selector .sidebar .tabs .q { background: var(--tab-vertical-bg-inverse); color:var(--tab-vertical-text-inverse); transition:var(--trans-complete-effect); }
	.section.sec-services .services-selector .sidebar .tabs .q:hover { background: var(--tab-vertical-bg-hover-inverse); color:var(--tab-vertical-text-hover-inverse); }

	.sec-services .services-selector .sidebar .tabs .q:hover { background:var(--tab-vertical-bg-hover-inverse); box-shadow:var(--shadow-box-hover); }
	.sec-services .services-selector .sidebar .tabs .q:hover button { opacity:1; }
	.sec-services .services-selector .sidebar .tabs .q button { opacity:0; transition:var(--trans-complete-effect); }

	.sec-services .services-selector .sidebar .tabs .active .q:hover,
	.sec-services .services-selector .sidebar .tabs .active .q { background:var(--tab-vertical-bg-active-inverse); box-shadow:var(--shadow-box); transition:var(--trans-complete-effect); }
	.sec-services .services-selector .sidebar .tabs .active .q:hover { box-shadow:var(--shadow-box-hover); }
	.sec-services .services-selector .sidebar .tabs .active .q h3 { color:var(--tab-vertical-text-active-inverse); }

	.sec-services .services-selector .sidebar .tabs .active .q button, 
	.sec-services .services-selector .tabs--ver-list .tabs .active .q button { opacity:1; pointer-events:none; }

	.sec-services .services-selector .sidebar .tabs .active button { background:var(--tab-vertical-text-active-inverse); }
	.sec-services .services-selector .sidebar .tabs .active button svg { color:var(--tab-vertical-bg-active-inverse); }

	.sec-services .services-selector .panel-desktop { box-shadow:var(--shadow-box); }

	.sec-services .services-selector .sidebar .tabs .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
	.sec-services .services-selector .sidebar .tabs .active .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
	.section.sec-services .services-selector .panel-desktop header h3 { font: var(--h4-font); letter-spacing: var(--h4-ls); }
}

@media (min-width: 1200px) {
	.section.sec-services .services-selector .sidebar .tabs .q { background: var(--tab-vertical-bg-inverse); color:var(--tab-vertical-text-inverse);  transition:var(--trans-complete-effect); }
	.section.sec-services .services-selector .sidebar .tabs .q:hover { background: var(--tab-vertical-bg-hover-inverse); color:var(--tab-vertical-text-hover-inverse); }

	.sec-services .services-selector .sidebar .tabs .q:hover { background:var(--tab-vertical-bg-hover-inverse); box-shadow:var(--shadow-box-hover); }
	.sec-services .services-selector .sidebar .tabs .q:hover button { opacity:1; }
	.sec-services .services-selector .sidebar .tabs .q button { opacity:0; transition:var(--trans-opacity-ease), var(--trans-bg-ease); transition:var(--trans-complete-effect); pointer-events:none; }

	.sec-services .services-selector .sidebar .tabs .active .q:hover,
	.sec-services .services-selector .sidebar .tabs .active .q { background:var(--tab-vertical-bg-active-inverse); box-shadow:var(--shadow-box); transition:var(--trans-complete-effect); }
	.sec-services .services-selector .sidebar .tabs .active .q h3 { color:var(--tab-vertical-text-active-inverse); }
	.sec-services .services-selector .sidebar .tabs .active .q button {  opacity:1; pointer-events:none; }
	.sec-services .services-selector .sidebar .tabs .active button { background:var(--tab-vertical-text-active-inverse); }
	.sec-services .services-selector .sidebar .tabs .active button svg { color:var(--tab-vertical-bg-active-inverse); }

	.sec-services .services-selector .sidebar .tabs .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
	.sec-services .services-selector .sidebar .tabs .active .q h3 { font:var(--h7-font); letter-spacing:var(--h7-ls); }
	.section.sec-services .services-selector .panel-desktop header h3 { font: var(--h4-font); letter-spacing: var(--h4-ls); }
}