/* Webreta Announcement Bar */

/* Bar - full width */
.wrab-bar {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}

#wrab-top-bars,
#wrab-bottom-bars {
    position: relative;
    z-index: 10;
}

/* Sticky - bar scroll'da sabit kalır */
.wrab-bar.wrab-sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Close Button */
.wrab-close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.2);
    border: none;
    color: inherit;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    z-index: 5;
}
.wrab-close:hover {
    background: rgba(255,255,255,0.3);
}

.wrab-bar, .wrab-bar * {
    box-sizing: border-box;
}

.wrab-bar-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.wrab-bar-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* MARQUEE - full width continuous scroll */
.wrab-marquee {
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
}

.wrab-marquee-content {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    animation: wrab-scroll-left 20s linear infinite;
    will-change: transform;
}

.wrab-marquee[data-direction="right"] .wrab-marquee-content {
    animation-name: wrab-scroll-right;
}

.wrab-marquee[data-pause="1"]:hover .wrab-marquee-content {
    animation-play-state: paused;
}

.wrab-separator {
    display: inline-block;
    padding: 0 25px;
    opacity: 0.5;
}

@keyframes wrab-scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes wrab-scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

/* SLIDER - no background on wrapper, only on slides */
.wrab-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.wrab-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Slide - her slide kendi rengini taşır */
.wrab-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
}

.wrab-slide.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}

/* Fade transition */
.wrab-slider[data-transition="fade"] .wrab-slide {
    transition: opacity 0.3s ease;
}

/* Slide transition */
.wrab-slider[data-transition="slide"] .wrab-slide {
    transform: translateX(100%);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.wrab-slider[data-transition="slide"] .wrab-slide.active {
    transform: translateX(0);
}

.wrab-slider[data-transition="slide"] .wrab-slide.prev {
    transform: translateX(-100%);
}

.wrab-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* STATIC */
.wrab-static {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 8px;
}

/* COMMON */
.wrab-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 8px;
}

.wrab-text {
    display: inline;
}

/* Responsive */
@media (max-width: 768px) {
    .wrab-separator {
        padding: 0 15px;
    }
}
#wrab-bar-1 {
	padding: 0 !important;
}

#wrab-bar-2 {
	padding: 0 !important;
}