/**
 * Entegreci yükleyicisi: bacakları sırayla yanan bir entegre.
 *
 *   .eg-yukleyici         tek başına
 *   .eg-yukleniyor        bir alanın üstünü kaplar, tıklamayı engeller
 *   .eg-yukleniyor-dugme  düğme içinde, düğmenin yazı rengiyle dönen halka
 *
 * WooCommerce (sepet, ödeme, sipariş ekranı) ve Contact Form 7 kendi yükleyicilerini
 * gösterdiği için onların görünümü de burada aynı entegreye çevrilir.
 */
:root {
    --eg-yukleyici-resim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='12' y='7' width='24' height='34' rx='2' fill='%23233c76'/%3E%3Ccircle cx='24' cy='12' r='2' fill='%23fff'/%3E%3Crect x='4' y='32' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.00s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='25' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.15s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='18' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.30s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='4' y='11' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.45s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='11' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.60s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='18' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='25' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='0.90s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='36' y='32' width='8' height='4' rx='1' fill='%23dde3ee'%3E%3Canimate attributeName='fill' values='%23dde3ee%3B%23F7941D%3B%23dde3ee' dur='1.2s' begin='1.05s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");
}

.eg-yukleyici {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: var(--eg-yukleyici-resim) center / contain no-repeat;
    vertical-align: middle;
}

.eg-yukleniyor {
    position: relative;
    min-height: 72px;
    pointer-events: none;
}

.eg-yukleniyor::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    background: rgba(255, 255, 255, .75) var(--eg-yukleyici-resim) center / 48px no-repeat;
}

.eg-yukleniyor-dugme {
    pointer-events: none;
}

.eg-yukleniyor-dugme::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -2px;
    animation: eg-yukleyici-don .7s linear infinite;
}

@keyframes eg-yukleyici-don {
    to {
        transform: rotate(360deg);
    }
}

/* WooCommerce */
.blockUI.blockOverlay {
    opacity: .85 !important;
}

.blockUI.blockOverlay::before,
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before {
    content: "" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px !important;
    height: 48px !important;
    margin: -24px 0 0 -24px !important;
    background: var(--eg-yukleyici-resim) center / contain no-repeat !important;
    animation: none !important;
}

/* Contact Form 7 */
.wpcf7 form .wpcf7-spinner,
.wpcf7-spinner {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: var(--eg-yukleyici-resim) center / contain no-repeat;
    opacity: 1;
}

.wpcf7 form .wpcf7-spinner::before,
.wpcf7-spinner::before {
    display: none;
}