/* Shared styles for NEXART oferta pages */
:root{
  --nexart-dark: #2c3e50;
  --warm-gray: #f8f9fa;
  --charcoal: #34495e;
  --nexart-blue: #6f809e;
}
body{font-family: 'Ubuntu', sans-serif;background:var(--warm-gray);color:var(--charcoal)}
.animate-fade-in{animation:fadeIn .6s ease-in-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Scrolling text */
.scrolling-text-container{display:flex;width:100%;position:relative;overflow:hidden}
.scrolling-text-container::before,.scrolling-text-container::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.scrolling-text-container::before{left:0;background:linear-gradient(to right,var(--warm-gray) 0%,transparent 100%)}
.scrolling-text-container::after{right:0;background:linear-gradient(to left,var(--warm-gray) 0%,transparent 100%)}
.scrolling-text{display:flex;white-space:nowrap;animation:scroll-left 30s linear infinite}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.scrolling-text:hover{animation-play-state:paused}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:hsl(210,25%,90%)}
::-webkit-scrollbar-thumb{background:var(--nexart-blue);border-radius:4px}

/* Tooltip */
.tooltip{position:relative;display:inline-block}
.tooltip .tooltiptext{visibility:hidden;width:300px;background-color:var(--nexart-dark);color:#fff;text-align:center;border-radius:6px;padding:12px;position:absolute;z-index:100;bottom:125%;left:50%;margin-left:-150px;opacity:0;transition:opacity .3s;font-size:14px;line-height:1.4;box-shadow:0 4px 6px rgba(0,0,0,.1)}
.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--nexart-dark) transparent transparent transparent}
.tooltip:hover .tooltiptext{visibility:visible;opacity:1}

/* Footer responsive small fixes */
@media (max-width:767px){.u-footer .u-social-icons-1{margin-top:20px!important;margin-bottom:20px!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}.u-footer .u-logo{margin-bottom:20px!important}.u-footer .u-text-1{margin-top:20px!important;margin-bottom:20px!important}}
@media (max-width:575px){.u-footer .u-social-icons-1{height:28px!important;margin-top:15px!important;margin-bottom:15px!important}.u-footer .u-social-icon{width:28px!important;height:28px!important}}

/* Back to top and floating buttons default */
#back-to-top{transition:all .3s}