.toast__container {
    position: fixed;
    z-index: 9999;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px; 
}


/* Renkler onyx temasinin token'larindan geliyor; her marka CMS > CSS altindan
   --toast-* degiskenlerini tanimlayarak bunlari ezebilir. Eski --theme-*
   token'lari onyx'te tanimli olmadigi icin bildirimin arka plani seffaf kaliyordu. */
.toast {
    font-family: inherit;
    position: fixed;
    z-index: 99999999;
    padding: 21px 0;
    background-color: var(--toast-bg, var(--neutral-850, #1a1a1a));
    border: 1px solid var(--toast-border, var(--border-color, rgba(255, 255, 255, 0.1)));
    color: var(--toast-title-color, var(--primary-text, #fff));
    border-radius: 4px;
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px; 
    max-width: 350px;
    opacity: 1 !important;
}
.toast__icon {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--toast-icon-bg, var(--success, #00c853));
}

.toast__content {
    padding-left: 70px;
    padding-right: 60px;
}

.toast__type {
    color: var(--toast-title-color, var(--primary-text, #fff));
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px;
}

.toast__message {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--toast-text-color, var(--secondary-text, rgba(255, 255, 255, 0.7)));
}

.toast__close {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 14px;
    cursor: pointer;
    height: 14px;
    transform: translateY(-50%);
    fill: var(--toast-title-color, var(--primary-text, #fff));
}

/* Sağ üst pozisyon */
.toast--top-right {
    top: 20px;
    right: 20px;
}

/* Merkez pozisyon */
.toast--top-center {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    left: calc(50% - 175px);
}

/* Sol üst pozisyon */
.toast--top-left {
    top: 20px;
    left: 20px;
}

/* Sağ alt pozisyon */
.toast--bottom-right {
    bottom: 20px;
    right: 20px;
}

/* Sol alt pozisyon */
.toast--bottom-left {
    bottom: 20px;
    left: 20px;
}

/* Merkez alt pozisyon */
.toast--bottom-center {
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
    left: calc(50% - 175px);
}

.toast--success .toast__icon {
    background-color: var(--toast-icon-success, var(--success, #00c853));
}

.toast--info .toast__icon {
    background-color: var(--toast-icon-info, var(--info, #00f0ff));
}

.toast--warning .toast__icon {
    background-color: var(--toast-icon-warning, var(--warning, #ff8800));
}

.toast--error .toast__icon {
    background-color: var(--toast-icon-error, var(--error, #cc0000));
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(110%);
    }
}

@keyframes slideInTop {
    from {
        transform: translateY(-100%);
    }
    to {
        
        transform: translateY(0);
    }
}

@keyframes slideInBottom {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-110%);
        
    }
}



@keyframes slideInBottomRight {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideInBottomLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-110%);
    }
}


@keyframes slideInBottomCenter {
    from {
        transform: translateY(100%);
    }
    to {
        
        transform: translateY(0);
    }
}

@keyframes slideOutBottomCenter {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(120%);
        
    }
}


.toast--top-center.show{

    animation: slideInTop 0.3s ease both;
}

.toast--top-center.hidden{

    animation: slideInBottom 0.3s ease both;
}

.toast--bottom-center.show{
    animation: slideInBottomCenter 0.3s ease both;
   
}

.toast--bottom-center.hidden{

    animation: slideOutBottomCenter 0.3s ease both;
}

.toast--top-right.show,
.toast--bottom-right.show
{

    animation: slideInRight 0.3s ease both;
}

.toast--top-right.hidden,
.toast--bottom-right.hidden
{

    animation: slideInLeft 0.3s ease both;
}


.toast--top-left.show,
.toast--bottom-left.show
{
    animation: slideInBottomRight 0.3s ease both;
   
}

.toast--top-left.hidden,
.toast--bottom-left.hidden
{
    animation: slideInBottomLeft 0.3s ease both;
   
}



.alert
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert p:last-child
{
    margin-bottom: 0;
}
.alert code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-success
{
    background-color: color-mix(in srgb, var(--success, #00c853) 15%, transparent);
    border-color: var(--success, #00c853);
}
.alert-success h4
{
    color: var(--success, #00c853);
}
.alert-danger
{
    background-color: color-mix(in srgb, var(--error, #cc0000) 15%, transparent);
    border-color: var(--error-border, var(--error, #cc0000));
 
}
.alert-danger h4
{
    color: var(--error-border, var(--error, #cc0000));
}
.alert-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-warning h4
{
    color: #f0ad4e;
}
.alert-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-info h4
{
    color: #5bc0de;
}
.alert-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-default h4
{
    color: #000;
}
.alert-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-notice h4
{
    color: #444;
}

.toast__icon.fonticon {
    background: none;
    font-size: 36px;
    top: 15px;
    left: 10px;
    color: var(--toast-title-color, var(--primary-text, #fff));
}
iframe[src*="comm100.com"],iframe[id*="comm100"],iframe[title*="comm100"]{display:none!important;width:0!important;height:0!important}iframe[src*="livechatinc.com"],iframe[src*="livechat.com"],iframe[title*="LiveChat chat widget"]{display:none!important;width:0!important;height:0!important}div[id*="comm100"],div[class*="comm100"]{display:none!important}div[id^="livechat"],div[class*="livechat-"],div[id="chat-widget-container"]{display:none!important}.comm100-widget,.livechat-widget-container{display:none!important}