@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');

.cbd-site,.cbd-header,.cbd-footer{--cbd-red:#e11d2e;--cbd-black:#111;direction:rtl;font-family:Vazir,Tahoma,sans-serif}
.cbd-site *,.cbd-header *,.cbd-footer *{box-sizing:border-box}
.cbd-site{background:#fff;color:#181818;line-height:1.9;width:100%;font-size:14px}
.cbd-site a,.cbd-header a,.cbd-footer a{text-decoration:none}
.cbd-site h1,.cbd-site h2,.cbd-site h3,.cbd-site p,.cbd-header p,.cbd-footer p,.cbd-footer h3{font-family:inherit;margin:0}
.cbd-site a:focus-visible,.cbd-header a:focus-visible,.cbd-header summary:focus-visible,.cbd-footer a:focus-visible{outline:2px solid #e11d2e;outline-offset:3px}
.cbd-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 22px}
.cbd-section{padding:55px 0}
.cbd-section-soft{background:#fafafa;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.cbd-platform-section{border-top:0}
.cbd-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}
.cbd-section-title{display:flex;align-items:center;gap:11px;color:#151515;font-size:23px;font-weight:900;line-height:1.6}
.cbd-section-title:before{content:"";width:5px;height:26px;flex-shrink:0;background:#e11d2e;border-radius:5px}
.cbd-more{color:#e11d2e!important;font-size:12px;font-weight:700;white-space:nowrap}
.cbd-intro{font-size:13px;color:#666;margin:-10px 0 25px!important}
/* Hero */
.cbd-hero{background:radial-gradient(circle at 8% 50%,#42161e 0%,#111 45%,#111 100%);color:#fff;overflow:hidden}
.cbd-hero-inner{display:block;padding-top:65px;padding-bottom:65px}.cbd-hero-inner>div{max-width:780px}
.cbd-eyebrow{display:inline-block;color:#ff5362;font-weight:700;font-size:12px;margin-bottom:16px}
.cbd-hero h1{font-size:clamp(29px,4vw,48px);line-height:1.65;font-weight:900;letter-spacing:-.6px;color:#fff}
.cbd-hero h1 span{color:#ff3549}
.cbd-hero p{color:#c9c9c9;max-width:570px;font-size:14px;line-height:2.3;margin-top:18px}
.cbd-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cbd-button{display:inline-flex;justify-content:center;align-items:center;padding:12px 23px;border-radius:9px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}
.cbd-button-red{background:#e11d2e;color:#fff!important}.cbd-button-red:hover{background:#bd1524}
.cbd-button-outline{border:1px solid #555;color:#fff!important}.cbd-button-outline:hover{background:#222;border-color:#e11d2e}
/* Category cards */
.cbd-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.cbd-cat-card{display:block;border:1px solid #eaeaea;border-radius:13px;padding:26px 15px;background:#fff;color:#181818!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.cbd-cat-card:hover{border-color:#e11d2e;transform:translateY(-3px);box-shadow:0 8px 25px #00000009}
.cbd-cat-icon{display:flex;justify-content:center;align-items:center;background:#fff0f1;color:#e11d2e;width:44px;height:44px;border-radius:11px;margin-bottom:17px;font-size:23px;font-weight:900}
.cbd-cat-card h3{font-size:15px;font-weight:800;margin-bottom:5px;color:#181818}
.cbd-cat-card p{font-size:11px;color:#888}
.cbd-platforms{display:flex;flex-wrap:wrap;gap:11px}
.cbd-platforms a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #e6e6e6;border-radius:9px;background:#fff;color:#181818;font-size:13px;font-weight:700;transition:.2s}
.cbd-platforms a:before{content:"";width:7px;height:7px;border-radius:50%;background:#e11d2e}
.cbd-platforms a:hover{color:#e11d2e;border-color:#e11d2e}
/* Cards / dynamic archive */
.cbd-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cbd-post{border:1px solid #eaeaea;border-radius:13px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;min-width:0}
.cbd-post:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000010}
.cbd-post-image{aspect-ratio:16/9;overflow:hidden;display:block;background:linear-gradient(135deg,#252525,#a11c2b)}
.cbd-post-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cbd-post:hover .cbd-post-image img{transform:scale(1.04)}
.cbd-post-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:900;font-size:23px;color:#fff}
.cbd-post-placeholder b{color:#ff5263;margin-right:5px}
.cbd-post-content{padding:20px}
.cbd-post-date{display:block;color:#888;font-size:11px;margin-bottom:9px}
.cbd-post h3{font-size:16px;font-weight:800;line-height:2;margin-bottom:10px}
.cbd-post h3 a{color:#171717}.cbd-post h3 a:hover{color:#e11d2e}
.cbd-post-excerpt{color:#777;font-size:12px;line-height:2.1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cbd-post-read{display:inline-block;margin-top:15px;color:#e11d2e!important;font-size:12px;font-weight:700}
.cbd-empty{grid-column:1/-1;text-align:center;border:1px dashed #ddd;border-radius:12px;padding:35px 15px;color:#777;font-size:13px}
.cbd-about-box{padding:34px;background:#171717;color:#fff;border-radius:16px}
.cbd-about-box h2{font-size:23px;font-weight:900;margin-bottom:12px;color:#fff}
.cbd-about-box h2 span{color:#ff3549}
.cbd-about-box p{color:#bbb;max-width:760px;font-size:13px;line-height:2.3}
/* Header */
.cbd-header{position:relative;z-index:999;width:100%;background:#111;color:#fff;border-bottom:3px solid #e11d2e}
.cbd-header a{color:inherit}.cbd-header details{position:relative}.cbd-header summary{list-style:none;cursor:pointer}.cbd-header summary::-webkit-details-marker{display:none}
.cbd-header-inner{max-width:1240px;min-height:76px;margin:auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.cbd-logo{font-size:25px;font-weight:900;white-space:nowrap;color:#fff!important}.cbd-logo span{color:#e11d2e}
.cbd-header-nav{display:flex;align-items:center;gap:27px}
.cbd-header-nav>a,.cbd-dropdown>summary{font-size:14px;font-weight:500;white-space:nowrap;transition:color .2s}
.cbd-header-nav a:hover,.cbd-header summary:hover{color:#e11d2e}
.cbd-dropdown>summary,.cbd-platform-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:7px}
.cbd-arrow{font-size:11px;color:#e11d2e}
.cbd-submenu{position:absolute;top:calc(100% + 22px);right:0;width:240px;background:#1b1b1b;border:1px solid #333;border-top:3px solid #e11d2e;border-radius:0 0 12px 12px;padding:10px;box-shadow:0 15px 30px #0004}
.cbd-submenu>a,.cbd-platform-list a{display:block;padding:10px 12px;border-radius:6px;font-size:13px;color:#eee}
.cbd-submenu a:hover{background:#292929;color:#e11d2e}
.cbd-platform-dropdown{margin-top:5px;border-top:1px solid #333}
.cbd-platform-dropdown>summary{color:#e11d2e;font-size:13px;font-weight:700;padding:12px}
.cbd-platform-list{border-right:2px solid #e11d2e;padding-right:10px;max-height:50vh;overflow:auto}
.cbd-header-actions{display:flex;align-items:center}.cbd-icon{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border:1px solid #383838;border-radius:10px;color:#fff}
.cbd-icon:hover{background:#e11d2e;border-color:#e11d2e}
.cbd-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.cbd-search-form{position:absolute;top:calc(100% + 20px);left:0;display:flex;width:320px;padding:10px;border-radius:10px;background:#fff;box-shadow:0 10px 25px #0004}
.cbd-header input{flex:1;min-width:0;border:1px solid #ddd;border-radius:6px;padding:10px;background:#fff;color:#111;font-size:13px}
.cbd-header button{border:0;border-radius:6px;padding:9px 13px;margin-right:6px;background:#e11d2e;color:#fff;cursor:pointer}
.cbd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cbd-mobile{display:none}
.cbd-mobile-panel{position:absolute;top:100%;right:0;left:0;padding:15px 20px 22px;background:#191919;border-bottom:3px solid #e11d2e;box-shadow:0 12px 25px #0004;max-height:calc(100vh - 70px);overflow-y:auto}
.cbd-mobile-nav>a,.cbd-mobile-nav>details>summary{display:block;padding:13px 8px;border-bottom:1px solid #333;font-size:14px;color:#fff}
.cbd-mobile-nav>details>summary{display:flex;justify-content:space-between}
.cbd-mobile-submenu{background:#222;border-radius:8px;padding:8px 14px}
.cbd-mobile-submenu a{display:block;padding:11px 8px;border-bottom:1px solid #333;font-size:13px;color:#fff}
.cbd-mobile-submenu a:last-child{border:0}
.cbd-mobile-submenu summary{display:flex;align-items:center;justify-content:space-between;padding:11px 8px;color:#e11d2e;font-size:13px;font-weight:700}
.cbd-mobile-search{display:flex;margin-top:18px}
/* Footer */
.cbd-footer{width:100%;background:#111;border-top:3px solid #e11d2e;color:#fff}
.cbd-footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;max-width:1240px;margin:0 auto;padding:42px 24px 30px}
.cbd-footer-logo{font-size:26px;font-weight:900;color:#fff!important}.cbd-footer-logo span{color:#e11d2e}
.cbd-footer-about p{margin:15px 0 0;max-width:350px;color:#aaa;font-size:13px;line-height:2.2}
.cbd-footer h3{font-size:15px;font-weight:700;color:#fff;margin:4px 0 18px}
.cbd-footer-links{display:flex;flex-direction:column;gap:13px}
.cbd-footer-links a{color:#bbb;font-size:13px}.cbd-footer-links a:hover{color:#e11d2e}
.cbd-footer-bottom{border-top:1px solid #292929;padding:18px 20px;text-align:center;color:#888;font-size:12px}
/* Single/archive */
.cbd-archive-hero{padding:48px 0 35px;background:#fafafa;border-bottom:1px solid #eee}
.cbd-breadcrumb{font-size:12px;color:#777;margin-bottom:14px}
.cbd-breadcrumb a{color:#e11d2e}
.cbd-archive-hero h1{font-size:clamp(25px,3.5vw,38px);font-weight:900;line-height:1.7;color:#151515}
.cbd-archive-desc{max-width:800px;font-size:13px;color:#666;line-height:2.4;margin-top:12px!important}
.cbd-pagination{margin-top:35px}.cbd-pagination .page-numbers{display:flex;list-style:none;gap:8px;justify-content:center;padding:0}
.cbd-pagination .page-numbers li{list-style:none}
.cbd-pagination .page-numbers a,.cbd-pagination .page-numbers span{display:flex;align-items:center;justify-content:center;min-width:38px;padding:7px 12px;border:1px solid #ddd;border-radius:7px;color:#333}
.cbd-pagination .page-numbers .current{background:#e11d2e;color:white;border-color:#e11d2e}
.cbd-article-wrap{max-width:880px;margin:0 auto;padding:44px 22px 60px}
.cbd-article-title{font-size:clamp(25px,4vw,38px);line-height:1.8;font-weight:900;color:#181818;margin:10px 0 15px!important}
.cbd-article-meta{display:flex;flex-wrap:wrap;gap:15px;color:#777;font-size:12px;margin-bottom:25px}
.cbd-featured-image{display:block;margin:0 0 30px;border-radius:14px;overflow:hidden}
.cbd-featured-image img{width:100%;height:auto;display:block}
.cbd-article-content{font-size:15px;line-height:2.5;color:#242424;overflow-wrap:anywhere}
.cbd-article-content p{margin:0 0 1.35em}
.cbd-article-content h2,.cbd-article-content h3{font-weight:900;line-height:1.8;margin:1.5em 0 .7em}
.cbd-article-content h2{font-size:24px}.cbd-article-content h3{font-size:19px}
.cbd-article-content a{color:#d51e2d;text-decoration:underline}
.cbd-article-content ul,.cbd-article-content ol{padding-right:25px;margin-bottom:1.5em}
.cbd-article-content img{max-width:100%;height:auto;border-radius:8px}
.cbd-related{padding-top:40px;border-top:1px solid #eee;margin-top:50px}
@media(max-width:950px){.cbd-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.cbd-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbd-header-inner{min-height:65px;padding:0 16px}.cbd-header-nav,.cbd-search{display:none}.cbd-mobile{display:block}.cbd-logo{font-size:23px}}
@media(max-width:768px){.cbd-footer-inner{grid-template-columns:1fr 1fr;gap:30px 20px;padding:35px 20px 25px}.cbd-footer-about{grid-column:1/-1}.cbd-footer-about p{max-width:100%}}
@media(max-width:650px){.cbd-wrap{padding:0 16px}.cbd-hero-inner{padding-top:42px;padding-bottom:42px}.cbd-hero h1{font-size:31px}.cbd-section{padding:38px 0}.cbd-section-title{font-size:19px}.cbd-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cbd-cat-card{padding:18px 14px}.cbd-cat-card h3{font-size:13px}.cbd-cat-card p{font-size:10px}.cbd-platforms{gap:9px}.cbd-platforms a{font-size:12px;padding:10px 13px}.cbd-post-grid{grid-template-columns:1fr;gap:16px}.cbd-about-box{padding:25px 20px}.cbd-archive-hero{padding:32px 0 25px}.cbd-article-wrap{padding:30px 16px 45px}}
@media(max-width:380px){.cbd-footer-inner{grid-template-columns:1fr}.cbd-footer-about{grid-column:auto}}

/* Uploaded brand mark — 300 × 100 on desktop, proportional on mobile. */
.cbd-header .cbd-logo, .cbd-footer .cbd-footer-logo {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.cbd-header .cbd-brand-image, .cbd-footer .cbd-brand-image {display:block;width:300px;height:100px;max-width:100%;object-fit:contain;border:0}
@media(max-width:950px){.cbd-header .cbd-brand-image{width:192px;height:64px}}
@media(max-width:380px){.cbd-header .cbd-brand-image{width:165px;height:55px}.cbd-footer .cbd-brand-image{max-width:100%;height:auto}}


/* v1.0.2 — White header and footer for the dark-text uploaded logo. */
.cbd-header{background:#fff;color:#1c1c1c}
.cbd-header .cbd-logo{color:#1c1c1c!important}
.cbd-header .cbd-header-nav>a,.cbd-header .cbd-dropdown>summary{color:#1c1c1c}
.cbd-header .cbd-header-nav>a:hover,.cbd-header .cbd-dropdown>summary:hover{color:#e11d2e}
.cbd-header .cbd-submenu{background:#fff;border:1px solid #e6e6e6;border-top:3px solid #e11d2e;box-shadow:0 15px 30px #0002}
.cbd-header .cbd-submenu>a,.cbd-header .cbd-platform-list a{color:#242424}
.cbd-header .cbd-submenu a:hover{background:#fff1f2;color:#e11d2e}
.cbd-header .cbd-platform-dropdown{border-top-color:#eee}
.cbd-header .cbd-icon{border-color:#e1e1e1;color:#181818;background:#fff}
.cbd-header .cbd-icon:hover{color:#fff;background:#e11d2e;border-color:#e11d2e}
.cbd-header .cbd-mobile-panel{background:#fff;border-bottom:3px solid #e11d2e}
.cbd-header .cbd-mobile-nav>a,.cbd-header .cbd-mobile-nav>details>summary{color:#222;border-bottom-color:#e9e9e9}
.cbd-header .cbd-mobile-nav>a:hover{color:#e11d2e}
.cbd-header .cbd-mobile-submenu{background:#f7f7f7}
.cbd-header .cbd-mobile-submenu a{color:#292929;border-bottom-color:#e5e5e5}
.cbd-header .cbd-mobile-submenu a:hover{color:#e11d2e}
.cbd-footer{background:#fff;color:#1c1c1c}
.cbd-footer .cbd-footer-logo{color:#1c1c1c!important}
.cbd-footer .cbd-footer-about p{color:#626262}
.cbd-footer h3{color:#161616}
.cbd-footer .cbd-footer-links a{color:#494949}
.cbd-footer .cbd-footer-links a:hover{color:#e11d2e}
.cbd-footer .cbd-footer-bottom{border-top:1px solid #eaeaea;color:#777}


/* v1.0.3 — Casino featured images are compact, circular profile logos.
   Other content types retain the original article and card layouts. */
.cbd-single .cbd-casino-profile {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:22px;
  margin:10px 0 30px;
  min-width:0;
}
.cbd-single .cbd-casino-profile .cbd-article-heading-text {min-width:0;flex:1}
.cbd-single .cbd-casino-profile .cbd-article-title {margin:0 0 8px!important}
.cbd-single .cbd-casino-profile .cbd-article-meta {margin-bottom:0}
.cbd-single .cbd-casino-avatar {
  display:flex;
  justify-content:center;
  align-items:center;
  width:132px;
  height:132px;
  flex:0 0 132px;
  padding:12px;
  margin:0;
  border-radius:50%;
  background:#fff;
  border:1px solid #e9e9e9;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  overflow:hidden;
}
.cbd-single .cbd-casino-avatar img {
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%;
  object-fit:contain!important;
  border-radius:0!important;
}
/* Profile treatment in casino lists and related articles too. */
.cbd-site .cbd-casino-card .cbd-post-image {
  display:flex;
  justify-content:center;
  align-items:center;
  aspect-ratio:auto;
  height:155px;
  padding:12px;
  background:#fafafa;
}
.cbd-site .cbd-casino-card .cbd-post-image img {
  display:block;
  flex:none;
  width:118px;
  height:118px;
  object-fit:contain;
  border:1px solid #e9e9e9;
  border-radius:50%;
  padding:10px;
  background:#fff;
}
.cbd-site .cbd-casino-card:hover .cbd-post-image img {transform:none}
.cbd-site .cbd-casino-card .cbd-post-placeholder {
  width:118px;
  height:118px;
  flex:none;
  border-radius:50%;
  background:#191919;
  font-size:16px;
}
@media(max-width:650px) {
  .cbd-single .cbd-casino-profile {gap:14px;margin:8px 0 24px}
  .cbd-single .cbd-casino-avatar {width:94px;height:94px;flex-basis:94px;padding:9px}
  .cbd-single .cbd-casino-profile .cbd-article-title {font-size:clamp(21px,5vw,28px);line-height:1.6}
  .cbd-site .cbd-casino-card .cbd-post-image {height:140px}
  .cbd-site .cbd-casino-card .cbd-post-image img,
  .cbd-site .cbd-casino-card .cbd-post-placeholder {width:105px;height:105px}
}