/* =========================================================================
   MARIANA — tema katmani
   Mevcut temanin ustune biner; main.css'e dokunulmaz, bu dosya
   main.tpl'den en son yuklenir. Geri almak icin tek satir silmek yeter.

   Yon: duz yuzeyler, tek vurgu rengi, ince cizgiler.
   Kaldirilanlar: mor->mavi gradyanlar, zemindeki desen dokusu, neon parlama.
   ========================================================================= */

:root{
	/* zemin ve yuzeyler — notr, hafif sicak mürekkep */
	--ink:        #0E0D11;
	--panel:      #16151B;
	--panel-2:    #1D1C24;
	--panel-3:    #24232D;
	--line:       #2A2934;
	--line-soft:  rgba(255,255,255,.07);

	/* metin */
	--text:       #EDECF0;
	--text-2:     #C4C2CE;
	--dim:        #9A98A6;   /* panel uzerinde 6.41:1 */
	--dim-2:      #85838F;   /* panel uzerinde 4.87:1 — 11px etiketler bunu kullaniyor */

	/* tek vurgu: derin gül-kırmızı (markanin pembe ailesinde kalir, neon degil)
	   --accent       = DOLU zemin (uzerinde beyaz yazi) -> beyazla 4.70:1
	   --accent-text  = YAZI/link olarak vurgu -> koyu zeminde 6.25:1
	   Ikisi ayri, cunku tek ton her iki isi de erisilebilir yapamiyor. */
	--accent:       #D23A53;
	--accent-hover: #B93247;
	--accent-text:  #F0637C;
	--accent-soft:  rgba(210,58,83,.13);
	--accent-line:  rgba(210,58,83,.34);

	/* ikincil: sicak altin — sadece rozet/vurgu, az kullanilir */
	--gold:      #D8A44F;
	--gold-soft: rgba(216,164,79,.14);

	--r-sm: 8px;
	--r-md: 12px;
	--r-lg: 16px;
}

/* ---------- 1. TEMEL ---------- */

body{
	background: var(--ink) !important;
	color: var(--text-2) !important;
	font-family: Manrope, "Segoe UI", system-ui, sans-serif !important;
	font-size: 15px !important;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5,
.header-title .title,
.movie-box .name,
footer .copyright .logo{
	font-family: "Bricolage Grotesque", Manrope, sans-serif !important;
	letter-spacing: -.01em;
}

a{ color: var(--text-2); transition: color .18s ease; }
a:hover{ color: var(--accent-text); }

::selection{ background: var(--accent-soft); color: var(--text); }

/* ince kaydirma cubugu */
::-webkit-scrollbar{ width: 11px; height: 11px; }
::-webkit-scrollbar-track{ background: var(--ink); }
::-webkit-scrollbar-thumb{ background: var(--panel-3); border-radius: 20px; border: 3px solid var(--ink); }
::-webkit-scrollbar-thumb:hover{ background: #35333F; }

/* ---------- 2. GRADYANLARI KALDIR ---------- */
/* Temanin her yerinde ayni mor->mavi gecis var; hepsini duz yuzeye cevir */

.btn.header,
.btn.header2,
.cta,
.cta-block,
.heading-con.red:before,
.header-title.red:before{
	background-image: none !important;
}

/* ---------- 3. UST BOLUM ---------- */

header .top{
	background: var(--panel) !important;
	border-bottom: 1px solid var(--line) !important;
	border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
}

.logo-text-first{ color: var(--text) !important; }
.logo-text-last{ color: var(--accent-text) !important; }

/* arama */
.search input[type=text],
.search input[type=search],
#story{
	background: var(--ink) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
	color: var(--text) !important;
	font-family: inherit !important;
	transition: border-color .18s ease;
}
.search input::placeholder{ color: var(--dim-2) !important; }
.search input:focus{
	border-color: var(--accent-line) !important;
	outline: none !important;
}
.search button,
.search .fa-search{ color: var(--dim) !important; }

/* ---------- 4. MENU ---------- */

.menu{
	background: var(--panel) !important;
	border-bottom: 1px solid var(--line) !important;
	border-radius: 0 0 var(--r-lg) var(--r-lg);
}
.menu a{ color: var(--dim) !important; font-weight: 600; }
.menu a:hover{ color: var(--text) !important; }
.menu .menu-item.current-menu-item > a,
.menu li.active > a{ color: var(--text) !important; }

/* aktif sekmenin alt cizgisi — mor kalin cizgi yerine ince vurgu */
.menu .menu-item.current-menu-item,
.menu li.active{
	background: transparent !important;
	box-shadow: inset 0 -2px 0 var(--accent);
}

.sidebar-menu,
.animate-menu{ background: var(--panel) !important; }
.sidebar-header{ color: var(--dim-2) !important; letter-spacing: .1em; font-size: 11px !important; }
.sidebar-menu a{ color: var(--text-2) !important; }
.sidebar-menu a:hover{ color: var(--accent-text) !important; }

/* ---------- 5. BUTONLAR ---------- */

.btn.header,
.bbcodes,
input[type=submit].bbcodes,
button.bbcodes{
	background: var(--accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--r-sm) !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	transition: background .18s ease !important;
}
.btn.header:hover,
.bbcodes:hover,
button.bbcodes:hover{ background: var(--accent-hover) !important; }

.btn.header2{
	background: transparent !important;
	border: 1px solid var(--line) !important;
	color: var(--text-2) !important;
	border-radius: var(--r-sm) !important;
	font-weight: 600 !important;
}
.btn.header2:hover{
	border-color: var(--dim-2) !important;
	color: var(--text) !important;
}

.btn.showmore{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	color: var(--text-2) !important;
	border-radius: var(--r-sm) !important;
}
.btn.showmore:hover{ background: var(--panel-3) !important; color: var(--text) !important; }

/* ---------- 6. BOLUM BASLIKLARI ---------- */

.header-title,
.heading-con{
	border-bottom: 1px solid var(--line) !important;
	padding-bottom: 12px !important;
	margin-bottom: 22px !important;
	background: transparent !important;
}
.header-title .title,
.heading-con .title,
.header-title h2,
.header-title span{
	color: var(--text) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
}
/* bazi temalarda baslik oncesi renkli blok var — inceltip vurguya cevir */
.header-title.red:before,
.heading-con.red:before{
	background: var(--accent) !important;
	width: 3px !important;
	border-radius: 2px;
}

/* ---------- 7. SERI KARTLARI ---------- */

.movie-box{ margin-bottom: 26px !important; }

.movie-box .poster{
	border-radius: var(--r-md) !important;
	box-shadow: none !important;
	background: var(--panel-2) !important;
	overflow: hidden;
}
.movie-box .poster .img{ border-radius: var(--r-md) !important; }
.movie-box .poster img{
	transition: transform .35s cubic-bezier(.2,.7,.3,1), opacity .2s ease;
}
.movie-box:hover .poster img{ transform: scale(1.035); }

.movie-box .name{
	color: var(--text) !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
	letter-spacing: -.01em !important;
	margin-top: 11px !important;
	white-space: normal !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.movie-box:hover .name{ color: var(--accent-text) !important; }

/* +18 rozeti */
.icon-hd{
	background: rgba(14,13,17,.82) !important;
	border: 1px solid var(--line-soft) !important;
	color: var(--text-2) !important;
	border-radius: 6px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	padding: 4px 8px !important;
	line-height: 1 !important;
}

/* uzerine gelince cikan bilgi karti */
.movie-box .dtinfo{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	box-shadow: 0 18px 40px rgba(0,0,0,.5) !important;
	color: var(--text-2) !important;
	padding: 16px !important;
}
.dtinfo .title span{ color: var(--text) !important; font-weight: 700 !important; }
.dtinfo .metadata{ color: var(--dim) !important; font-size: 12px !important; }
.dtinfo .texto{ color: var(--text-2) !important; font-size: 13px !important; line-height: 1.55 !important; }
.dtinfo .mta a{
	background: var(--panel-3) !important;
	border-radius: 6px;
	padding: 3px 8px;
	font-size: 12px;
	color: var(--text-2) !important;
}

/* ---------- 8. SAYFALAMA ---------- */

.navigation a,
.navigation span,
.splitnewsnavigation a,
.splitnewsnavigation span{
	background: var(--panel) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
	color: var(--text-2) !important;
	padding: 9px 14px !important;
	margin: 0 3px !important;
	display: inline-block;
	font-weight: 600;
}
.navigation a:hover,
.splitnewsnavigation a:hover{
	border-color: var(--dim-2) !important;
	color: var(--text) !important;
}
.navigation span,
.splitnewsnavigation span{
	background: var(--accent) !important;
	border-color: var(--accent) !important;
	color: #fff !important;
}

/* ---------- 9. FORMLAR ---------- */

input[type=text], input[type=password], input[type=email],
input[type=search], textarea, select{
	background: var(--ink) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
	color: var(--text) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	padding: 11px 13px !important;
}
input:focus, textarea:focus, select:focus{
	border-color: var(--accent-line) !important;
	outline: none !important;
}
::placeholder{ color: var(--dim-2) !important; }
label{ color: var(--dim) !important; font-size: 13px; }

/* modal / diyalog */
.ui-dialog,
.ui-widget-content,
.dle-popup-userinfo,
.modal-content{
	background: var(--panel) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important;
	color: var(--text-2) !important;
}
.ui-dialog-titlebar,
.ui-widget-header{
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--line) !important;
	color: var(--text) !important;
	font-family: "Bricolage Grotesque", Manrope, sans-serif !important;
}

/* ---------- 10. YORUMLAR ---------- */

.comment,
.comment-body,
.box_in{
	background: var(--panel) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	color: var(--text-2) !important;
}
.comment-author,
.comment-author a{ color: var(--text) !important; font-weight: 700 !important; }
.comment-date,
.comment .date{ color: var(--dim-2) !important; font-size: 12px !important; }
.comment-buttons a{ color: var(--dim) !important; font-size: 13px !important; }
.comment-buttons a:hover{ color: var(--accent-text) !important; }
.comment-avatar img,
.avatar{ border-radius: 50% !important; }

/* ---------- 11. ALT BOLUM ---------- */

footer{ margin-top: 20px !important; }
footer .copyright{
	background: var(--panel) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important;
	padding: 28px 32px !important;
	color: var(--dim) !important;
}
footer .copyright .logo{ color: var(--text) !important; font-size: 21px !important; }
footer a{ color: var(--dim) !important; }
footer a:hover{ color: var(--accent-text) !important; }
.footer-social a{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
}
.footer-social a:hover{ border-color: var(--dim-2) !important; }

/* ---------- 12. SERI SAYFASI (.mh-*) ---------- */
/* fullstory.tpl kendi stilini tasiyor; burada tema degiskenlerine baglaniyor */

.mh-seri{
	background: var(--panel) !important;
	border-color: var(--line) !important;
	border-radius: var(--r-lg) !important;
}
.mh-kapak-cerceve{
	background: var(--panel-2) !important;
	border-color: var(--line) !important;
	border-radius: var(--r-md) !important;
}
.mh-seri-bilgi h1{ color: var(--text) !important; font-size: 40px !important; }
.mh-altisim{ color: var(--dim) !important; }
.mh-olcu{ color: var(--dim) !important; }
.mh-etiket{ color: var(--dim-2) !important; }
.mh-konu-metin{ color: var(--text-2) !important; }
.mh-kunye-deger{ color: var(--text) !important; }
.mh-rozet{
	background: rgba(14,13,17,.82) !important;
	border-color: var(--line-soft) !important;
	color: var(--text-2) !important;
}
.mh-kapi{
	background: var(--accent-soft) !important;
	border-color: var(--accent-line) !important;
	border-radius: var(--r-md) !important;
}
.mh-kapi-ikon{ background: rgba(210,58,83,.16) !important; color: var(--accent-text) !important; }
.mh-kapi-metin strong{ color: var(--text) !important; }
.mh-kapi-metin span{ color: var(--text-2) !important; }
.mh-btn-birincil{ background: var(--accent) !important; border-radius: var(--r-sm) !important; }
.mh-btn-birincil:hover{ background: var(--accent-hover) !important; }
.mh-btn-ikincil{ border-color: var(--line) !important; border-radius: var(--r-sm) !important; }
.mh-btn-ikincil:hover{ border-color: var(--dim-2) !important; }
.mh-etiketler a{
	background: var(--panel-2) !important;
	border-color: var(--line) !important;
	color: var(--text-2) !important;
	border-radius: 7px !important;
}
.mh-etiketler a:hover{ background: var(--panel-3) !important; color: var(--text) !important; }
.mh-etiket-daha{ border-color: var(--line) !important; color: var(--dim) !important; }
.mh-etiket-daha:hover{ border-color: var(--dim-2) !important; color: var(--text) !important; }
.mh-oku-not{ color: var(--dim) !important; }

/* ---------- 13. KUCUK EKRAN ---------- */

@media (max-width: 860px){
	body{ font-size: 14px !important; }
	header .top{ border-radius: var(--r-md) var(--r-md) 0 0 !important; padding: 16px 18px !important; }
	.menu{ border-radius: 0 0 var(--r-md) var(--r-md); }
	footer .copyright{ padding: 20px !important; border-radius: var(--r-md) !important; }
	.header-title .title{ font-size: 17px !important; }
}

/* ---------- 14. GIRIS / KAYIT MODALI ---------- */
/* #submit ve .button, temanin cta-shapes.png + mor-mavi gradyanini tasiyordu */

button.button,
#submit,
input[type=submit].button,
.login-form button,
.dle-popup-login button{
	background-image: none !important;
	background: var(--accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--r-sm) !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	min-height: 46px;
	padding: 0 22px;
	transition: background .18s ease !important;
}
button.button:hover,
#submit:hover,
.login-form button:hover{ background: var(--accent-hover) !important; }

.log-register,
.lost-password,
.login-form a{ color: var(--dim) !important; font-size: 13px; }
.log-register:hover,
.lost-password:hover,
.login-form a:hover{ color: var(--accent-text) !important; }

/* profil / sayac kutulari */
.counter,
.co-1, .co-2, .co-3{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
	color: var(--text-2) !important;
}

/* cta-shapes dokusunu kullanan bloklar */
.cta, .cta-block, .subscribe{
	background-image: none !important;
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important;
}

/* ---------- 15. KALAN GRADYAN NOKTALARI ---------- */
/* Ayni mor->mavi gecis + cta-shapes dokusu 14 seciciye dagilmisti.
   Asagidakiler diger sayfalarda ortaya cikiyor. */

a.logo-text .fas,
.movie-meta .button,
.fullmovie-box .seasons .tab.active,
.side-bt input[type=button]:first-child,
.side-bt input[type=button]:hover,
.filt-btns input[type=button]:last-child:hover,
.message-btn-yes,
.ui-button,
.overhang,
.rkads-inner{
	background-image: none !important;
	background-color: var(--accent) !important;
	color: #fff !important;
	border-radius: var(--r-sm) !important;
}

.ui-button{ border-radius: var(--r-sm) !important; font-family: inherit !important; font-weight: 700 !important; }

/* seri sayfasinin ust seridi */
.fmessage{
	background-image: none !important;
	background-color: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	color: var(--text-2) !important;
	font-weight: 500 !important;
}
.fmessage-close{ color: var(--dim) !important; }
.fmessage-close:hover{ color: var(--text) !important; }

/* bilgi / hata kutulari — vurgu rengi zeminde degil, kenarda */
.alert,
.berrors,
.search_result_num{
	background-image: none !important;
	background-color: var(--accent-soft) !important;
	border: 1px solid var(--accent-line) !important;
	border-radius: var(--r-md) !important;
	color: var(--text) !important;
}

/* logo ikonu: dolu blok yerine ince cerceve */
a.logo-text .fas{
	background-color: transparent !important;
	border: 1px solid var(--accent-line) !important;
	color: var(--accent) !important;
}

/* aktif sezon/sekme */
.fullmovie-box .seasons .tab.active{ background-color: var(--accent) !important; }
.fullmovie-box .seasons .tab{
	background-color: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-sm) !important;
	color: var(--text-2) !important;
}

/* yorum formunun gonder butonu (button.btn) */
button.btn,
.form_submit .btn,
.form_submit button{
	background-image: none !important;
	background-color: var(--accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--r-sm) !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	min-height: 44px;
	padding: 0 22px;
	float: none !important;
}
button.btn:hover,
.form_submit button:hover{ background-color: var(--accent-hover) !important; }
/* not: .btn.header2 (ikincil) daha yuksek oncelikli, bu kuraldan etkilenmez */

/* =========================================================================
   16. REFERANS DUZENLEMELERI
   Kullanicinin ornek gorseline gore: tam genislik ust bar, kartin ustunde
   yumusak isik halesi, hap etiketler, bulanik kapak ustu kilit katmani.
   ========================================================================= */

/* --- tam genislik ust bar ---
   Yerlesime dokunmadan: header'in arkasina ekrana yayilan bir serit koyuluyor,
   .top ve .menu seffaflastirilip o seridin uzerine oturuyor. */
header.container{ position: relative; }
header.container::before{
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: var(--panel);
	border-bottom: 1px solid var(--line);
	z-index: 0;
}
header.container > *{ position: relative; z-index: 1; }

header .top{
	background: transparent !important;
	border-bottom: 1px solid var(--line-soft) !important;
	border-radius: 0 !important;
}
.menu{
	background: transparent !important;
	border-bottom: none !important;
	border-radius: 0 !important;
}

/* --- ana kartin ustunde yumusak hale ---
   Dogrusal gradyan yikamasi degil: tepeden asagi sonen dar bir isik. */
.mh-seri{ position: relative; overflow: hidden; }
.mh-seri::before{
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 220px;
	pointer-events: none;
	background: radial-gradient(120% 100% at 50% 0%, rgba(210,58,83,.10) 0%, rgba(210,58,83,0) 65%);
}
.mh-seri > *{ position: relative; }

/* --- kapak: bulanik gorsel + ustunde kilit katmani --- */
.mh-kapak-cerceve img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mh-kapak-kilit{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 20px;
	text-align: center;
	background: rgba(14,13,17,.55);
	color: var(--text-2) !important;
	font-size: 13px;
	line-height: 1.5;
}
.mh-kapak-kilit svg{ opacity: .9; }

/* --- hap etiketler ---
   Her etiket adindan tureyen sabit bir renk tonu aliyor (--h, JS veriyor).
   Doygunluk ve aciklik sabit tutuldugu icin hepsi ayni aileden gorunuyor. */
.mh-etiketler a{
	border-radius: 999px !important;
	padding: 0 14px !important;
	background: hsl(var(--h, 250) 26% 19%) !important;
	border: 1px solid hsl(var(--h, 250) 28% 30%) !important;
	color: hsl(var(--h, 250) 60% 78%) !important;
	font-weight: 600 !important;
}
.mh-etiketler a:hover{
	background: hsl(var(--h, 250) 30% 25%) !important;
	color: hsl(var(--h, 250) 70% 88%) !important;
}
.mh-etiket-daha{ border-radius: 999px !important; padding: 0 14px !important; }

/* kart uzerindeki etiketler de hap olsun */
.dtinfo .mta a{ border-radius: 999px !important; padding: 4px 10px !important; }

/* --- yorumlar: duz yuvarlak seritler (referanstaki gibi) --- */
.comment-body{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: 10px !important;
	padding: 13px 15px !important;
}
.comment{
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin-bottom: 18px !important;
}

/* Bos mesaj seridi: icerik olmadan da yer kapliyordu.
   Gizli basliyor; tema JS'i gosterdiginde gorunur. */
/* Tema JS'i buna satir ici display:block yaziyor, bu yuzden !important gerekli. */
.fullmovie-box > .fmessage{ display: none !important; }

/* =========================================================================
   17. YAZI OLCEGI
   Tema her yerde farkli boyut kullaniyordu (h1 bazen 42px, bazen 16px;
   etiketler kimi yerde 10px). Tek bir merdivene baglaniyor.
   ========================================================================= */

:root{
	--fs-1: 32px;  /* sayfa basligi */
	--fs-2: 22px;  /* bolum basligi */
	--fs-3: 17px;  /* alt baslik / kart basligi */
	--fs-4: 15px;  /* govde */
	--fs-5: 13px;  /* ikincil bilgi */
	--fs-6: 11px;  /* kucuk etiket */
}

h1{ font-size: var(--fs-1) !important; line-height: 1.12 !important; }
h2{ font-size: var(--fs-2) !important; line-height: 1.2 !important; }
h3{ font-size: var(--fs-3) !important; line-height: 1.3 !important; }
h4, h5{ font-size: var(--fs-4) !important; line-height: 1.35 !important; }

.header-title .title,
.heading-con .title{ font-size: var(--fs-2) !important; }
.film-content h3.title{ font-size: var(--fs-3) !important; margin-bottom: 14px !important; }

/* =========================================================================
   18. PROFIL
   ========================================================================= */

.profile-widget #profile-header{
	background: var(--panel) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-lg) !important;
	padding: 24px 28px !important;
	margin-bottom: 20px !important;
}
.profile-left{
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: wrap;
}
.profile-left .co-1{ flex: 0 0 auto !important; width: auto !important; }
.profile-left .co-2{ flex: 1 1 240px !important; width: auto !important; min-width: 0; }
.profile-left .co-3{ flex: 0 0 auto !important; width: auto !important; }

.profile-left .avatar img{
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	border: 2px solid var(--line) !important;
	object-fit: cover;
}

.profile-left .co-2 .title{
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.profile-left h1.title{
	font-size: 26px !important;
	font-weight: 800 !important;
	color: var(--text) !important;
	margin: 0 0 6px !important;
	text-transform: none !important;
}

/* yetki rozeti */
.mh-yetki{
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 0 11px;
	border-radius: 999px;
	background: var(--accent-soft);
	border: 1px solid var(--accent-line);
	color: var(--accent-text);
	font-size: var(--fs-6);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.mh-yetki:empty{ display: none; }

/* "Hakkimda" bos oldugunda cerceveli bos kutu kaliyordu */
.profile-left .excerpt{
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 8px 0 0 !important;
	color: var(--dim) !important;
	font-size: var(--fs-5) !important;
	line-height: 1.55 !important;
}
.profile-left .excerpt:empty{ display: none !important; }

/* sayilar */
.list-info{
	display: flex !important;
	gap: 10px !important;
	align-items: stretch;
}
.list-info .info{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	padding: 12px 18px !important;
	text-align: center;
	min-width: 116px;
	color: var(--text) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}
.list-info .info span{
	display: block;
	margin-top: 4px;
	color: var(--dim) !important;
	font-size: var(--fs-6) !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
}

/* sekmeler */
.single-content.tabs .tab-buttons{
	display: flex !important;
	gap: 6px !important;
	border-bottom: 1px solid var(--line) !important;
	padding: 0 !important;
	margin-bottom: 18px !important;
	list-style: none;
	flex-wrap: wrap;
}
.single-content.tabs .tab{
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 11px 16px !important;
	margin: 0 !important;
	color: var(--dim) !important;
	font-size: var(--fs-4) !important;
	font-weight: 600 !important;
	cursor: pointer;
	list-style: none;
	box-shadow: inset 0 -2px 0 transparent;
	transition: color .18s ease, box-shadow .18s ease;
}
.single-content.tabs .tab:hover{ color: var(--text) !important; }
.single-content.tabs .tab.current,
.single-content.tabs .tab.active{
	color: var(--text) !important;
	box-shadow: inset 0 -2px 0 var(--accent);
}

.profile-information{ list-style: none; padding: 0; margin: 0; }
.profile-information li{
	display: flex;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--line);
	font-size: var(--fs-4) !important;
	color: var(--text-2) !important;
}
.profile-information li:last-child{ border-bottom: none; }
.profile-information li > span:first-child{
	color: var(--dim) !important;
	min-width: 150px;
	flex-shrink: 0;
}

/* =========================================================================
   19. ALT BOLUM (footer)
   Sosyal butonlarda iki satirlik yazi kutuya sigmiyor, tasip kesiliyordu.
   ========================================================================= */

footer .copyright .row{ align-items: center; }
footer .logocss{ max-height: 46px; width: auto; }

.footer-social{
	display: flex !important;
	gap: 10px !important;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	flex-wrap: wrap;
	justify-content: flex-end;
	float: none !important;
}
.footer-social li{ float: none !important; margin: 0 !important; }

.footer-social a{
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	padding: 11px 18px !important;
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	color: var(--text-2) !important;
	white-space: nowrap;
}
.footer-social a:hover{ border-color: var(--dim-2) !important; color: var(--text) !important; }

.footer-social a > i{
	flex: 0 0 auto;
	width: 22px; height: 22px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	margin: 0 !important;
	opacity: .85;
}
.footer-social a p{
	display: flex !important;
	flex-direction: column;
	gap: 1px;
	margin: 0 !important;
	line-height: 1.25 !important;
	text-align: left !important;
	overflow: visible !important;
}
.footer-social a p span:first-child{
	font-size: var(--fs-4) !important;
	font-weight: 700 !important;
	color: var(--text) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.footer-social a p span:last-child{
	font-size: var(--fs-5) !important;
	font-weight: 500 !important;
	color: var(--dim) !important;
}

@media (max-width: 860px){
	.footer-social{ justify-content: flex-start; }
	.profile-left{ gap: 14px !important; }
	.profile-left h1.title{ font-size: 21px !important; }
	.list-info .info{ min-width: 96px; padding: 10px 12px !important; font-size: 17px !important; }
	:root{ --fs-1: 25px; --fs-2: 19px; }
}

/* .co-1/.co-2/.co-3 hem giris modalinde hem profil sutunlarinda kullaniliyor.
   Modal icin verdigimiz kutu gorunumu profilde bos cerceve birakiyordu. */
.profile-left .co-1,
.profile-left .co-2,
.profile-left .co-3{
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	float: none !important;
	height: auto !important;
}
.profile-left .avatar{ border: none !important; background: none !important; padding: 0 !important; }
#profile-header{ float: none !important; width: auto !important; }

/* Tema .profile-left'i float'a, .list-info'yu position:absolute'a aliyordu:
   ilki kartin yuksekligini cokertiyor, ikincisi sayaclari kartin disina tasiyordu. */
.profile-left{ float: none !important; }
.list-info{ position: static !important; }
.profile-widget{ overflow: hidden; }

/* "Paylasilan Hentailer" iki satira kiriliyordu */
.list-info .info{ min-width: 146px !important; }
.list-info .info span{ white-space: nowrap; }

/* =========================================================================
   20. YORUM EDITORU (TinyMCE dis kabugu)
   Yazi alaninin KENDISI iframe; onu templates/vkino/editor.css boyuyor.
   Burada sadece cerceve, arac cubugu ve durum cubugu var.
   ========================================================================= */

.tox.tox-tinymce{
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	overflow: hidden;
	background: var(--panel) !important;
}

.tox .tox-editor-header,
.tox .tox-toolbar-overlord,
.tox .tox-toolbar__primary,
.tox .tox-toolbar,
.tox .tox-menubar{
	background: var(--panel-2) !important;
	border: none !important;
	box-shadow: none !important;
}
.tox .tox-toolbar__primary{ border-bottom: 1px solid var(--line) !important; }

/* arac cubugu dugmeleri */
.tox .tox-tbtn{
	color: var(--text-2) !important;
	background: transparent !important;
	border-radius: 6px !important;
}
.tox .tox-tbtn:hover{ background: var(--panel-3) !important; color: var(--text) !important; }
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover{
	background: var(--accent-soft) !important;
	color: var(--accent-text) !important;
}
/* ikonlar siyahti */
.tox .tox-tbtn svg{ fill: currentColor !important; }
.tox .tox-tbtn__select-chevron svg{ fill: currentColor !important; }
.tox .tox-toolbar__group{ border-color: var(--line) !important; }

/* yazi alani ve durum cubugu */
.tox .tox-edit-area__iframe{ background: var(--ink) !important; }
.tox .tox-sidebar,
.tox .tox-statusbar{
	background: var(--panel-2) !important;
	border-top: 1px solid var(--line) !important;
	color: var(--dim) !important;
}
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount{ color: var(--dim) !important; }
.tox .tox-statusbar__resize-handle svg{ fill: var(--dim-2) !important; }

/* acilir menuler (emoji, renk, baglanti) */
.tox .tox-menu,
.tox .tox-collection,
.tox .tox-dialog{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--r-md) !important;
	color: var(--text-2) !important;
}
.tox .tox-collection__item{ color: var(--text-2) !important; }
.tox .tox-collection__item--active,
.tox .tox-collection__item:hover{ background: var(--panel-3) !important; color: var(--text) !important; }
.tox .tox-dialog__header,
.tox .tox-dialog__footer{
	background: var(--panel-2) !important;
	border-color: var(--line) !important;
	color: var(--text) !important;
}

/* "Yorumlara abone olmak istiyorum" satiri ve gonder alani */
.form_submit{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.combo_field, .form-group.combo{ color: var(--dim) !important; font-size: var(--fs-5) !important; }

/* TinyMCE arac cubugunu kendi kurali daha spesifik seciyor
   (.tox:not(.tox-tinymce-inline) .tox-editor-header .tox-toolbar__primary)
   ve grup ayiraclarini repeating-linear-gradient ile ciziyor.
   Onu gecmek icin daha spesifik yazmak gerekiyor. */
.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header .tox-toolbar__primary,
.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header .tox-toolbar,
.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header .tox-toolbar-overlord{
	background: var(--panel-2) !important;
	background-image: none !important;
	border-bottom: 1px solid var(--line) !important;
}
/* gradyanla cizilen grup ayiraclari gitti, cizgiyle geri koyalim */
.tox .tox-toolbar__group:not(:last-of-type){
	border-right: 1px solid var(--line) !important;
}

/* guvenlik kodu gorseli beyaz bir blok olarak duruyordu */
.c-capcha img,
img[src*="antibot"]{
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	display: block;
}
.c-capcha{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

/* =========================================================================
   21. MOBIL DUZELTMELERI
   Gercek cihaz genisliginde (390px) olculerek bulundu.
   ========================================================================= */

/* --- 1) SATIR ARALIGI ---
   main.css'in sifirlamasi `line-height: 1` birakiyordu; yazilar birbirine
   yapisik duruyordu. Butonlar kendi line-height'ini verdigi icin etkilenmez. */
body{ line-height: 1.55 !important; }

h1, h2, h3, h4, h5{ line-height: 1.18 !important; }
p, li, dd, dt, blockquote, .texto, .excerpt,
.mh-konu-metin, .mh-kapi-metin span, .comment-body{ line-height: 1.6 !important; }
.mh-altisim, .mh-olcu, .mh-etiket, .mh-kunye-deger,
.movie-box .name, .dtinfo .metadata{ line-height: 1.35 !important; }

/* --- 2) BASLIK OLCUSU ---
   Sabit 40px dar ekranda ezip geciyordu; genislige gore esnesin. */
.mh-seri-bilgi h1{ font-size: clamp(24px, 6.2vw, 40px) !important; }

/* --- 3) DOKUNMA HEDEFLERI ---
   Parmakla basilan seylerin yuksekligi 44px'e cikariliyor. */
@media (max-width: 860px){
	.menu a,
	.sidebar-menu a{
		min-height: 44px !important;
		display: flex !important;
		align-items: center;
	}
	.mh-etiketler a,
	.mh-etiket-daha{
		min-height: 38px !important;
		padding: 0 15px !important;
	}
	.comment-buttons a{
		display: inline-flex;
		align-items: center;
		min-height: 38px;
	}
	.single-content.tabs .tab{ min-height: 44px !important; display: flex; align-items: center; }

	/* olcu satirindaki ayirac noktalari satir sonunda bosta kaliyordu */
	.mh-olcu{ gap: 6px 14px !important; }
	.mh-olcu i{ display: none !important; }
}

/* --- 4) YORUM EDITORU ARAC CUBUGU ---
   Dar ekranda satir atlamiyor, 544px'e kadar tasiyordu. */
.tox .tox-toolbar__primary,
.tox .tox-toolbar{
	flex-wrap: wrap !important;
}
.tox.tox-tinymce{ max-width: 100% !important; }
@media (max-width: 860px){
	.tox .tox-toolbar__group{
		border-right: none !important;
		padding: 0 2px !important;
	}
	.tox .tox-statusbar__path{ display: none !important; }
}

/* --- 5) kucuk ekranda kart ic boslugu --- */
@media (max-width: 480px){
	.mh-seri{ padding: 16px !important; }
	.mh-kapak-cerceve{ width: 150px !important; height: 222px !important; }
	.comment-body{ padding: 11px 13px !important; }
}

/* Editor arac cubugu dugmeleri 26px'ti; parmakla basmak icin kucuk. */
@media (max-width: 860px){
	.tox .tox-tbtn{
		min-height: 38px !important;
		min-width: 38px !important;
	}
	.tox .tox-toolbar__primary{ padding: 3px 2px !important; }
}

/* 320px'te guvenlik kodu satiri tasiyordu: gorsel + sabit genislikli input
   yan yana sigmiyor. Dar ekranda alt alta gecsin. */
.c-capcha{ flex-wrap: wrap; max-width: 100%; }
.c-capcha img{ max-width: 100%; height: auto; }
.c-capcha input[type=text],
#sec_code{
	flex: 1 1 180px;
	min-width: 0;
	max-width: 100%;
}
@media (max-width: 420px){
	.c-capcha{ gap: 10px; }
	.c-capcha input[type=text],
	#sec_code{ flex: 1 1 100%; }
	.form_submit{ gap: 10px; }
}

/* =========================================================================
   22. YORUMLAR BOLUMU
   Onceden sayfa zemininin uzerinde, seri kartindan farkli bir hizada
   duruyordu. Artik ayni panel dilini kullaniyor ve ayni hizada.
   ========================================================================= */

.mh-yorumlar{
	background: var(--panel);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 26px 28px;
	margin-top: 20px;
}

.mh-yorumlar-ust{
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 14px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--line);
}
.mh-yorumlar-ust h2{
	margin: 0 !important;
	font-size: var(--fs-2) !important;
	font-weight: 700 !important;
	color: var(--text) !important;
}
.mh-yorum-sayi{
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 0 9px;
	border-radius: 999px;
	background: var(--panel-3);
	color: var(--dim);
	font-size: var(--fs-6);
	font-weight: 700;
}

/* ziyaretci kapisi — seri kartindakiyle ayni bicim */
.mh-yorum-kapi{
	display: flex;
	align-items: center;
	gap: 18px;
	background: var(--accent-soft);
	border: 1px solid var(--accent-line);
	border-radius: var(--r-md);
	padding: 20px 22px;
	flex-wrap: wrap;
	color: var(--accent-text);
}
.mh-yorum-kapi-metin{
	display: flex;
	flex-direction: column;
	gap: 3px;
	flex-grow: 1;
	min-width: 180px;
}
.mh-yorum-kapi-metin strong{ font-size: var(--fs-3); font-weight: 700; color: var(--text); }
.mh-yorum-kapi-metin span{ font-size: var(--fs-4); color: var(--text-2); }
.mh-yorum-kapi-butonlar{ display: flex; gap: 10px; flex-shrink: 0; }
.mh-yorum-kapi .mh-btn-birincil,
.mh-yorum-kapi .mh-btn-ikincil{ min-height: 44px !important; font-size: var(--fs-4) !important; }

/* tek tek yorumlar */
.mh-yorumlar .comment{ margin-bottom: 20px !important; }
.mh-yorumlar .comment:last-of-type{ margin-bottom: 0 !important; }
.mh-yorumlar .all-comments{ margin-bottom: 24px; }

/* yorum yazma alani ayni panelin icinde, ustunde ince ayirac */
.mh-yorumlar #respond{
	border-top: 1px solid var(--line);
	padding-top: 22px;
	margin-top: 4px;
}
.mh-yorumlar #respond .title,
.mh-yorumlar #respond h3{
	font-size: var(--fs-3) !important;
	color: var(--text) !important;
	margin: 0 0 14px !important;
}

@media (max-width: 860px){
	.mh-yorumlar{ padding: 18px 16px; }
	.mh-yorum-kapi{ flex-direction: column; align-items: flex-start; gap: 14px; }
	.mh-yorum-kapi-butonlar{ width: 100%; flex-direction: column; }
	.mh-yorum-kapi-butonlar a{ width: 100%; }
}

/* "YORUM YAP" basligi tema tarafindan buyuk harf + sari vurguyla geliyordu;
   ustteki "Yorumlar" basligiyla ayni dile getiriliyor. */
.mh-yorumlar #respond .title,
.mh-yorumlar #respond .title.yellow,
.mh-yorumlar #respond h3{
	text-transform: none !important;
	font-family: "Bricolage Grotesque", Manrope, sans-serif !important;
	font-size: var(--fs-3) !important;
	font-weight: 700 !important;
	color: var(--text) !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	letter-spacing: -.01em !important;
}

/* =========================================================================
   23. IZGARADAKI BOSLUKLAR
   Kartlar `float: left` ile diziliyordu. Bir kartin basligi tek satir olunca
   o kart kisa kaliyor, sonraki kart uzun komsuya TAKILIP asagi kayiyor ve
   arkasinda bos alan birakiyordu (float'un bilinen davranisi).
   Cozum: kapsayici satir hizasini koruyan bir duzene gecirildi + kart
   yukseklikleri esitlendi.
   ========================================================================= */

.home-con{
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-start;
}
.home-con > .movie-box{ float: none !important; }

/* kapsayicida kart disinda da ogeler var (duyuru, sayfalama, bolum basliklari);
   onlar tam satir kaplasin, kartlarin arasina girmesin */
.home-con > :not(.movie-box){
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

/* baslik 1 satir da olsa 2 satirlik yer kaplasin -> tum kartlar ayni boyda */
.movie-box .name{
	min-height: calc(2 * 1.35em);
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* =========================================================================
   24. DUYURU BLOGU
   Bu blok senin ekledigin bir icerik ve kendi stilini getiriyor:
   `max-width:720px` (gorsel 1680px oldugu halde kucuk kaliyor, iki yaninda
   olu alan) + `box-shadow: rgba(180,0,255,.4)` (mor neon hale — temadan
   kaldirdigimiz gorunumun aynisi). Burada temanin diline cekiliyor.
   Geri almak icin bu bolumu silmek yeterli.
   ========================================================================= */

.home-con > .duyuru,
.duyuru .duyuru,
.duyuru{
	max-width: 100% !important;
	width: 100% !important;
	box-shadow: none !important;
	border-radius: var(--r-lg) !important;
	overflow: hidden;
	transition: border-color .18s ease, transform .18s ease;
}
.home-con > .duyuru{ margin: 0 0 22px !important; }
.duyuru .duyuru{ margin: 0 !important; }

/* ic ice iki .duyuru var: kenarlik sadece disdakinde olsun */
.home-con > .duyuru{ border: 1px solid var(--line) !important; }
.duyuru .duyuru{ border: none !important; }

.duyuru:hover{
	box-shadow: none !important;
	transform: none !important;
}
.home-con > .duyuru:hover{ border-color: var(--dim-2) !important; }

.duyuru img{
	width: 100% !important;
	height: auto !important;
	display: block !important;
	border-radius: 0 !important;
}

/* =========================================================================
   25. "TURLER" ACILIR MENUSU
   Duz <ul><li> listesiydi: zemini temaya ait degildi (#141414), kenarligi
   ve koseleri yoktu, `.hm-list ul{width:19%}` yuzunden sutunlar duzensizdi,
   baglantilarin ic boslugu 0'di (dokunma hedefi de kucuktu).
   ========================================================================= */

.hidden-menu{
	background: var(--panel-2) !important;
	border: 1px solid var(--line) !important;
	border-top: none !important;
	border-radius: 0 0 var(--r-lg) var(--r-lg) !important;
	box-shadow: 0 22px 48px rgba(0,0,0,.55) !important;
	overflow: hidden;
}

/* ul'lar sadece gruplama icin; ogeler tek bir izgaraya aksin */
.hidden-menu .hm-list{
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 4px 10px;
	padding: 18px !important;
}
.hidden-menu .hm-list ul{
	display: contents !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.hidden-menu .hm-list li{ margin: 0 !important; }

.hidden-menu .hm-list a{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 42px;
	padding: 0 12px !important;
	border-radius: var(--r-sm);
	color: var(--text-2) !important;
	font-size: var(--fs-4);
	font-weight: 600;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.hidden-menu .hm-list a:hover{
	background: var(--panel-3) !important;
	color: var(--text) !important;
}

/* tur adi ve seri sayisi (betik ekliyor) */
.mh-tur-ad{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mh-tur-sayi{
	flex-shrink: 0;
	min-width: 30px;
	text-align: center;
	padding: 2px 7px;
	border-radius: 999px;
	background: var(--panel);
	border: 1px solid var(--line);
	color: var(--dim);
	font-size: var(--fs-6);
	font-weight: 700;
	line-height: 1.5;
}
.hidden-menu .hm-list a:hover .mh-tur-sayi{
	border-color: var(--accent-line);
	color: var(--accent-text);
}

/* alt baglanti */
.mh-tur-alt{
	border-top: 1px solid var(--line);
	padding: 12px 18px;
	background: var(--panel);
}
.mh-tur-alt a{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 32px;
	color: var(--accent-text) !important;
	font-size: var(--fs-5);
	font-weight: 700;
	text-decoration: none;
}
.mh-tur-alt a:after{ content: "→"; }
.mh-tur-alt a:hover{ color: var(--text) !important; }

@media (max-width: 860px){
	.hidden-menu .hm-list{ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); padding: 12px !important; }
	.hidden-menu .hm-list a{ min-height: 44px; }
}

/* .hidden-menu temada `fx-row` sinifiyla yatay diziliyor; alt baglanti
   izgaranin yanina dusuyordu. Dikey dizilime alindi. */
.hidden-menu{
	flex-direction: column !important;
	align-items: stretch !important;
}
.hidden-menu .hm-list{ flex: 1 1 auto; }
.mh-tur-alt{ flex: 0 0 auto; }

/* mobil yan menudeki turler de ayni bicimde */
.sidebar-submenu a{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 44px;
	padding: 0 16px !important;
}
.sidebar-submenu .mh-tur-sayi{ background: var(--panel-3); }

/* Temanin eski mor vurgusu (#623ad9) yan menude ve birkac yerde kalmis;
   palete cevriliyor. */
.animate-menu li,
.sidebar-menu li,
.sidebar-menu li.active,
.menu li{
	border-left-color: var(--accent) !important;
}

/* profildeki "Yonetici Paneli" baglantisi — sadece yonetim yetkisi olanlara
   goruntuleniyor ([admin-link] blogu DLE tarafindan digerlerinden siliniyor) */
.mh-admin-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 0 14px;
	margin-top: 8px;
	border-radius: var(--r-sm);
	background: var(--panel-3);
	border: 1px solid var(--line);
	color: var(--text-2) !important;
	font-size: var(--fs-5);
	font-weight: 700;
	text-decoration: none;
	transition: border-color .18s ease, color .18s ease;
}
.mh-admin-btn:hover{
	border-color: var(--accent-line);
	color: var(--accent-text) !important;
}
.mh-admin-btn svg{ flex-shrink: 0; opacity: .9; }

/* =========================================================================
   26. SAYFA BASLIGI (SEO)
   Ana sayfa ve kategori sayfalarinda hic <h1> yoktu.
   ========================================================================= */

.mh-sayfa-basligi{
	width: 100%;
	margin: 0 0 18px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--line);
}
.mh-sayfa-basligi h1{
	margin: 0 !important;
	font-size: clamp(20px, 2.4vw, 26px) !important;
	font-weight: 700 !important;
	color: var(--text) !important;
	letter-spacing: -.01em;
}
.mh-sayfa-basligi p{
	margin: 6px 0 0 !important;
	font-size: var(--fs-5) !important;
	color: var(--dim) !important;
}

/* kategori tanitim metni (SEO: gorunur icerik) */
.mh-kat-tanitim{ margin-top: 8px; max-width: 760px; }
.mh-kat-tanitim p{
	margin: 0 0 6px !important;
	font-size: var(--fs-5) !important;
	line-height: 1.6 !important;
	color: var(--dim) !important;
}
.mh-kat-tanitim p:last-child{ margin-bottom: 0 !important; }
.mh-kat-tanitim strong{ color: var(--text-2); font-weight: 700; }