/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* --- Inizio Dichiarazione Famiglia Font 'DDT' --- */

/* DDT - Regular (400) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Regular.woff2') format('woff2'),
       url('fonts/DDTRg-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* DDT - Italic (400) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Italic.woff2') format('woff2'),
       url('fonts/DDTRg-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* DDT - Light (300) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTLt-Regular.woff2') format('woff2'),
       url('fonts/DDTLt-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* DDT - Light Italic (300) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTLt-Italic.woff2') format('woff2'),
       url('fonts/DDTLt-Italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* DDT - Bold (700) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-Bold.woff2') format('woff2'),
       url('fonts/DDTRg-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* DDT - Bold Italic (700) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTRg-BoldItalic.woff2') format('woff2'),
       url('fonts/DDTRg-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* DDT - Heavy (900) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTHv-Regular.woff2') format('woff2'),
       url('fonts/DDTHv-Regular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* DDT - Heavy Italic (900) */
@font-face {
  font-family: 'DDT';
  src: url('fonts/DDTHv-Italic.woff2') format('woff2'),
       url('fonts/DDTHv-Italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* --- Fine Famiglia Font 'DDT' --- */


/* --- Inizio Dichiarazione Famiglie Aggiuntive --- */

/* DDT Book - Regular (400) */
@font-face {
  font-family: 'DDT Book';
  src: url('fonts/DDTBk-Regular.woff2') format('woff2'),
       url('fonts/DDTBk-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* DDT Book - Italic (400) */
@font-face {
  font-family: 'DDT Book';
  src: url('fonts/DDTBk-Italic.woff2') format('woff2'),
       url('fonts/DDTBk-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* DDT Extra Light - Regular (200) */
@font-face {
  font-family: 'DDT Extra';
  src: url('fonts/DDTEl-Regular.woff2') format('woff2'),
       url('fonts/DDTEl-Regular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* DDT Extra Light - Italic (200) */
@font-face {
  font-family: 'DDT Extra';
  src: url('fonts/DDTEl-Italic.woff2') format('woff2'),
       url('fonts/DDTEl-Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* DDT Semi Bold - Regular (600) */
@font-face {
  font-family: 'DDT Semi';
  src: url('fonts/DDTSb-Regular.woff2') format('woff2'),
       url('fonts/DDTSb-Regular.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* DDT Semi Bold - Italic (600) */
@font-face {
  font-family: 'DDT Semi';
  src: url('fonts/DDTSb-Italic.woff2') format('woff2'),
       url('fonts/DDTSb-Italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* DDT Ultra Light - Regular (200) */
@font-face {
  font-family: 'DDT Ultra';
  src: url('fonts/DDTUl-Regular.woff2') format('woff2'),
       url('fonts/DDTUl-Regular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* DDT Ultra Light - Italic (200) */
@font-face {
  font-family: 'DDT Ultra';
  src: url('fonts/DDTUl-Italic.woff2') format('woff2'),
       url('fonts/DDTUl-Italic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* --- Fine Famiglie Aggiuntive --- */


.otgs-development-site-front-end {
    display:none!important;
}


.Label_label__JE4q3 {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    margin-bottom: 16px;
    padding: 2px 16px 0;
    overflow: hidden;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.65;
    text-transform: uppercase;
    color: hsla(0, 0%, 97%, .5)
}

.Label_label__JE4q3:after,
.Label_label__JE4q3:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px
}

.Label_label__JE4q3:before {
    inset: 1.5px;
    z-index: 3;
    background: #202020
}

.Label_label__JE4q3:after {
    z-index: 2;
    border: 1.5px solid hsla(0, 0%, 97%, .05);
    -webkit-mask-image: linear-gradient(170deg, #000, transparent 50%);
    mask-image: linear-gradient(170deg, #000, transparent 50%);
    pointer-events: none;
    opacity: .25
}

.Label_title__2VrQG {
    position: relative;
    z-index: 4;
    opacity: .8
}

.Label_circle___Rqq2 {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    z-index: 1;
    width: 200px;
    height: 200px
}

.Label_circle___Rqq2:after,
.Label_circle___Rqq2:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%
}

.Label_circle___Rqq2:before {
    background: conic-gradient(from 180deg at 50% 51%, hsla(0, 0%, 100%, .01) 330deg, #fff 1turn);
    filter: blur(15px);
    animation: Label_button-circle__mi51P 3.6s linear infinite;
    transition: opacity .5s
}

.Label_circle___Rqq2:after {
    transform: scale(.5);
    inset: 30px;
    background: hsla(0, 0%, 97%, .12);
    -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #000, transparent);
    mask-image: radial-gradient(50% 50% at 50% 50%, #000, transparent);
    filter: blur(5px);
    opacity: 0;
    transition: all 1s
}

@keyframes Label_button-circle__mi51P {
    0% {
        transform: translateX(0) rotate(0)
    }

    25% {
        transform: translateX(-30px) rotate(90deg)
    }

    50% {
        transform: translateX(0) rotate(180deg)
    }

    75% {
        transform: translateX(30px) rotate(270deg)
    }

    to {
        transform: translateX(0) rotate(1turn)
    }
}


.timeline-scroll {
  overflow-x: auto;
  white-space: nowrap;
  padding: 2rem 1rem;
  border-bottom: 1px solid #eee;
}

.timeline-track {
  display: flex;
  gap: 3rem;
  min-width: 3600px;
}

.timeline-event {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-right: 1px solid #ddd;
  padding-right: 1rem;
  min-width:300px;
}

.timeline-event h3 {
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
}

.timeline-event .year {
  font-weight: bold;
  display: block;
  margin-bottom: 5.5rem;
}

.timeline-event p {
  font-size: 0.9rem;
  color: #555;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
}

/* Gantt years setup */
.gantt-years {
  display: flex;
  justify-content: flex-start;
  gap: 6.66666%;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding-left: 10px;
  min-width: 3600px;
}

.gantt-track {
  position: relative;
  height: 80px;
  margin-top: 2rem;
  background: #f2f2f2;
  min-width: 3600px;
}

/* Base unit: 1 year = 60px width */
.gantt-bar {
  position: absolute;
  top: 10px;
  height: 30px;
  background: #222;
  color: #fff;
  padding: 0.3rem 0.5rem;
  font-size: 0.8rem;
  border-radius: 4px;
  white-space: nowrap;
}

/* Custom positioning based on year */
.gantt-bar:nth-child(1)  { left: 0px;    width: 60px; }   /* 2005 */
.gantt-bar:nth-child(2)  { left: 180px;  width: 60px; }   /* 2008 */
.gantt-bar:nth-child(3)  { left: 240px;  width: 60px; }   /* 2009 */
.gantt-bar:nth-child(4)  { left: 300px;  width: 60px; }   /* 2010 */
.gantt-bar:nth-child(5)  { left: 330px;  width: 60px; }   /* 2010 (altro) */
.gantt-bar:nth-child(6)  { left: 360px;  width: 60px; }   /* 2011 */
.gantt-bar:nth-child(7)  { left: 420px;  width: 60px; }   /* 2012 */
.gantt-bar:nth-child(8)  { left: 480px;  width: 60px; }   /* 2013 */
.gantt-bar:nth-child(9)  { left: 540px;  width: 60px; }   /* 2014 */
.gantt-bar:nth-child(10) { left: 600px;  width: 60px; }   /* 2015 */
.gantt-bar:nth-child(11) { left: 720px;  width: 60px; }   /* 2018 */
.gantt-bar:nth-child(12) { left: 780px;  width: 60px; }   /* 2019 */

.menu-container .menu-item > a {
  text-transform: uppercase;
}
.orbit-wrapper {
  position: relative;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

.orbit-circle {
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  z-index: 0;
}

/* contenitore orbita con dimensioni */
.orbit-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  animation: orbit 12s linear infinite;
}

/* tutti i loghi ruotano insieme */
.item-1 { animation-delay: 0s; }
.item-2 { animation-delay: 0s; }
.item-3 { animation-delay: 0s; }

/* wrapper per posizionare logo fuori centro */
.orbit-item-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateX(40%);
}

/* dimensioni logo e rotazione inversa per tenerli dritti */
.orbit-item {
  width: clamp(40px, 6vw, 80px);
  height: auto;
  animation: counterspin 12s linear infinite;
  display: block;
}

.orbit-center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  max-width: 90%;
}

@keyframes orbit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes counterspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

@media (min-width: 960px) {
    .menu-container:not(.menu-borders) .menu-sub-enhanced.menu-horizontal ul.menu-smart > li > ul:not(.uncode-woocommerce-sorting-dropdown) {
        border-top-width: 0px;
        border-top-style: none;
        border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
    }
}