/* ================================================================
   Modern theme overlay — loaded AFTER style.css, overrides visuals
   only. Does not touch any element ID/class used by main.js, so all
   JS behaviour (countdown, ajax mail list, switch email, etc.) is
   untouched.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
	--bg-body:#0b1220;
	--bg-surface:#131b2e;
	--bg-surface-2:#1b2540;
	--bg-elevated:#202b47;
	--accent:#22d3ee;
	--accent-dark:#0891b2;
	--accent-warm:#f59e0b;
	--text-main:#e5e9f0;
	--text-muted:#8b95ab;
	--border-soft:rgba(255,255,255,.08);
	--radius-lg:16px;
	--radius-md:10px;
	--radius-sm:6px;
	--shadow-soft:0 10px 30px rgba(0,0,0,.35);
}

body{
	background:var(--bg-body) !important;
	background-image:radial-gradient(circle at 15% 0%, rgba(34,211,238,.10), transparent 40%),
	                  radial-gradient(circle at 85% 20%, rgba(245,158,11,.08), transparent 35%) !important;
	font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	color:var(--text-main) !important;
}
h1,h2,h3,h4{font-family:'Inter', sans-serif !important;font-weight:700 !important}
a{color:var(--accent)}
a:hover{color:var(--accent-dark)}

/* ---------- Brand logo (SVG, shared partial) ---------- */
.brand-logo-svg{height:42px;width:auto;display:block}
.brand-logo-text{font-family:'Inter', sans-serif;font-weight:800;font-size:26px;fill:var(--text-main);transition:fill .2s ease;text-transform:uppercase;letter-spacing:.5px}
.brand-logo-accent{fill:var(--accent)}

/* ---------- Homepage: navbar ---------- */
.navbar{
	display:flex !important;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
.navbar .logo{filter:drop-shadow(0 2px 6px rgba(34,211,238,.25))}
.navbar .pull-right{float:none !important;margin-left:auto}
.menu{
	display:flex !important;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:4px;
	list-style:none;
	padding:0;
	margin:0;
}
.menu{font-size:15px !important}
.menu li{float:none !important}
.menu li a{
	display:inline-block;
	color:var(--text-muted) !important;
	font-weight:500;
	font-size:15px !important;
	padding:8px 14px;
	border-radius:var(--radius-sm);
	transition:all .15s ease;
	white-space:nowrap;
}
.menu li a:hover, .navbar li.active a{
	color:var(--text-main) !important;
	background:var(--bg-surface-2);
	text-decoration:none !important;
}
@media (max-width:575px){
	.navbar{flex-direction:column;justify-content:center;text-align:center}
	.navbar .pull-right{margin-left:0}
	.menu{gap:2px}
	.menu li a{padding:6px 10px;font-size:13px}
}

/* ---------- Theme toggle button ---------- */
.theme-toggle-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid var(--border-soft);
	background:var(--bg-elevated);
	color:var(--accent-warm);
	cursor:pointer;
	transition:all .15s ease;
}
.theme-toggle-btn:hover{transform:rotate(20deg);border-color:var(--accent)}
/* ---------- Inbox page top bar (logo + lang + theme, full width) ---------- */
.top-bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:14px 24px;
	margin:0 -15px;
	background:var(--bg-surface-2);
	border-bottom:1px solid var(--border-soft);
}
.top-bar-logo{display:flex;align-items:center}
.top-bar-actions{display:flex;align-items:center;gap:10px}
/* ---------- Language dropdown (top menu, next to theme toggle) ---------- */
.lang-dropdown{position:relative;display:inline-block}
.lang-dropdown-toggle{
	display:inline-flex;
	align-items:center;
	gap:6px;
	height:36px;
	border-radius:18px;
	border:1px solid var(--border-soft);
	background:var(--bg-elevated);
	color:var(--text-main);
	font-size:12px;
	font-weight:600;
	padding:0 14px 0 10px;
	cursor:pointer;
	transition:border-color .15s ease;
}
.lang-dropdown-toggle:hover,.lang-dropdown.open .lang-dropdown-toggle{border-color:var(--accent)}
.lang-dropdown-toggle .lang-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.lang-dropdown-toggle .fa-chevron-down{font-size:9px;color:var(--text-muted);transition:transform .15s ease}
.lang-dropdown.open .fa-chevron-down{transform:rotate(180deg)}
.lang-dropdown-menu{
	display:none;
	position:absolute;
	top:calc(100% + 8px);
	right:0;
	min-width:170px;
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-soft);
	list-style:none;
	margin:0;
	padding:6px;
	z-index:50;
}
.lang-dropdown.open .lang-dropdown-menu{display:block}
.lang-option{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 10px;
	border-radius:var(--radius-sm);
	cursor:pointer;
	font-size:13px;
	color:var(--text-main);
	transition:background .12s ease;
}
.lang-option:hover{background:var(--bg-surface-2)}
.lang-option.active{background:var(--bg-elevated);font-weight:600;color:var(--accent)}
.lang-option img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.menu .lang-dropdown{margin-left:4px}
@media (max-width:575px){
	.lang-dropdown-menu{right:auto;left:0}
}

/* ---------- FAQ question labels ---------- */
.titleq{color:var(--accent) !important;font-size:16px}

/* ---------- Legal pages (Privacy / Terms) ---------- */
.legal-updated{color:var(--text-muted);font-size:13px;font-style:italic;margin-bottom:20px}
.legal-doc h3{
	color:var(--accent);
	font-size:18px;
	margin-top:28px;
	margin-bottom:8px;
	padding-top:16px;
	border-top:1px solid var(--border-soft);
}
.legal-doc h3:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-doc p{color:var(--text-muted);line-height:1.8}

/* ---------- Homepage: hero / email form ---------- */
.container{position:relative;z-index:1}
p.text-center{color:var(--text-muted);font-size:17px;margin-bottom:24px}

.space{
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	padding:24px;
	box-shadow:var(--shadow-soft);
}
.space .input-group{padding:8px 0}
.input-group-text{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--accent) !important;
	border-radius:var(--radius-md) 0 0 var(--radius-md) !important;
}
.space input.form-control,.space select.form-control{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--text-main) !important;
	font-size:15px !important;
}
.space input.form-control::placeholder{color:var(--text-muted)}
.space input.form-control:focus,.space select.form-control:focus{
	border-color:var(--accent) !important;
	box-shadow:0 0 0 3px rgba(34,211,238,.15) !important;
}
.space button.btn{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--accent) !important;
	border-radius:0 var(--radius-md) var(--radius-md) 0 !important;
}
.space button.btn:hover{background:var(--accent) !important;color:#04222b !important}

.row.button{margin-top:18px}
.row.button .btn{
	border:0 !important;
	border-radius:var(--radius-md) !important;
	font-weight:700 !important;
	letter-spacing:.3px;
	padding:14px 0 !important;
	transition:transform .12s ease, box-shadow .12s ease;
}
#copy-email.btn-info{
	background:linear-gradient(135deg, var(--accent), var(--accent-dark)) !important;
	color:#04222b !important;
}
button[name="copy"].btn-warning{
	background:linear-gradient(135deg,#fbbf24, var(--accent-warm)) !important;
	color:#3a2400 !important;
}
.row.button .btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.35)}

.intro{margin-top:32px}
.intro h1{font-size:26px;color:var(--text-main)}
.intro p{color:var(--text-muted);line-height:1.7}

.rightimg{filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}

/* vote / stars section */
.text-center h2{font-size:22px}
.text-center small{color:var(--text-muted)}

/* about / sidebar-box */
.sections-about{
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	padding:28px;
}
.sidebar-box{
	color:var(--text-muted);
	max-height:none !important;
	overflow:visible !important;
	line-height:1.8;
}
.sidebar-box .read-more{display:none !important}
.sidebar-box .about-title{color:var(--accent) !important;font-size:19px;display:inline-block;margin-top:6px}
.sidebar-box .about-title:before{content:"» ";color:var(--accent)}
.sidebar-box p b:not(.about-title){color:var(--text-main)}

/* ---------- Footer (shared) ---------- */
footer{
	background:var(--bg-surface) !important;
	border-top:1px solid var(--border-soft);
}
footer .container,footer .container-fluid{padding:24px 32px !important}
footer a{color:var(--text-muted) !important;text-decoration:none !important}
footer a:hover{color:var(--accent) !important;text-decoration:underline !important}
footer .badge-dark{background:var(--bg-elevated) !important;color:var(--text-main) !important;font-weight:700;border:1px solid var(--border-soft)}
footer select.timezone{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--text-main) !important;
	border-radius:var(--radius-sm) !important;
}
.change-lang label{border-radius:3px;transition:filter .15s ease}

.footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.footer-info{flex:1 1 320px}
.footer-stats{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	list-style:none;
	margin:0;
	padding:0;
	gap:0 18px;
	color:var(--text-muted);
}
.footer-stats li{position:relative;padding-left:18px}
.footer-stats li:first-child{padding-left:0}
.footer-stats li:first-child:before{content:none}
.footer-stats li:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:14px;
	background:var(--border-soft);
}
@media (max-width:575px){
	.footer-stats{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;font-size:12px;gap:0 12px;padding-bottom:2px}
	.footer-stats li{padding-left:12px;flex:0 0 auto}
}
.footer-links{
	flex:0 0 auto;
	margin-left:auto;
	display:flex;
	flex-wrap:wrap;
	gap:6px 18px;
	justify-content:flex-end;
}
@media (max-width:575px){
	.footer-links{justify-content:flex-start;margin-left:0}
}
.footer-copyright{
	text-align:center;
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid var(--border-soft);
	color:var(--text-muted);
	font-size:13px;
}

/* ---------- Domain error toast ---------- */
.domain-error-toast{
	background:#ef4444 !important;
	border-radius:var(--radius-md) !important;
	box-shadow:0 10px 25px rgba(239,68,68,.4) !important;
	border:1px solid rgba(255,255,255,.15);
}

/* =================================================================
   Inbox page (inboxnew.blade.php)
   ================================================================= */
.checkemail{background:transparent !important;display:block !important;flex:none !important}
.checkemail .container-fluid{display:block !important}
body:has(main.checkemail){min-height:0 !important}
.first{background:var(--bg-surface) !important;border-right:1px solid var(--border-soft)}
.second{background:var(--bg-body) !important}

.top-bar-logo:hover,.top-bar-logo:focus{opacity:.85}
.textinbox{
	background:var(--bg-surface-2) !important;
	color:var(--accent) !important;
	border-bottom:1px solid var(--border-soft) !important;
	font-size:13px !important;
	height:70px !important;
	line-height:70px !important;
	padding:0 20px !important;
	box-sizing:border-box;
	display:flex !important;
	align-items:center;
	justify-content:space-between;
}
.add-inbox-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	border:1px solid var(--border-soft);
	background:var(--bg-elevated);
	color:var(--accent);
	cursor:pointer;
	transition:all .15s ease;
}
.add-inbox-btn:hover{background:var(--accent);color:#04222b;border-color:var(--accent)}

/* ---------- Add inbox modal ---------- */
.add-inbox-modal{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center}
.add-inbox-modal.open{display:flex}
.add-inbox-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.add-inbox-modal-panel{
	position:relative;
	width:90%;
	max-width:380px;
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	box-shadow:var(--shadow-soft);
	padding:20px;
}
.add-inbox-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.add-inbox-modal-header h3{margin:0;font-size:17px;color:var(--text-main)}
.add-inbox-modal-close{
	border:0;
	background:transparent;
	color:var(--text-muted);
	font-size:16px;
	cursor:pointer;
}
.add-inbox-modal-panel .input-group{margin-bottom:14px}
.add-inbox-modal-panel .input-group-text{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--accent) !important;
	height:44px;
	box-sizing:border-box;
}
.add-inbox-modal-panel .form-control{
	background:var(--bg-elevated) !important;
	border:1px solid var(--border-soft) !important;
	color:var(--text-main) !important;
	height:44px !important;
	font-size:15px !important;
	box-sizing:border-box;
}
.add-inbox-modal-panel .input-group-append .btn{height:44px}
.add-inbox-submit{
	margin-top:6px;
	border:0;
	border-radius:var(--radius-md);
	background:linear-gradient(135deg,var(--accent),var(--accent-dark));
	color:#04222b;
	font-weight:700;
	padding:10px 0;
}

.mailbox{padding:0}
.item{
	border:0 !important;
	background:transparent !important;
	transition:background .15s ease;
}
.item:not(.active):hover{background:var(--bg-surface-2) !important}
.item.active{background:var(--bg-elevated) !important}
.item.active:before{background:var(--accent) !important}
.mailadd .emailadd{color:var(--text-main) !important}
.mailadd .badge-info{background:var(--accent-dark) !important}

.emailheader{
	background:var(--bg-surface);
	border-bottom:1px solid var(--border-soft) !important;
	padding:0 5%;
	height:70px !important;
	line-height:70px !important;
	box-sizing:border-box;
}
.emailaddress{
	color:var(--text-main) !important;
	font-size:20px !important;
	display:inline-block;
	max-width:60%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
}
@media (max-width:575px){
	.emailaddress{font-size:16px !important;max-width:65%}
}
.geri-say .bilgi,.geri-say .ok{display:none !important}
.geri-say{top:20px !important}
.timer.float-right{line-height:normal}

/* sidebar inbox list: fill whatever height is available, scroll internally beyond that */
.first{display:flex;flex-direction:column}
.textinbox{flex:0 0 auto}
.mailbox{flex:1 1 auto;overflow-y:auto;min-height:0}

.mail-oku{
	margin:20px;
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow-soft);
	animation:mailFadeIn .25s ease;
}
@keyframes mailFadeIn{
	from{opacity:0;transform:translateY(6px)}
	to{opacity:1;transform:translateY(0)}
}
.mail-oku-menu{
	background:var(--bg-elevated) !important;
	border-left:0 !important;
	border-bottom:1px solid var(--border-soft) !important;
	padding:14px 20px !important;
}
.mail-oku-menu .btn{
	border-radius:var(--radius-md) !important;
	padding:8px 16px;
	font-size:13px;
}
.mail-oku-menu .btn-info{background:linear-gradient(135deg,var(--accent),var(--accent-dark)) !important;border:0 !important;color:#04222b !important}
.mail-oku-menu .btn-warning{background:transparent !important;border:1px solid rgba(239,68,68,.4) !important;color:#f87171 !important}
.mail-oku-menu .btn-warning:hover{background:rgba(239,68,68,.15) !important}

.mail-oku-gonderen{
	background:var(--bg-surface);
	border-bottom:1px solid var(--border-soft) !important;
	display:flex;
	align-items:center;
	gap:14px;
	padding:18px 20px;
}
.mail-sender-avatar{
	flex:0 0 auto;
	width:44px;
	height:44px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--accent),var(--accent-dark));
	color:#04222b;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	font-size:18px;
}
.mail-oku-gonderen-info{display:flex;flex-direction:column;gap:2px}
.mail-oku-gonderen .mail-sender{font-weight:600;font-size:15px;color:var(--text-main)}
.mail-oku-gonderen .zaman{font-size:12px;color:var(--text-muted);margin-top:0}

.mail-oku-panel{background:var(--bg-surface);padding:24px !important}
.mail-oku-panel .mail-subject-line{color:var(--text-main);font-size:17px;font-weight:400;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-soft)}
.mail-oku-panel .mail-subject-line b{color:var(--accent)}
.mail-oku-panel .mail-subject{font-weight:700}
.mail-oku-gonderen-info .zaman b{color:var(--accent);font-weight:600}
.mail-oku-panel .mail-body{color:var(--text-muted);line-height:1.75;word-break:break-word}
.mail-oku-panel .mail-body img{max-width:100%;height:auto;border-radius:var(--radius-sm)}
.mail-oku-panel .mail-body a{color:var(--accent)}

/* mail list card wrapper — matches the .mail-oku reading-pane card */
#epostalar{
	margin:20px;
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	overflow:hidden;
	box-shadow:var(--shadow-soft);
}
@media (max-width:575px){
	#epostalar,.mail-oku{margin:12px}
}
#epostalar .table{margin-bottom:0}

/* mail list table (application/modules/mail/views/lr/inboxnew.blade.php) */
.table{background:transparent !important;color:var(--text-main) !important}
.table a,.table a:hover{color:var(--text-main) !important;text-decoration:none !important}
.thead-dark th{background:var(--bg-elevated) !important;color:var(--text-muted) !important;border-color:var(--border-soft) !important}
.table td,.table th{border-color:var(--border-soft) !important}
.table-hover tbody tr:hover{background:var(--bg-surface-2) !important}
.table td p{color:var(--text-main) !important;margin-bottom:2px}
.rfrom .rshow,.rsubject span,.rtime span,.rhide{color:var(--text-muted) !important}
.ractions i{color:var(--text-muted)}
.ractions a:hover i{color:var(--accent)}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-body)}
::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}

/* =================================================================
   Light theme — toggled via html[data-theme="light"]
   ================================================================= */
html[data-theme="light"]{
	--bg-body:#eef0f5;
	--bg-surface:#f7f8fb;
	--bg-surface-2:#eceef4;
	--bg-elevated:#e3e6ee;
	--accent:#0891b2;
	--accent-dark:#0e7490;
	--accent-warm:#c2660a;
	--text-main:#28303f;
	--text-muted:#646d80;
	--border-soft:rgba(15,23,42,.10);
	--shadow-soft:0 10px 24px rgba(15,23,42,.07);
}
html[data-theme="light"] body{
	background-image:radial-gradient(circle at 15% 0%, rgba(8,145,178,.06), transparent 40%),
	                  radial-gradient(circle at 85% 20%, rgba(217,119,6,.06), transparent 35%) !important;
}
html[data-theme="light"] #copy-email.btn-info{color:#ffffff !important}
html[data-theme="light"] button[name="copy"].btn-warning{color:#ffffff !important}
html[data-theme="light"] .mail-oku-menu .btn-info{color:#ffffff !important}
html[data-theme="light"] .mail-sender-avatar{color:#ffffff}
html[data-theme="light"] .theme-toggle-btn{color:var(--accent-dark)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:#d4dae6}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}

/* ---------- Contact page ---------- */
.contact-card{
	background:var(--bg-surface);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-lg);
	padding:24px 28px;
	box-shadow:var(--shadow-soft);
	margin-bottom:32px;
	color:var(--text-muted);
}
.contact-card blockquote{
	background:var(--bg-elevated);
	border-left:4px solid var(--accent);
	border-radius:var(--radius-sm);
	padding:16px 20px;
	margin:16px 0 0;
	color:var(--text-main);
	line-height:1.8;
}
.livechat-title{display:flex;align-items:center;gap:10px;font-size:20px}
.livechat-title i{color:var(--accent)}
.livechat-card{padding:12px;overflow:hidden}
.livechat-card iframe{border-radius:var(--radius-md);display:block;max-width:100%}

/* ---------- Footer overflow fix ---------- */
html,body{overflow-x:hidden}
footer .col-sm-4:before{
	content:"" !important;
	margin:16px 0 !important;
	display:block;
	border-top:1px solid var(--border-soft);
}
footer .row{flex-wrap:wrap}
footer .col-sm-4{word-break:break-word}

/* ---------- Reserved ad placement ---------- */
.ad-slot{
	max-width:1000px;
	margin:24px auto;
	min-height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px dashed var(--border-soft);
	border-radius:var(--radius-md);
	color:var(--text-muted);
	font-size:12px;
	letter-spacing:.5px;
	text-transform:uppercase;
	background:var(--bg-surface);
}
.ad-slot-inline{
	margin:24px 0 0;
	min-height:100px;
	background:var(--bg-surface-2);
}
.ad-slot-list{
	margin:16px 20px;
	min-height:80px;
	flex:0 0 auto;
}

/* ---------- Mail list search + sort toolbar ---------- */
.mail-list-toolbar{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 20px;
	background:var(--bg-surface);
	border-bottom:1px solid var(--border-soft);
	flex:0 0 auto;
}
.mail-search,.inbox-search{
	flex:1 1 auto;
	display:flex;
	align-items:center;
	gap:8px;
	height:38px;
	box-sizing:border-box;
	background:var(--bg-elevated);
	border:1px solid var(--border-soft);
	border-radius:var(--radius-md);
	padding:0 14px;
}
.mail-search i,.inbox-search i{color:var(--text-muted);font-size:13px}
.inbox-search{margin:12px 16px;flex:0 0 auto}
.inbox-search input,.mail-search input{
	flex:1 1 auto;
	border:0;
	background:transparent;
	color:var(--text-main);
	font-size:13px;
	outline:none;
}
.inbox-search input::placeholder,.mail-search input::placeholder{color:var(--text-muted)}
@media (max-width:575px){
	.mail-list-toolbar{padding:10px 16px}
	.mail-search{flex:1 1 100%}
}

/* ---------- Mobile step navigation: inboxes -> list -> detail ---------- */
.mobile-back-to-inboxes{
	display:none;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	border-radius:50%;
	border:1px solid var(--border-soft);
	background:var(--bg-elevated);
	color:var(--text-main);
	cursor:pointer;
	margin-right:10px;
	flex:0 0 auto;
}
@media (max-width:767px){
	.mobile-back-to-inboxes{display:inline-flex}
	.item.active .mailadd{cursor:pointer}
	main.checkemail[data-step="inboxes"] .second{display:none !important}
	main.checkemail[data-step="list"] .first{display:none !important}
	main.checkemail[data-step="list"] .mail-oku{display:none !important}
	main.checkemail[data-step="detail"] .first{display:none !important}
	main.checkemail[data-step="detail"] #epostalar{display:none !important}
	main.checkemail[data-step="detail"] .mail-list-toolbar,
	main.checkemail[data-step="detail"] .ad-slot-list{display:none !important}
	main.checkemail[data-step="detail"] .mobile-back-to-inboxes{display:none !important}
	.emailheader{display:flex !important;align-items:center}
}
@media (min-width:768px){
	.mobile-back-to-inboxes{display:none !important}
}

/* Full-height layout on every screen size: content fills the screen down to
   the footer (sticky footer), scrolling internally if needed. */
html:has(main.checkemail),body:has(main.checkemail){min-height:100vh !important;height:100%}
body:has(main.checkemail){display:flex !important;flex-direction:column}
main.checkemail{display:flex !important;flex-direction:column;flex:1 1 auto !important;min-height:0}
main.checkemail .container-fluid{display:flex !important;flex-direction:column;flex:1 1 auto;min-height:0}
main.checkemail .row{flex:1 1 auto;min-height:0}
.first,.second{min-height:0}
.second{display:flex;flex-direction:column}
.emailheader{flex:0 0 auto}
.mail-alani{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}
.mail-alani-section{flex:1 1 auto;min-height:0}
#epostalar{overflow-y:auto}
.mailbox{max-height:none !important}