/*
Theme Name: ClipKadeh Pro
Author: Mehran Azarnia
Description: قالب حرفه‌ای اشتراک ویدیو کلیپ کده
Version: 3.0.0
Text Domain: clipkadeh
*/

:root{
--red:#e50914;
--red2:#ff3340;
--bg:#080808;
--card:#121212;
--card2:#181818;
--border:#292929;
--text:#f5f5f5;
--muted:#999;
}

*{
box-sizing:border-box;
}

html{
direction:rtl;
}

body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:Tahoma,Arial,sans-serif;
line-height:1.8;
}

a{
color:inherit;
text-decoration:none;
}

img{
max-width:100%;
height:auto;
}

button,
input,
textarea,
select{
font:inherit;
}

.ck-container{
width:min(1180px,calc(100% - 30px));
margin:auto;
}

.ck-header{
position:sticky;
top:0;
z-index:100;
background:rgba(8,8,8,.96);
border-bottom:1px solid var(--border);
}

.ck-nav{
min-height:70px;
display:flex;
align-items:center;
gap:20px;
}

.ck-logo{
font-size:22px;
font-weight:900;
white-space:nowrap;
}

.ck-logo span{
color:var(--red);
}

.ck-menu{
display:flex;
gap:18px;
flex:1;
align-items:center;
}

.ck-menu a{
color:#ccc;
font-size:14px;
}

.ck-menu a:hover{
color:white;
}

.ck-user{
display:flex;
gap:8px;
align-items:center;
}

.ck-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:8px 18px;
border-radius:10px;
border:1px solid var(--red);
background:var(--red);
color:white;
font-weight:bold;
cursor:pointer;
}

.ck-btn:hover{
background:var(--red2);
}

.ck-btn-dark{
background:#171717;
border-color:#333;
}

.ck-btn-small{
min-height:36px;
padding:5px 12px;
font-size:13px;
}

.ck-main{
min-height:70vh;
}

.ck-hero{
padding:80px 0 60px;
text-align:center;
}

.ck-hero h1{
font-size:clamp(38px,7vw,65px);
margin:0 0 15px;
}

.ck-hero p{
max-width:720px;
margin:0 auto 28px;
color:var(--muted);
font-size:17px;
}

.ck-actions{
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.ck-section{
padding:30px 0 60px;
}

.ck-section-title{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.ck-section-title h2{
margin:0;
font-size:25px;
}

.ck-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.ck-card{
background:var(--card);
border:1px solid var(--border);
border-radius:14px;
overflow:hidden;
transition:.2s;
}

.ck-card:hover{
transform:translateY(-3px);
border-color:#444;
}

.ck-thumb{
aspect-ratio:16/9;
background:#191919;
display:flex;
align-items:center;
justify-content:center;
color:#777;
overflow:hidden;
}

.ck-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.ck-card-body{
padding:14px;
}

.ck-card-title{
margin:0 0 5px;
font-size:16px;
}

.ck-muted{
color:var(--muted);
font-size:13px;
}

.ck-form-wrap{
width:min(520px,calc(100% - 30px));
margin:60px auto;
}

.ck-box{
background:var(--card);
border:1px solid var(--border);
border-radius:16px;
padding:25px;
}

.ck-box h1{
margin-top:0;
}

.ck-field{
margin-bottom:16px;
}

.ck-field label{
display:block;
margin-bottom:7px;
font-size:14px;
}

.ck-field input,
.ck-field textarea,
.ck-field select{
width:100%;
padding:12px 14px;
border-radius:9px;
border:1px solid #333;
background:#090909;
color:white;
outline:none;
}

.ck-field input:focus,
.ck-field textarea:focus,
.ck-field select:focus{
border-color:var(--red);
}

.ck-message{
padding:12px 15px;
margin-bottom:18px;
border-radius:9px;
background:#281010;
border:1px solid #632020;
}

.ck-success{
background:#10251b;
border-color:#1e6b46;
}

.ck-dashboard{
padding:45px 0 70px;
}

.ck-dashboard-head{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
margin-bottom:25px;
}

.ck-dashboard-head h1{
margin:5px 0;
}

.ck-dashboard-label{
color:var(--red2);
font-size:13px;
}

.ck-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
margin-bottom:25px;
}

.ck-stat{
background:var(--card);
border:1px solid var(--border);
border-radius:14px;
padding:20px;
}

.ck-stat span{
display:block;
color:var(--muted);
font-size:13px;
}

.ck-stat strong{
font-size:28px;
display:block;
margin-top:4px;
}

.ck-dashboard-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.ck-dashboard-box{
background:var(--card);
border:1px solid var(--border);
border-radius:15px;
padding:22px;
}

.ck-dashboard-box h2{
margin-top:0;
}

.ck-shortcuts{
display:grid;
gap:10px;
}

.ck-shortcut{
display:block;
padding:14px;
border:1px solid var(--border);
border-radius:10px;
background:#0d0d0d;
}

.ck-shortcut:hover{
border-color:var(--red);
}

.ck-shortcut strong,
.ck-shortcut span{
display:block;
}

.ck-shortcut span{
font-size:13px;
color:var(--muted);
}

.ck-my-videos{
display:grid;
gap:10px;
}

.ck-my-video{
display:flex;
gap:12px;
padding:10px;
border:1px solid var(--border);
border-radius:10px;
background:#0d0d0d;
}

.ck-my-video-thumb{
width:130px;
aspect-ratio:16/9;
background:#191919;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
flex:none;
}

.ck-my-video-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.ck-my-video-info strong,
.ck-my-video-info span{
display:block;
}

.ck-my-video-info span{
color:var(--muted);
font-size:12px;
}

.ck-profile{
padding:50px 0;
}

.ck-profile-head{
background:var(--card);
border:1px solid var(--border);
border-radius:16px;
padding:30px;
display:flex;
gap:20px;
align-items:center;
}

.ck-avatar{
width:90px;
height:90px;
border-radius:50%;
background:#222;
display:flex;
align-items:center;
justify-content:center;
font-size:35px;
font-weight:bold;
overflow:hidden;
}

.ck-avatar img{
width:100%;
height:100%;
object-fit:cover;
}

.ck-channel{
padding:50px 0;
}

.ck-channel-head{
background:linear-gradient(135deg,#180607,#111);
border:1px solid var(--border);
border-radius:18px;
padding:35px;
margin-bottom:25px;
}

.ck-video-single{
padding:40px 0;
}

.ck-video-player{
width:100%;
background:#000;
border-radius:15px;
overflow:hidden;
}

.ck-video-player video{
display:block;
width:100%;
max-height:700px;
}

.ck-footer{
border-top:1px solid var(--border);
padding:30px 0;
color:var(--muted);
text-align:center;
}

.ck-alert{
padding:14px;
border-radius:10px;
margin-bottom:18px;
background:#351015;
border:1px solid #70212b;
}

.ck-empty{
padding:45px;
text-align:center;
color:var(--muted);
}

@media(max-width:900px){
.ck-grid{
grid-template-columns:repeat(2,1fr);
}
.ck-stats{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:700px){
.ck-nav{
flex-wrap:wrap;
padding:10px 0;
}
.ck-menu{
order:3;
width:100%;
overflow:auto;
padding-bottom:5px;
}
.ck-menu a{
white-space:nowrap;
}
.ck-grid{
grid-template-columns:1fr;
}
.ck-dashboard-columns{
grid-template-columns:1fr;
}
.ck-dashboard-head{
display:block;
}
.ck-dashboard-head .ck-btn{
margin-top:15px;
}
.ck-profile-head{
display:block;
text-align:center;
}
.ck-avatar{
margin:0 auto 15px;
}
}