/* базові змінні */
body {
  --c-glass: #fff;
  --c-light: #fff;
  --c-dark: #001e4d;

  --c-content: #224;
  --c-action: #0052f5;

  --c-bg: #fff;

  --glass-reflex-dark: 1;
  --glass-reflex-light: 1;

  --saturation: 150%;

  background: var(--c-bg);
  color: var(--c-content);
  transition: background 400ms, color 400ms;
}

/* 🌙 Темна тема */
body.dark-theme {
  --c-glass: #001e4d;
  --c-light: #fff;
  --c-dark: #000;

  /*--c-content: #e1e1e1;*/
  --c-action: #03d5ff;

  --c-bg: #001e4d;

  --glass-reflex-dark: 2;
  --glass-reflex-light: 0.3;
}

/* --- SWITCHER STYLES --- */

.switcher {
    position: fixed;
    bottom: 15px;
    left: 150px;
    translate: -50%;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 105px;
    height: 40px;
    padding: 8px 5px;
    border-radius: 99em;
    background-color: 
 color-mix(in srgb, var(--c-glass) 12%, transparent);
    backdrop-filter: blur(8px) saturate(var(--saturation));
    -webkit-backdrop-filter: blur(8px) saturate(var(--saturation));
    z-index: 999;
        box-shadow: 0px 0.5px 4px #6086e68c;
}
 
body.dark-theme .switcher {
    box-shadow: 0px 0.5px 4px #e9ebf08c;
}


.switcher__input {
  display: none;
}

.switcher__option {
  /*--c: var(--c-content);*/
    --c: #aeaeae;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 100%;
  border-radius: 99em;
  cursor: pointer;
  transition: all 200ms;
  padding: 5px;
}

.switcher__option:hover {
  --c: var(--c-action);
}

.switcher__icon {
  font-size: 26px;
  transition: transform 200ms;
}

/* збільшення при наведенні */
.switcher__option:hover .switcher__icon {
  transform: scale(1.3);
}

/* активний стан */
.switcher__input:checked + .switcher__icon {
  transform: scale(1);
  color: var(--c-action);
}

/* змінний фон підсвітки */
.switcher::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(50% - 8px);
  height: calc(100% - 8px);
  background-color: color-mix(in srgb, var(--c-glass) 36%, transparent);
  border-radius: 99em;
  z-index: 0;
  transition: translate 400ms;
}

/* якщо темна тема обрана → рамка зсувається вправо */
body.dark-theme .switcher::after {
  translate: 50px 0;
}

.ico-base {
    display: none;
}

body.dark-theme .ico-base {
    display: block;
}

body.dark-theme .ico-color {
    display: none;
}

.switcher__input:checked+.switcher__icon {
    transform: scale(1);
    color: var(--c-action);
}

.switcher__icon {
    font-size: 26px;
    transition: transform 200ms;
}

label.switcher__option img {
    width: 22px;
}


/*********************************/


body.dark-theme {
    background: #001e4d;
}

body.dark-theme .breadcrumbs-page,
body.dark-theme .breadcrumbs-page a {
  color: #fff;
}

body.dark-theme .section-descr,
body.dark-theme .blue-title-light,
body.dark-theme .blue-section-title,
body.dark-theme .Kontakt-Spezialisten-block-descr,
body.dark-theme .blue-title-light-small,
body.dark-theme .kontakt-page-col-adress-text,
body.dark-theme .page-descr,
body.dark-theme .big-page-title {
  color: #fff;
}

body.dark-theme .kontakt-form input[type="text"], 
body.dark-theme .kontakt-form input[type="email"], 
body.dark-theme .kontakt-form input[type="number"], 
body.dark-theme .kontakt-form input[type="tel"], 
body.dark-theme .kontakt-form textarea  {
  background: #ffffff1f;
  color: #fff;
}

body.dark-theme .kontakt-form span.wpcf7-form-control.wpcf7-checkbox,
body.dark-theme .kontakt-form textarea::placeholder,
body.dark-theme .kontakt-form input::placeholder {
  color: #fff;
}

body.dark-theme .white-section,
body.dark-theme .home-tree-section {
  background: #001e4d;
}

body.dark-theme .dlaczega-acord-col .new-accordion-item {
    background: #ffffff1f;
}

body.dark-theme .accordion-hover .new-tab-content, body.dark-theme .dlaczega-acord-col .new-tab-title a {
    color: #fff ;
}

body.dark-theme .Was-zeichnet-home-block {
    background: #ffffff1f;
}

body.dark-theme .Was-zeichnet-home-block-title,
body.dark-theme .Was-zeichnet-home-block-descr {
  color: #fff;
}

body.dark-theme .accordion-hover .new-tab-content,
body.dark-theme .new-tab-title {
  background: #1f3963;
}

body.dark-theme .home-aplikacje-block {
    background: #ffffff1f;
    box-shadow: none;
}

body.dark-theme .home-aplikacje-block div a {
  color: #fff;
}

body.dark-theme .darck-blue-border-button a {
  border: .2rem solid #fff;
  color: #fff;
}

body.dark-theme .darck-blue-border-button a:hover {
    background: #ffffff36;
    transition: .5s;
}

body.dark-theme .Weitere-Produkte-block .Weitere-Produkte-block-title,
body.dark-theme .Produkte-gs-page-faq-text, 
body.dark-theme .Produkte-gs-page-faq-row.is-open .Produkte-gs-page-faq-descr {
  color: #fff;
}

body.dark-theme .Weitere-Produkte-block,
body.dark-theme .Produkte-gs-page-table {
    background: #1f3963;
}

body.dark-theme .Warum-gs-page-tab {
    background: #1f3963;
}

body.dark-theme .Warum-gs-page-tab-faq-row.is-open .Warum-gs-page-tab-faq-descr,
body.dark-theme .Warum-gs-page-tab-faq-title,
body.dark-theme .Warum-gs-page-tab-col-title,
body.dark-theme .Warum-gs-page-tab-col-content-block-descr, 
body.dark-theme .Warum-gs-page-tab-col-content-block-title {
  color: #fff;
}

body.dark-theme .Was-zeichnet-gs-section .Was-zeichnet-home-block {
    background-color: #1f3963 !important;
}

body.dark-theme .Warum-gs365-page-tab-descr,
body.dark-theme .Warum-gs365-page-tab-col-title {
  color: #fff;
}

body.dark-theme .gs365-for-col-block {
      background: #1f3963;
    color: #fff;
}

.page-template-Roz-enterprise-page .gs-page-topsection:after,
.page-template-point-cloud-page .gs-page-topsection:after,
.page-template-GstarCAD-page.dark-theme  .gs-page-topsection:after {
  display: none;
}

.page-template-Roz-enterprise-page.dark-theme .gs-page-topsection:before,
.page-template-point-cloud-page.dark-theme .gs-page-topsection:before,
.page-template-GstarCAD-page.dark-theme .gs-page-topsection:before {
  content: '';
    width: 100%;
    height: 60rem;
    background: url(/wp-content/uploads/2026/04/banerb.png);
    left: 0;
    bottom: -20rem;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
}

body.dark-theme .Cloud-block-gs-page {
    background: #1f3963;
    color: #fff;
}

body.dark-theme .Produkte-gs-page-section-gs365 .Produkte-gs-page-table {
  background: transparent;
}

body.dark-theme .Videomaterial-gs365-section .home-video-block div span {
  color: #fff;
}

body.dark-theme .Videomaterial-gs365-section .home-video-block {
  background: #1f3963;
    color: #fff;
}

.Warum-gs-home-content:after {
    content: '';
    position: absolute;
    width: 65rem;
    height: 50rem;
    background: url(/wp-content/themes/gstarcad-de/file/ico-fon-w.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 25rem;
    top: 19rem;
}

body.dark-theme .Warum-gs-home-content:after {
    content: '';
    position: absolute;
    width: 65rem;
    height: 50rem;
    background: url(/wp-content/uploads/2026/04/shade-dark.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 22rem;
    top: 20rem;
}

body.dark-theme .gs-2d-3d-section-content-two .gs-2d-3d-block,
body.dark-theme .gs-2d-3d-section-content {
      background-color: #1f3963;
    color: #fff;
}

body.dark-theme .gs-2d-3d-block-top {
  color: #fff;
}

body.dark-theme .sidebar-main {
    background: #1f3963;
}

body.dark-theme .branchen-add-ons-single-sidebar-row a {
  color: #fff;
}

body.dark-theme .realizacje-block-content-title,
body.dark-theme .elektronische_lizenz-price-col-descr,
body.dark-theme .hardwar-content .elektronische_lizenz-price-col-row.open .elektronische_lizenz-price-col-descr,
body.dark-theme .hardwar-content .elektronische_lizenz-price-col-title,
body.dark-theme h1.entry-title {
  color: #fff;
}

body.dark-theme .branchen-add-ons-single-preis {
    color: #4070ff;
}

body.dark-theme .hardwar-content .elektronische_lizenz-price-col {
    box-shadow: 0 2px 11px #001e4d;
    background: #1f3963;
}

body.dark-theme .Produkte-gs-page-faq-icon img.page-faq-icon {
   filter: brightness(0) invert(1); 
}

body.dark-theme .Business-Rechner-gs-container-center,
body.dark-theme .realizacje-block-content-center {
      background: #1f3963;
}

body.dark-theme .wp-block-contact-form-7-contact-form-selector h4,
body.dark-theme .inside-aside .aktualnosci-content-block-title a {
    color: #fff;
}

body.dark-theme .Was-gewinnen-block {
    background: #1f3963;
	color: #fff;
}

body.dark-theme .hardwar-content-descr,
body.dark-theme .netzwerk-page-block-title,
body.dark-theme .neueste-version-title,
body.dark-theme .Elektronische-Lizenz-row-block,
body.dark-theme .Varianten-block-title, 
body.dark-theme .Was-gewinnen-page-col-descr {
   color: #fff;
}

body.dark-theme .netzwerk-page-block-center,
body.dark-theme .netzwerk-page-block-center,
body.dark-theme .Varianten-block,
body.dark-theme .tab-panel-content-white,
body.dark-theme .tab-panel-col {
	background: #1f3963;
	color: #fff;
}

body.dark-theme .tab-panel-content-white-title,
body.dark-theme .passenden-plan-top.tab-buttons button.tab-btn span {
	color: #fff;	
}

body.dark-theme .passenden-plan-top.tab-buttons button.tab-btn.active:before,
body.dark-theme .passenden-plan-top.tab-buttons:before {
	background: #fff;
}

body.dark-theme .page-content,
body.dark-theme .entry-content,
body.dark-theme .entry-summary {
    color: #fff;
}

body.dark-theme .netzwerk-page-block-center:after {
	background: #ffffff3d;
}

body.dark-theme .hardwar-content .elektronische_lizenz-price-col .elektronische_lizenz-price-col-center {
    background: #1f3963;
    color: #fff;   
}

body.page-template-hardwar-page.dark-theme .hardwar-content .elektronische_lizenz-price-col {
    background: transparent;
}

body.dark-theme .table__footer .table__box,
body.dark-theme p.form__info.text--gold,
body.dark-theme .lead__title {
    color: #fff !important;
}

body.dark-theme .dla-biznesu-form.popup-visible {
    background: #1f3963;
}

body.dark-theme .dla-biznesu-form-title {
    color: #fff;
}