/*
Theme Name: SEOPlayers Kurdish (Blogger → WordPress)
Theme URI: https://example.com/
Author: Converted by ChatGPT
Description: A WordPress theme based on your Blogger template layout (RTL, dark UI, header menu with search overlay, night-mode toggle).
Version: 1.0.0
Text Domain: seoplayers-kurdish
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: rtl-language-support, blog, custom-logo, custom-menu, two-columns, dark
*/

:root{
  --main-color:#402565;
  --help-color:#30be96;
  --background-primary: #eeeeee;
  --color-text-primary: #1c2a38;
  --background-color:#f9f9f9;
  --main-color-dark:#111827;
  --help-color-dark:#263545;
  --background-primary-dark:#1f2937;
  --link-color-white:#402565;
  --link-color-white-focus:#1c2a38;
  --link-color:#eeeeee;
  --text-color:#000000;
  --right-color-line:#38a9ff;
  --left-color-line:#9fe900;
  --color-text-secondary: #8a8f98;
  --color-text-alert: #d72641;
  --color-text-icon: #dbdade;
  --color-bg-primary: #fff;
  --color-bg-secondary: #f3f5f9;
  --color-bg-alert: #fdeaec;
  --color-theme-primary: #623ce6;
}

/* === Core === */
body{
  font-family:'Kurdistan 24 Font Light',sans-serif;
  line-height:33px;
  width:100%;
  margin:0;
  background:#1e1e1e;
  color:#fafafa;
  font-size:16px;
  direction: rtl;
  text-align: right;
}
body:before{
  content:"";
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhntZ6R28hvWyzj_znjoMp81N3ksXkiiyTf54XaSpY-AyD6UhzPtLsS4Py7HgMewNJscZrtO1wUsDqV-HyfVSht90e9GcE9ZUOFF04igisdfW3Yeg_jCHAaw7eH8qYY_XQuAd5F6eunTafqQPCv7SiJ5HRraF0L5JFuUB8RB_NMVsb6q7qNxqSosB4u8g/s1024/TEST.jpg) repeat scroll top left;
  position:fixed;top:0;left:0;width:100%;height:100%;
  opacity:0.03;z-index:-1;
}
a{color:#eaeaea;text-decoration:none}
a:focus,a:hover{color:#ffd043;transition:.5s ease;}
img{max-width:100%;height:auto}
*{box-sizing:border-box;margin:0;padding:0;outline:0;}
.container{max-width:1000px;margin:auto;padding:0 12px}

/* === Header / Menu === */
.menu-section{position:relative;margin-bottom:15px;overflow:hidden;background:#2d2d30}
.navbar-brand{float:right;position:relative;background:#1e1e1e;padding:10px 0}
.navbar-brand:after,.navbar-brand:before{
  content:"";position:absolute;bottom:0;left:-90px;width:80px;height:81px;border-radius:37%;
  box-shadow:32px 19px 0 0 #1e1e1e;
}
.navbar-brand:after{left:auto;right:-90px;box-shadow:-32px 19px 0 0 #1e1e1e;}
.img-responsive{display:flex;float:right;height:auto;width:100px;padding:0 20px;}
.navmenu{width:calc(100% - 140px);float:right;}
.navsiteta{padding-right:20px;list-style:none;}
.navmenu .nav{list-style:none}
.navmenu .nav li{float:right;position:relative;}
.navmenu .nav li:hover{background:rgb(255 255 255 / 5%)}
.navmenu .nav .navsiteta a{
  padding:0 10px;height:60px;display:flex;justify-content:center;align-items:center;
  white-space:nowrap;border-bottom:2px solid transparent;color:#dcdcdc;font-size:14px;
}
.navmenu .nav .navsiteta a:hover{border-bottom:2px solid #ffd043;color:#ffd043}
.navsites{float:left;margin:13px 0;list-style:none;}
.search,.dnmo{
  height:35px;width:35px;padding:0;display:grid;margin-right:5px;border-radius:8px;float:left;cursor:pointer;
}
.icon{width:20px;height:20px;display:table;margin:8px auto;background-size:100% 100%}
.icon.twitter{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z'/%3E%3C/svg%3E")}
.icon.facebook{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M288,176v-64c0-17.664,14.336-32,32-32h32V0h-64c-53.024,0-96,42.976-96,96v80h-64v80h64v256h96V256h64l32-80H288z'/%3E%3C/svg%3E")}
.icon.dnmoi{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072'%3E%3Cpath fill='%23fff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857z'/%3E%3C/svg%3E")}

#bckgrnsrch{
  display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.75);
  z-index:9999999;
}
#nav-search{
  width:100%;margin:0 auto;height:100%;max-width:600px;background:transparent;
  display:table-cell;position:fixed;max-height:150px;right:0;top:30%;left:0;
  z-index:99999999;align-items:center;text-align:center;
}
#nav-search p{color:#fff;font-size:30px}
.search-input{
  min-width:250px;text-align:center;-webkit-appearance:none;padding:10px;border:none!important;
  background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!important;
  font-size:25px;font-family: Changa,"Segoe UI";color:#fff;position:relative;top:20px;
}
a.search-submit2{position:absolute;left:0;top:0;margin:0;border-radius:50%;background:transparent}

/* === Panels / Posts === */
.panel-default{box-shadow:1px 1px 7px rgb(208 208 208 / 46%);background:#fff;position:relative;margin-bottom:15px;overflow:hidden;border-radius:8px}
.box-title{padding:10px 0 1px 0;position:relative;overflow:hidden;margin:0 0 10px;border-bottom:2px solid #2d2d30}
.box-title h2{color:#ffd043;font-size:15px;padding:0 10px 0 15px;line-height:35px;margin:0;display:flex}
.blog-posts-hentry{float:right;width:25%}
.blog-post.hentry.index-post{overflow:hidden;position:relative;background-color:#2d2d30;margin:5px;display:block;border-radius:8px}
.grid-posts{margin:0 -10px}
.grid-post{padding:0 15px 0;overflow:hidden}
.post-image-wrap img{width:30%;float:right;display:grid;margin-left:10px}
.post-info{padding:10px}
.post-info h3{margin:0;line-height:1.85;font-size:13px;height:46px;overflow:hidden;font-weight:500}

/* Single */
.blog-post.hentry.item-post{padding:10px;overflow:hidden;background-color:#2d2d30;border-radius:8px}
.postTimestamp{background:#1e1e1e;border-bottom:2px solid rgb(0 0 0 / 40%);width:100%;border-radius:10px}
.post-title{line-height:1.5;overflow:hidden;font-size:18px;color:#dcdcdc}
.main-post-meta{padding:0 30px 0;font-size:13px;font-weight:400;color:#adadad}
.entry-content{font-size:15px;font-weight:normal;line-height:26px;text-align:justify;color:#dcdcdc;padding:10px 0}
.entry-content h2,.entry-content h3{
  width:fit-content;margin:0 auto 10px;padding:10px 15px;font-size:17px;border-bottom:1px solid #ffd043;
  color:#ffd043;font-weight:600;line-height:1.5;
}
.entry-content table{margin:0 auto;width:100%;font-size:15px;text-align:center}
.entry-content table tr{background:#1e1e1e;color:#dcdcdc;margin:10px;border-radius:10px;display:inline-block}

/* Footer */
footer{position:relative;padding:0;overflow:hidden;margin-top:15px}
.footermb{overflow:hidden;padding:12px 0;text-align:center;background:#2d2d30;list-style:none}
.footermb li{display:inline-block}
.footermb a{color:#dcdcdc;margin:0 10px;font-size:14px;font-weight:bold;display:block}
#copyrightss{font-size:14px;font-weight:bold;color:#dcdcdc}

/* Night mode */
body.Night{background:#1c2733;color:#fff}
.Night a{color:#fff!important}
.Night a:hover{color:#ffb12a!important}
.Night .menu-section,.Night .blog-post.hentry.index-post,.Night .blog-post.hentry.item-post{background:#263545;box-shadow:0 0 0 1px #121a23}
.Night .panel-default{background:#263545;box-shadow:0 0 0 1px #121a23}
.Night .postTimestamp{background:#121a23}

/* Responsive */
@media screen and (max-width:1000px){
  .blog-posts-hentry{width:50% !important;}
  .navbar-brand{margin:0 auto;display:table;float:none;width:initial}
  .navmenu{width:100%}
}
@media screen and (max-width:500px){
  .blog-posts-hentry{width:100% !important;}
  .post-image-wrap img{height:75px;width:75px}
  #nav-search p{font-size:22px}
}