/*
Theme Name: Yoozmusic
Theme URI: https://vebeet.com/قالب-موزیک-و-فیلم-وردپرس-یوز-موزیک/
Description: پوسته موزیک وردپرس
Author: وبیت
Author URI: https://vebeet.com
Version: 1.1
*/
@font-face{font-family:yekan;font-style:normal;font-weight:400;src:url(fonts/yekan.woff) format("woff"),url(fonts/yekan.woff2) format("woff2");font-display:swap}
*{border:0;padding:0;margin:0;box-sizing:border-box;}
body{direction:rtl;color:#444;background:#fff;margin:0px;padding:0px;font:14px/2 yekan;}
a{text-decoration:none;color:#34495e;transition:all 0.3s ease-out;}
img{border:0;max-width:100%;height:auto}
a:hover{text-decoration:none;color:#e94f2e;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
caption, cite, code, dfn, em, th, var{border:0;padding:0;margin:0;outline:0;}
img{border:0;transition:all 0.3s ease-out;}
h1{font-size:17px;margin:0;padding:0;}
h3,h2,h4{font-size:17px;}
input,select,textarea,button{font-family:yekan}
.clear{clear:both;}
.input-comment, .text-box, select, input.text_input, textarea, input{padding:8px 5px;text-align:right;background:#f2f2f2;transition:all 0.3s ease-out;margin:5px 0px;}
.input-comment:focus, .text-box:focus, input.text_input:focus, textarea:focus, input:focus{background:#e5e5e5;}
.comment-button, .wpcf7-submit, .submit, #cancel_reply a, .thdrpy a{background:#E94F2E;text-shadow:1px 1px #DA4B2C;color:#FFF;cursor:pointer;padding:2px 6px 1px;border:1px solid #DA4B2C;}
.comment-button:hover, .wpcf7-submit:hover, .submit:hover,#cancel_reply a:hover, .thdrpy a:hover{color:#FFF;background:#34495e;text-shadow:1px 1px #2a3b4c;border:none;border:1px solid #2a3b4c;}
#cancel_reply a{float:left}
.warpper{direction:rtl;margin:0 auto 0;padding:0 0 8px 0;position:relative;width:988px;text-align:right;}
.page-body{float:left;width:550px;margin-top:5px;}
.two-box-warpper{float:right;width:720px;}
.content{margin:5px 0;}
.top{margin:0 auto;width:988px;max-width:100%;}
.menu{width:100%;border-bottom:4px solid #333;min-height:67px;height:auto;background:#444;}
.menu .top{display:flex;align-items:center;justify-content:space-between;min-height:63px;gap:15px;} .menu ul{font-size:15px;float:none;margin:0;display:flex;align-items:center;flex-wrap:wrap;}
.menu ul li{float:none;display:block}
.menu ul li a{padding:5px 9px;color:#FFF;float:right;margin-left:2px;border-radius:10px;}
.menu ul li a:hover{background:#333;color:#FFCE34;}
.menu span{float:none;background:#333;padding:7px 15px;color:#E5E5E5;text-shadow:1px 1px 0px #233240;margin:0;border-radius:7px;white-space:nowrap;}
.bread{background:#D9D9D9;width:100%;padding:3px 0px 4px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);}
.breadcrumbs{color:#34495e;text-align:right;text-shadow:1px 1px 0px #e5e5e5}
.breadcrumbs a{color:#34495e;}
.breadcrumbs a:hover{color:#e94f2e;border-bottom:2px solid #e94f2e;}
.breadcrumbs i{font-size:17px;float:right;margin:-2px 0px 0px 5px;}
.header{width:100%;background:#f2f2f2;min-height:92px;height:auto;}
.header img{float:left;margin-top:14px;border:2px solid #e5e5e5;}
.header .top{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:20px;} .ehha{float:none;width:40%;margin:8px 10px;line-height:1.5;min-width:0;}
.ehha .heding{text-align:right;font-size:30px;color:#34495e;width:100%;transition:all 0.3s ease 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ehha h2{text-align:right;color:#556e87;width:100%;transition:all 0.3s ease 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: normal;}
.banners{text-align:center;padding-top:6px;margin:0px 0px 5px;background:#ededed;width:100%;}
.banners img{margin:3px 2em;}
.postdown ul{background:rgba(255, 244, 202, 0.66);border-bottom:2px solid rgba(208, 99, 21, 0.15);border-top:2px solid rgba(208, 99, 21, 0.15);margin:10px;}
.postdown ul li{text-align:justify;font-size:12px;display:inline-block;margin:6px 5px;color:#AB9C61}
.postdown ul li a{color:#746940;}
.search{float:right;background:#f2f2f2;width:99%;border-radius:7px;margin-bottom:10px;position:relative;overflow:hidden;}
.search input{background:no-repeat;width:100%;margin:0;padding:15px;color:#999;}
.search button{position:absolute;left:0px;top:0px;background:#444;color:#fff;height:44px;padding:0px 10px;transition:all 0.3s ease-out;cursor:pointer;}
.search button:hover{background:#222;color:#fff;}
.post{margin:0px 0px 10px;width:548px;display:inline-block;border:2px solid #F2F2F2;border-radius:5px;}
.post .title{width:100%;border-bottom:1px solid #F2F2F2;padding:8px 0px;}
.post .title .heding{text-indent:15px;}
.post .title .heding a{font-size:15px;text-align:center;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post .title .heding a:hover{color:#e94f2e;}
.contents{width:100%;padding:0px 10px;}
.post .more a{color:rgb(239, 59, 30);padding:5px 15px;font-size:15px;text-align:center;margin:5px 10px 10px;float:left;border-radius:3px;border:2px solid rgb(239, 59, 30);}
.post .more a:hover{border-color:#444;color:#444}
.post .contents ul li{padding:2px 10px 2px 1px;color:#34495E;list-style-position:inside;transition:all 0.3s ease-out 0s;}
.post .contents ul li:hover{padding:2px 15px 2px 1px;}
.post .contents h2{margin:5px 0px;}
.post .contents h3{font-size:15px;margin:5px 0px;}
.post .contents img{max-width:100%;margin:5px auto;height:auto;}
.socialfa{text-align:center;}
.socialfa a{display:inline-block;background:#f2f2f2;color:#777;padding:2px 10px;border-radius:5px;margin-top:5px;}
.socialfa a:hover{color:#fff;}
.socialfa .blue:hover{background:#1e87e9;}
.socialfa .red:hover{background:#d41f1e;}
.socialfa .green:hover{background:#3bb54a;}
.sidebar-right{float:right;width:163px;}
.sidebar-left{float:left;width:260px;margin-bottom:5px;}
.page-body .tags{overflow:hidden;margin-bottom:5px;}
.sidebar-right .box, .sidebar-left .box, .tags{padding:5px;}
.sidebar-right .box .title, .sidebar-left .box .title, .tags .title{margin-bottom:5px;border-bottom:2px solid #F2F2F2;border-top:2px solid #F2F2F2;background:#fafafa;}
.sidebar-right .box .title h4, .sidebar-left .box .title h4, .tags .title p{color:#444;text-indent:10px;}
.sidebar-right .box .content,.sidebar-left .box .content,.tags .content,.categories{width:100%;padding:4px 5px;border-bottom:1px solid rgb(250, 250, 250);border-top:1px solid rgb(250, 250, 250);}
.tagsingle{border-top:1px solid #f2f2f2;padding-top:5px;margin:5px 0px 10px;}
.tagsingle span{font-size:13px}
.tagsingle h3{text-align:justify;}
.tagsingle h3 a{padding:5px;color:#999;font-size:13px;}
.tagsingle h3 a:hover{background:#444;color:#fff;}
.sidebar-right .box .content ul li, .sidebar-left .box .content ul li, .tags .content ul li{padding:3px 5px;}
.sidebar-right .box .content ul li a, .sidebar-left .box .content ul li a, .tags .content ul li a{color:#777;}
.sidebar-right .box .content ul li a:hover,.sidebar-left .box .content ul li a:hover,.tags .content ul li a:hover{color:#EF3B1E;}
.sidebar-right .box .content .ads-right,.sidebar-left .box .content .ads-left{text-align:center;clear:both;}
.sidebar-right .box .content .ads-right img,.sidebar-left .box .content .ads-left img{margin-top:7px;}
.categories{margin-bottom:-5px;}
.categories ul{font-size:13px;}
.categories ul li{margin:0px 5px;}
.categories ul li a{display:block;padding-bottom:5px;position:relative;color:#34495e;}
.categories > ul > li > a{color:#E94F2E;font-size:15px;width:100%;margin:5px 0px;}
.categories > ul > li > a:hover{color:#cc462a}
.categories > ul > li:last-child li ul li:last-child a{border-bottom:0;}
.categories li ul li a:before{content:"»";float:right;margin:-3px 0px 0px 4px;font-size:15px;}
.categories > ul > li > ul > li:hover > a:before{background-position:-208px -79px;transition:all 250ms ease-in-out 0s;}
.categories > ul > li > ul > li:hover > a,.categories > ul > li > ul > li > ul > li:hover > a{color:#cc462a;padding-right:5px}
.categories > ul > li > ul > li:before,
.categories > ul > li > ul > li:after{display:table;line-height:0;content:"";}
.categories > ul > li > ul > li:after{clear:both;}
.categories > ul > li > ul > li > ul{width:97%;float:left;}
.categories li ul li{margin-top:4px;}
.text-ads{text-align:center;}
.text-ads a{color:#34495e;display:inline-block;font-size:14px;margin-top:2px;text-shadow:1px 1px 0px #FFF;background:#f7f7f7;border-right:3px solid #e5e5e5;padding:3px 0px;width:48%;}
.text-ads a:hover{color:#f2f2f2;background:#e94f2e;text-shadow:1px 1px 0px #da4b2c;border-right:3px solid #da4b2c;}
.request-box{margin:0px 0px 5px;background:#FFF;border:1px solid #E5E5E5;padding:5px;}
.request-box .title{background:#E94F2E;padding:0px 5px;font-size:15px;color:#F2F2F2;border-right:1px solid #E5E5E5;text-shadow:1px 1px 0px #DA4B2C;margin-bottom:5px}
.request-box .contact{width:100%;margin:0px;clear:both;}
.request-box .contact .request{text-align:center;}
.request-box .contact .request a{background:none repeat scroll 0px 0px #34495E;color:#FFF;font-size:13px;text-shadow:1px 1px 0px #2B3D4E;display:block;padding:2px 0px;}
.request-box .contact .request a:hover{background:none repeat scroll 0px 0px #2b3d4e;text-shadow:1px 1px 0px #1e2a35;}
.pages{float:right}
.wp-pagenavi{clear:both;direction:ltr;text-align:right;float:left;font-size:15px;width:99.5%;}
.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;margin:2px;direction:rtl;text-align:center;color:#666;float:right;padding:0px 7px;height:27px;background:#fafafa;line-height:25px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#999;color:#FFF;background:#e94f2e;}
.comment-bodys{margin:0 10px;}
.addcomment{margin:15px 0 10px 0;}
.textarea-box{display:block;width:56%;float:left;}
.commentdata{float:right;width:42%;margin-right:5px;} .commentdata .input-comment{width:100% !important;display:block;}
#commentform{width:100%;max-width:100%;overflow:hidden;}
.commentdata label, .textarea-box label{margin:8px 0;width:100px;display:block;font:13px Yekan,tahoma;}
.comment{margin:10px 0px;background:#f2f2f2;padding:10px;border:1px solid #e5e5e5;display:inline-block;width:96%;}
.avatar{float:right;margin-left:5px;}
.comment-author{width:100%;}
.comment h4, .vcard, .commentmetadata{font-size:14px;}
.text-box{width:100%;height:190px;float:none;display:block;resize:vertical;}
.comment-text{width:250px;display:block;}
.comments-rules{border-right:4px solid #eee;padding:5px;margin:10px 0;color:#999;font-size:13px;}
.comments-rules h4{color:#666;}
.editComment, .editableComment, .textComment{display:inline;}
.comment-childs{margin:10px 0 5px;background:#f5f5f5;padding:10px;border:#e2e2e2 solid 1px;}
.chalt{width:97%;background-color:#f5f5f5;}
#newcomment{border:#777 dashed 1px;width:90%;}
#newcommentsubmit{color:red;}
.adminreplycomment{border:#777 dashed 1px;width:99%;margin:4px;padding:4px;}
.mvccls{color:#999;}
.footer{background:#fafafa;border-top:3px solid #f2f2f2;}
.footer .tagslist h5{font-size:15px;color:#FFF;background:#E5E5E5;padding:3px 7px;text-align:right;float:right;margin-left:5px;border-radius:0px 5px 5px 0px;}
.footer .tagslist{width:100%;float:right;text-align:justify;padding:5px 0px;line-height:31px;height:42px;}
.footer .tagslist a{padding:5px;color:#888;font-size:13px !important;}
.footer .tagslist a:hover{color:#fff;background:#444;}
.footer .bottom{background:#f2f2f2;padding:10px 0px;float:right;width:100%;}
.footer .links{width:60%;float:right;}
.footer .links p{font-size:13px;text-align:justify}
.footer .links a{color:#e94f2e;}
.footer .links a:hover{color:#444;}
.footer .links ul{float:right;color:#7d8e9e;text-align:right;}
.footer .links ul li{margin:5px 0px 5px 7px;float:right;}
.footer .links ul li:after{content:" / ";margin-right:5px;}
.footer .links ul li:last-child:after{display:none;}
.footer .links ul li a{color:#34495e;}
.footer .links ul li a:hover{color:#e94f2e}
.entry{margin:0px 0px 10px;float:right;border:2px solid rgb(242, 242, 242);padding:5px;width:548px;border-radius:5px;}
.entry p{margin:5px;}
.entry .title{width:100%;border-bottom:1px solid #F2F2F2;padding:8px 0px;}
.entry .title .heding{text-indent:10px;}
.entry .buy a{display:block;color:#333;font-size:13px;padding:5px 14px;margin:5px;background:#f2f2f2;border-radius:7px;}
.entry .buy a:hover{background:#d9d9d9;}
.entry img{max-width:100%;height:100%;}
.entry .entrycontent{padding:10px;}
.clear{clear:both;line-height:0;height:0;}
.shortlink{border-radius:3px;font-size:13px;color:#777;padding:5px 0px;margin:5px 0px 0px;height:29px;}
.shortlink textarea{float:left;font-size:13px;background:#F2F2F2;padding:5px 3px;border-radius:3px 3px 0px 0px;direction:ltr;text-align:center;resize:none;height:25px;color:#666;}
.download{text-align:center;width:80%;margin:0px auto;}
.download audio{width:100%;margin:5px 0px;}
.download textarea{width:97%;direction:ltr;text-align:left;box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.1);resize:none;color:#8d8d8d;padding:6px 7px;margin-bottom:5px;overflow:hidden;height:74px;}
.download .blogcode i{background:#aaa;color:#fff;padding:2px 7px;margin:0px 0px 10px;display:inline-block;font-style:normal;}
.download a{background:#E94F2E;height:35px;display:inline-block;position:relative;margin:5px;border-radius:5px;font-size:15px;color:#fff;padding:0px 15px;}
.download a:hover{background:#333;color:#fff;}

/* Header & comment form refinements */
@media screen and (max-width:800px){
.header .top{display:block;min-height:0;padding:10px 0;}
.ehha{width:100%;margin:0;text-align:center;}
.ehha .heding,.ehha h2{text-align:center;}
.menu .top{display:block;text-align:center;padding:8px 0;}
.menu ul{justify-content:center;}
.menu span{display:block;width:max-content;max-width:100%;margin:8px auto 0;}
.textarea-box,.commentdata{float:none;width:100%;margin-right:0;}
.text-box{height:220px;}
}
@media screen and (max-width:500px){
.menu ul li a{padding:5px 7px;}
.ehha .heding{font-size:24px;}
.text-box{height:200px;}
}

@media screen and (max-width:1024px){.top{width:97%}
.warpper{width:97%}
.entry,.post{width:99%;padding:5px;}
.page-body,.footer .links{width:76%;}
.footer .links,.footer .tagslist h5{margin-right:5px}
.sidebar-left{width:26%;}
.sidebar-right{width:23%;}
.two-box-warpper{width:72%;}
.ehha{width:30%}
.ehha h2{font-size:13px}
.header{float:right;height:auto;text-align:center;}
.header img{float:none}
.footer .copyright{width:15%;}
.footer .copyright p{display:none}
.text-ads a{font-size:13px;width:47%;}
}
@media screen and (max-width:800px){.two-box-warpper,.page-body,.sidebar-left,.sidebar-right{width:100%;}
.ehha{width:75%;}
.menu span{display:none}
.menu ul{text-align:center;display:inline-block;float:none;}
.menu ul li{border-left:0px;float:none;display:inline-block;}
.menu ul li a{padding:3px 5px;border-radius:3px;position:initial;}
.menu ul li a:hover{border-radius:3px}
}
@media screen and (max-width:640px){.menu{height:auto;}
.header img,.banners img{width:99%;height:100%;margin:4px 0px;}
.footer .links{width:95%;}
.footer .copyright{width:100%;text-align:center;}
.footer .copyright .logo{display:inline-block;margin:0px auto;float:none;}
.footer .links p{text-align:center;}
.footer .links ul{text-align:center;float:none;}
.bread{float:right;}
}
@media screen and (max-width:500px){.ehha{width:69%;}
.entry, .post{padding:0px;width:100%;}
.post .contents img,.entry img,.header img, .banners img{max-width:95%;}
.post .title .heding a{font-size:11px;}
.comment{padding:3px;}
#subscribe-reloaded{width:100%;}
.powerpress-mejs-audio,.g-item{float:right !important;width:96% !important;margin:2px 0px;}
#comment{width:90% !important;}
}
@media screen and (max-width:320px){.ehha{width:55%;}
.ehha h2{font-size:11px;}
.text-box{width:90%;}
}
/* Modern header redesign */
.menu{background:#1f2933;border-bottom:0;box-shadow:0 3px 14px rgba(0,0,0,.12);position:relative;z-index:10;}
.menu-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.top-nav{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;}
.menu ul{gap:5px;align-items:center;}
.menu ul li a{padding:8px 14px;margin:0;border-radius:8px;color:#f8fafc;line-height:1.5;transition:background .2s,transform .2s,color .2s;}
.menu ul li a:hover{background:#374151;color:#ffce34;transform:translateY(-1px);}
.menu span{order:-1;background:#111827;color:#cbd5e1;border:1px solid #374151;border-radius:8px;padding:6px 12px;font-size:12px;box-shadow:none;}
.header{background:linear-gradient(180deg,#f8fafc 0%,#eef2f5 100%);border-bottom:1px solid #e1e7eb;min-height:118px;}
.header-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.brand-box{display:flex;align-items:center;gap:14px;min-width:0;}
.brand-accent{width:5px;height:62px;background:#e94f2e;border-radius:8px;box-shadow:0 4px 12px rgba(233,79,46,.2);flex:0 0 5px;}
.ehha{width:auto;min-width:0;margin:0;line-height:1.5;}
.ehha .heding{font-size:32px;font-weight:700;letter-spacing:-.5px;color:#263746;margin:0;}
.ehha h2{font-size:14px;color:#718096;margin-top:3px;}
.header-ad{margin-right:auto;max-width:58%;text-align:left;}
.header-ad img{max-height:90px;width:auto;}
.bread{background:#fff;border-bottom:1px solid #edf0f2;box-shadow:none;padding:5px 0;}
.breadcrumbs{font-size:12px;color:#718096;}

@media screen and (max-width:800px){
 .menu-inner{display:block;padding:8px 0;min-height:0;}
 .top-nav{justify-content:center;}
 .menu ul{justify-content:center;}
 .menu span{display:block;margin:7px auto 0;width:max-content;}
 .header-inner{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 0;min-height:0;}
 .brand-box{justify-content:center;text-align:right;width:100%;}
 .ehha{width:auto;max-width:85%;}
 .ehha .heding,.ehha h2{text-align:right;}
 .header-ad{max-width:100%;width:100%;text-align:center;}
 .header-ad img{max-width:100%;height:auto;}
}
@media screen and (max-width:500px){
 .menu ul li a{padding:6px 8px;font-size:12px;}
 .ehha .heding{font-size:25px;}
 .brand-accent{height:48px;}
}

/* Simple header: title + menu only */
.site-header{width:100%;background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 1px 5px rgba(0,0,0,.04);}
.site-header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px;}
.site-title{flex:0 0 auto;}
.site-title h1,.site-title h3{margin:0;padding:0;line-height:1.4;font-size:26px;font-weight:700;}
.site-title a{color:#34495e;}
.site-title a:hover{color:#e94f2e;}
.site-nav{flex:1;min-width:0;}
.site-nav ul{display:flex;align-items:center;justify-content:flex-start;gap:3px;flex-wrap:wrap;margin:0;}
.site-nav ul li{display:block;}
.site-nav ul li a{display:block;padding:7px 12px;margin:0;border-radius:5px;color:#34495e;line-height:1.6;}
.site-nav ul li a:hover{background:#f2f2f2;color:#e94f2e;}
@media screen and (max-width:800px){
 .site-header-inner{min-height:0;padding:12px 0;display:flex;flex-direction:column;gap:8px;}
 .site-title{width:100%;text-align:center;}
 .site-title h1,.site-title h3{font-size:24px;}
 .site-nav{width:100%;}
 .site-nav ul{justify-content:center;}
 .site-nav ul li a{padding:5px 8px;font-size:13px;}
}
@media screen and (max-width:500px){
 .site-title h1,.site-title h3{font-size:21px;}
 .site-nav ul{gap:0;}
 .site-nav ul li a{padding:4px 6px;font-size:12px;}
}

/* Optimized comments redesign */
#comments-wrap{margin-top:28px;direction:rtl;}
.comments-heading{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:12px 16px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;font:15px Yekan,tahoma;color:#444;box-shadow:0 2px 8px rgba(0,0,0,.03);}
.comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;background:#34495e;color:#fff;border-radius:7px;font-weight:bold;}
.comments-empty,.comments-closed{padding:14px 16px;margin:0 0 16px;background:#fafafa;border:1px solid #e8e8e8;border-radius:9px;color:#777;font:13px Yekan,tahoma;}
.comment-form-card{margin-top:18px;padding:22px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.045);}
.comment-form-title{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #eee;}
.comment-form-title strong{font:17px Yekan,tahoma;color:#333;}
.comment-form-title span{font:12px Yekan,tahoma;color:#999;}
.comment-login-notice,.comment-logged-in{margin:0 0 15px;padding:11px 13px;background:#f7f8fa;border-radius:8px;font:13px Yekan,tahoma;color:#666;}
.comment-login-notice a,.comment-logged-in a{color:#34495e;text-decoration:none;font-weight:bold;}
.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.comment-field{min-width:0;}
.comment-field-full{grid-column:1 / -1;}
.comment-field label,.textarea-box label{display:block;width:auto;margin:0 0 7px;font:13px Yekan,tahoma;color:#555;}
.comment-field label span{font-size:11px;color:#aaa;}
.input-comment,.text-box{box-sizing:border-box;width:100% !important;margin:0 !important;border:1px solid #ddd !important;border-radius:8px;background:#fafafa !important;color:#444;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;}
.input-comment{height:43px;padding:9px 12px !important;}
.input-comment:focus,.text-box:focus{background:#fff !important;border-color:#9aa7b4 !important;box-shadow:0 0 0 3px rgba(52,73,94,.08);}
.textarea-box{display:block;float:none;width:100%;margin:15px 0 0;}
.text-box{display:block;min-height:180px;height:180px;padding:12px !important;resize:vertical;line-height:1.9;}
.comment-form-actions{display:flex;align-items:center;gap:9px;margin-top:14px;}
.comment-button,.comment-reset{height:42px;padding:0 20px;border-radius:8px !important;font:13px Yekan,tahoma;cursor:pointer;transition:all .2s;}
.comment-button{background:#34495e !important;border:1px solid #34495e !important;text-shadow:none !important;color:#fff !important;}
.comment-button:hover{background:#273746 !important;border-color:#273746 !important;}
.comment-reset{background:#fff;border:1px solid #ddd;color:#777;}
.comment-reset:hover{background:#f5f5f5;color:#444;}
.cancel-comment-reply{margin-bottom:8px;}
.cancel-comment-reply a{font:12px Yekan,tahoma;color:#c0392b;}
@media screen and (max-width:700px){
.comment-form-card{padding:16px;}
.comment-fields{grid-template-columns:1fr;gap:12px;}
.comment-field-full{grid-column:auto;}
.comment-form-title{display:block;}
.comment-form-title span{display:block;margin-top:4px;}
.text-box{min-height:150px;height:150px;}
}
@media screen and (max-width:420px){
.comment-form-actions{flex-direction:column;align-items:stretch;}
.comment-button,.comment-reset{width:100%;}
}