/* Modül Ayarları ön yüz stilleri: duyuru çubuğu, döviz şeridi, uçan butonlar, çerez kutusu konumları.
   Üreten: _class/modul_ek.php (yalnız ilgili özellik açıkken yüklenir). */

/* ---- Duyuru çubuğu ---- */
.mek-duyuru { position: relative; background: var(--mek-dbg, #253d4e); color: var(--mek-dfg, #fff); font-size: 14px; line-height: 1.45; z-index: 1001; overflow: hidden; }
.mek-duyuru-in { max-width: 1400px; margin: 0 auto; padding: 9px 44px 9px 16px; text-align: center; }
.mek-duyuru a { color: var(--mek-dfg, #fff); text-decoration: underline; font-weight: 600; margin-left: 6px; }
.mek-duyuru-kapat { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: var(--mek-dbg, #253d4e); color: inherit; font-size: 22px; line-height: 1; cursor: pointer; opacity: .85; padding: 2px 10px; z-index: 2; }
.mek-duyuru-kapat:hover { opacity: 1; }
.mek-duyuru.mek-kayan .mek-duyuru-in { display: inline-block; white-space: nowrap; padding: 9px 0 9px 100%; text-align: left; animation: mek-kay 24s linear infinite; }
.mek-duyuru.mek-kayan:hover .mek-duyuru-in { animation-play-state: paused; }
@keyframes mek-kay { from { transform: translateX(0); } to { transform: translateX(-100%); } }

/* ---- Döviz kuru şeridi ---- */
.mek-doviz { background: var(--mek-vbg, #f4f6fa); color: var(--mek-vfg, #253d4e); font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, .06); position: relative; z-index: 1000; }
.mek-doviz-in { max-width: 1400px; margin: 0 auto; padding: 6px 16px; display: flex; flex-wrap: wrap; gap: 4px 18px; justify-content: center; align-items: center; }
.mek-doviz-bas { font-weight: 600; opacity: .8; }
.mek-kur b { margin-right: 4px; }
.mek-doviz-tarih { opacity: .6; font-size: 12px; }
@media (max-width: 575px) {
	.mek-doviz-in { gap: 2px 12px; font-size: 12px; padding: 5px 8px; }
	.mek-doviz-tarih { display: none; }
}

/* ---- Uçan butonlar ---- */
.mek-ucan { position: fixed; z-index: 9990; bottom: var(--mek-alt, 15px); display: flex; flex-direction: column; gap: 10px; }
.mek-ucan.mek-sol { left: var(--mek-kenar, 15px); }
.mek-ucan.mek-sag { right: var(--mek-kenar, 15px); }
.mek-ucan .mek-btn { position: relative; width: var(--mek-boyut, 50px); height: var(--mek-boyut, 50px); display: flex; align-items: center; justify-content: center; color: #fff !important; background: var(--mek-r, #444); font-size: calc(var(--mek-boyut, 50px) * .5); line-height: 1; text-decoration: none !important; box-shadow: 2px 2px 8px rgba(0, 0, 0, .35); transition: transform .2s ease, box-shadow .2s ease; }
.mek-ucan .mek-btn:hover, .mek-ucan .mek-btn:focus-visible { transform: scale(1.08); box-shadow: 2px 4px 12px rgba(0, 0, 0, .4); outline: none; }
.mek-ucan.mek-renk-tema .mek-btn { background: var(--mek-tema, #253d4e); }
.mek-ucan.mek-sekil-daire .mek-btn { border-radius: 50%; }
.mek-ucan.mek-sekil-yuvarlak .mek-btn { border-radius: 14px; }
.mek-ucan.mek-sekil-kare .mek-btn { border-radius: 3px; }
.mek-ucan .mek-btn.mek-b-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.mek-ucan.mek-renk-tema .mek-btn.mek-b-ig { background: var(--mek-tema, #253d4e); }
.mek-ucan .mek-tip { position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; background: #111; color: #fff; padding: 5px 10px; border-radius: 6px; font-size: 13px; line-height: 1.2; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease; }
.mek-ucan.mek-sol .mek-tip { left: calc(100% + 10px); }
.mek-ucan.mek-sag .mek-tip { right: calc(100% + 10px); }
.mek-ucan:not(.mek-etiketli) .mek-tip { display: none; }
.mek-ucan .mek-btn:hover .mek-tip, .mek-ucan .mek-btn:focus-visible .mek-tip { opacity: 1; visibility: visible; }
.mek-ucan.mek-anim-nabiz .mek-b-wa::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; animation: mek-nabiz 2s infinite; pointer-events: none; }
@keyframes mek-nabiz { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); } 70% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } }
.mek-ucan.mek-anim-salla .mek-btn { animation: mek-salla 4s ease-in-out infinite; }
@keyframes mek-salla { 0%, 86%, 100% { transform: rotate(0); } 90% { transform: rotate(-12deg); } 94% { transform: rotate(10deg); } 98% { transform: rotate(-6deg); } }
@media (prefers-reduced-motion: reduce) {
	.mek-ucan .mek-btn, .mek-ucan .mek-b-wa::after { animation: none !important; transition: none !important; }
	.mek-duyuru.mek-kayan .mek-duyuru-in { animation: none; padding-left: 16px; white-space: normal; }
}
@media (min-width: 768px) {
	.mek-ucan.mek-cz-mobil { display: none !important; }
}
@media (max-width: 767px) {
	.mek-ucan.mek-cz-masaustu { display: none !important; }
	.mek-ucan.mek-mobil-cubuk { left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100%; flex-direction: row; gap: 0; }
	.mek-ucan.mek-mobil-cubuk .mek-btn { flex: 1 1 0; width: auto; height: 44px; border-radius: 0 !important; font-size: 20px; box-shadow: none; }
	.mek-ucan.mek-mobil-cubuk .mek-tip { display: none; }
	.mek-ucan.mek-mobil-cubuk .mek-b-wa::after { display: none; }
	.mek-ucan.mek-mobil-yigin .mek-btn { width: 44px; height: 44px; font-size: 22px; }
	body.mek-bar { padding-bottom: 44px; }
	body.mek-bar #scrollUp { bottom: 56px !important; }
}

/* ---- Çerez uyarısı: konumlar ve reddet düğmesi ---- */
#cookie-alert-popup.mek-c-sag { left: auto; right: 30px; }
#cookie-alert-popup.mek-c-serit { left: 0; right: 0; bottom: 0; opacity: 1; }
#cookie-alert-popup.mek-c-serit .alert-popup__card { width: 100% !important; max-width: 100% !important; box-shadow: 0 -4px 24px rgba(0, 0, 0, .18) !important; }
#cookie-alert-popup.mek-c-serit .alert-popup__content { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; width: 100%; padding: 16px 20px !important; text-align: left !important; }
#cookie-alert-popup.mek-c-serit .alert-popup__content p, #cookie-alert-popup.mek-c-serit .alert-popup__content h3 { margin: 0 !important; }
#cookie-alert-popup.mek-c-orta { left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%); opacity: 1; max-width: calc(100% - 20px); }
#cookie-alert-popup .mek-cerez-red { background: transparent !important; border: 1px solid rgba(255, 255, 255, .75) !important; margin-left: 8px; }
@media (max-width: 480px) {
	#cookie-alert-popup { left: 10px !important; right: 10px !important; bottom: 10px !important; }
	#cookie-alert-popup .alert-popup__card { width: 100% !important; }
	#cookie-alert-popup.mek-c-serit { left: 0 !important; right: 0 !important; bottom: 0 !important; }
	#cookie-alert-popup.mek-c-orta { left: 50% !important; right: auto !important; top: 50%; bottom: auto !important; width: calc(100% - 20px); }
	body.mek-bar #cookie-alert-popup { bottom: 54px !important; }
}