/*
 Theme Name:   YOOtheme Child
 Description:  YOOtheme Theme
 Template:     yootheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yootheme-child
*/

:root {
      /* UI */
      --expertonaut-primary: #1f7cff;
      --expertonaut-secondary: #00d4ff;
      --expertonaut-accent: #8b5cf6;

      --expertonaut-firstgradient: linear-gradient(135deg, #1f7cff 0%, #8b5cf6 100%);
      --expertonaut-secondgradient: linear-gradient(135deg, #1f7cff 0%, #00d4ff 100%);
      --expertonaut-thirdgradient: linear-gradient(135deg, #11183e 0%, #8b5cf6 100%);
      --expertonaut-fourthgradient: linear-gradient(135deg, #00d4ff 0%, #8b5cf6 100%);

      /* Backgrounds */
      --expertonaut-bg: #07111f;
      --expertonaut-bg-soft: #0b1b2e;
      --expertonaut-bg-card: #0c1c30;

      /* Text */
      --expertonaut-text: #f5f8ff;
      --expertonaut-text-muted: #a9b7cc;
      --expertonaut-text-soft: #d7e2f2;
      --expertonaut-text-inverse: #06101d;

      /* Borders */
      --expertonaut-border: rgba(255, 255, 255, 0.12);
      --expertonaut-border-strong: rgba(255, 255, 255, 0.22);
      --expertonaut-border-blue: rgba(111, 176, 255, 0.35);

      /* Effects */
      --expertonaut-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);
      --expertonaut-shadow-md: 0 18px 50px rgba(0, 0, 0, 0.34);
      --expertonaut-shadow-lg: 0 28px 90px rgba(0, 0, 0, 0.48);

      --expertonaut-glow-primary: 0 0 32px rgba(var(--expertonaut-primary-rgb), 0.45);
      --expertonaut-glow-secondary: 0 0 34px rgba(var(--expertonaut-secondary-rgb), 0.38);

      /* Status */
      --expertonaut-success: #22c55e;
      --expertonaut-warning: #f59e0b;
      --expertonaut-error: #ef4444;
      --expertonaut-info: #38bdf8;
}

/* Base */

.expertonaut-thirdgradient {
      background: var(--expertonaut-thirdgradient) !important;
}

.uk-label.uk-label-secondary {
      background: none !important;
      border: 1px solid #f5f8ff !important;
}

.gradient-text {
      background: linear-gradient(180deg, #1f7cff 0%, #8b5cf6 100%) !important;
      -webkit-background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      background-clip: text !important;
      color: transparent !important;
}

.gradient-hr {
      width: 170px;
      height: 5px;
      border: 0;
      border-radius: 999px;
      background: linear-gradient(90deg,
                  #1f7cff 0%,
                  #8b5cf6 55%,
                  rgba(139, 92, 246, 0) 100%);
}

:focus-visible {
      outline: none !important;
}

/* Navigation */

.uk-navbar-nav>li.uk-active>a::before {
      display: none !important;
}

/* Mobile Navigation */

.uk-offcanvas-bar {
      background:
            linear-gradient(rgba(0, 0, 0, 0.65),
                  rgba(0, 0, 0, 0.85)),
            url("/wp-content/uploads/photo-1549074862-6173e20d02a8-scaled.jpg") center / cover no-repeat !important;
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a {
      color: #2cbf9e !important;
}

/* Logo-Container */
.tm-header .uk-navbar-center .uk-logo {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      isolation: isolate;
      overflow: visible;
}

/* Dezenter, weicher Schein hinter dem U-Boot */
.tm-header .uk-navbar-center .uk-logo::before {
      content: "";
      position: absolute;
      z-index: 0;
      pointer-events: none;

      left: 50%;
      top: 50%;
      width: 165px;
      height: 88px;

      transform: translate(-50%, -50%);

      background: radial-gradient(ellipse at center,
                  rgba(0, 212, 255, 0.16) 0%,
                  rgba(31, 124, 255, 0.10) 34%,
                  rgba(139, 92, 246, 0.055) 56%,
                  rgba(7, 17, 31, 0) 78%);

      filter: blur(10px);
}

/* SVG über dem Schein */
.tm-header .uk-navbar-center .uk-logo img {
      position: relative;
      z-index: 1;

      filter:
            drop-shadow(0 0 2px rgba(245, 249, 255, 0.14)) drop-shadow(0 0 5px rgba(0, 212, 255, 0.12)) drop-shadow(0 0 9px rgba(31, 124, 255, 0.07));
}

/* Formular */

.form-grid p {
      margin-bottom: 8px !important;
}

.wpcf7-list-item {
      margin-left: 0px;
}

.form-grid .uk-button.formbutton {
      background: linear-gradient(135deg, #1f7cff 0%, #8b5cf6 100%) !important;
}

/* Startseite */

.home header,
.page-id-154 header .uk-logo {
      display: none !important;
}

/* Shop */

/* .woocommerce-shop header {
      display: none !important;
} */

.shop-menu ul {
      margin: 0px !important;
}

/* Produktsseite */

.productheader-image img {
      filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.28)) !important;
}

.productheader-image {
      position: relative !important;
}

.productheader-image::before {
      content: "" !important;
      position: absolute !important;
      inset: 50% auto auto 50% !important;
      width: 380px !important;
      height: 220px !important;
      transform: translate(-50%, -50%) !important;
      background: radial-gradient(circle,
                  rgba(47, 190, 255, 0.18),
                  transparent 68%) !important;
      filter: blur(20px) !important;
      z-index: -1 !important;
}

.productheader-cardcontainer .uk-card-primary {
      /* background: linear-gradient(135deg, rgba(42, 122, 255, 0.82), rgba(132, 72, 245, 0.82)) !important; */
      background: linear-gradient(135deg, rgba(42, 122, 255, 0.42), rgba(132, 72, 245, 0.42)) !important;
      /* backdrop-filter: blur(18px) !important; */
      -webkit-backdrop-filter: blur(18px) !important;
      border: 1px solid rgba(255, 255, 255, 0.18) !important;
      box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
      border-radius: 28px !important;
}

.productheader-card .price {
      /* font-size: clamp(2.4rem, 4vw, 3.4rem) !important; */
      font-size: clamp(1.0rem, 1.8vw, 3.4rem) !important;
      font-weight: 800 !important;
      letter-spacing: -0.04em !important;
      line-height: 1 !important;
      margin-bottom: 0px !important;
}

.productheader-card .variations .value select {
      background: none !important;
}

/* .productheader-card .wc-gzd-additional-info {
      display: none !important;
} */

.productheader-card .legal-price-info {
      margin-top: 0.55rem !important;
      font-size: 0.95rem !important;
      opacity: 0.82 !important;
}

.productheader-card .button[type="submit"] {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 54px !important;
      padding: 0 34px !important;
      border-radius: 999px !important;
      color: #fff !important;
      font-weight: 700 !important;
      text-decoration: none !important;
      background: linear-gradient(135deg, #18d5ff, #4f8cff) !important;
      box-shadow:
            0 14px 35px rgba(24, 213, 255, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
      transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.productheader-card .button[type="submit"]:hover {
      transform: translateY(-2px) !important;
      box-shadow:
            0 20px 45px rgba(24, 213, 255, 0.36),
            inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

/* Support */

.grid-purple a {
      color: #8b5cf6 !important;
}

.grid-purple a:hover,
.grid-purple a:focus {
      color: #1f7cff !important;
}

.grid-cyan a {
      color: #01d3fc !important
}

.grid-cyan a:hover,
.grid-cyan a:focus {
      color: #2cbf9e !important
}

.color-cyan {
      color: #01d3fc !important;
}

.color-green {
      color: #2cbf9e !important;
}