.elementor-2084 .elementor-element.elementor-element-5ba93a05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-5ba93a05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2084 .elementor-element.elementor-element-50bf4779{text-align:center;}.elementor-2084 .elementor-element.elementor-element-36e8603b.elementor-element{--align-self:center;}.elementor-2084 .elementor-element.elementor-element-5e62299d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-5e62299d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2084 .elementor-element.elementor-element-3df1e301{text-align:center;}.elementor-2084 .elementor-element.elementor-element-3df1e301 .elementor-heading-title{font-family:"iransans", Sans-serif;font-size:31px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#FEFEFE;}.elementor-2084 .elementor-element.elementor-element-48afd9db{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;}.elementor-2084 .elementor-element.elementor-element-48afd9db.elementor-element{--align-self:center;}.elementor-2084 .elementor-element.elementor-element-48afd9db .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2084 .elementor-element.elementor-element-39d8477d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-71b0afe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-5598a071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-3d09dc3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-38e67a7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-39253fdc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-682a63d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-544e9462{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-7b0407c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-4b75c30c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-4eb203b1{--display:flex;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-52b1bf1e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;overflow:visible;}.elementor-2084 .elementor-element.elementor-element-39be3c49{color:#FFFFFF;}.elementor-2084 .elementor-element.elementor-element-4ce15f35{--display:flex;overflow:visible;}body.elementor-page-2084:not(.elementor-motion-effects-element-type-background), body.elementor-page-2084 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B213B;background-image:url("https://bet303.bet/wp-content/uploads/2025/12/bg-1-scaled.jpg");background-position:center center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2084 .elementor-element.elementor-element-5ba93a05{--width:347.111px;}.elementor-2084 .elementor-element.elementor-element-50bf4779 img{width:97%;}.elementor-2084 .elementor-element.elementor-element-3df1e301 .elementor-heading-title{font-size:9px;}.elementor-2084 .elementor-element.elementor-element-48afd9db{--container-widget-width:359px;--container-widget-flex-grow:0;width:var( --container-widget-width, 359px );max-width:359px;}body.elementor-page-2084:not(.elementor-motion-effects-element-type-background), body.elementor-page-2084 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bet303.bet/wp-content/uploads/2024/04/bg.jpg");}body.elementor-page-2084{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-2084 .elementor-element.elementor-element-5598a071{--width:33.3333%;}.elementor-2084 .elementor-element.elementor-element-3d09dc3f{--width:33.3333%;}.elementor-2084 .elementor-element.elementor-element-38e67a7c{--width:33.3333%;}.elementor-2084 .elementor-element.elementor-element-39253fdc{--width:33.3333%;}.elementor-2084 .elementor-element.elementor-element-682a63d1{--width:33.3333%;}.elementor-2084 .elementor-element.elementor-element-544e9462{--width:33.3333%;}}@media(min-width:1025px){body.elementor-page-2084:not(.elementor-motion-effects-element-type-background), body.elementor-page-2084 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-36e8603b */#b303-glass-root{
--b303-primary:#00ff88;
--b303-secondary:#00b862;
--b303-bg: rgba(10,10,10,.65);
--b303-border: rgba(255,255,255,.10);
--b303-text:#fff;
--b303-muted: rgba(255,255,255,.78);
--b303-radius: 20px;
--b303-pad: clamp(16px, 3.5vw, 32px);
font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
direction: rtl;
color: var(--b303-text);
width: 100%;
max-width: 1200px;
margin: 20px auto;
padding: var(--b303-pad);
box-sizing: border-box;
background: var(--b303-bg);
background-image:
radial-gradient(900px 420px at 20% 0%, rgba(0,255,136,.05), transparent 60%),
linear-gradient(135deg, rgba(255,255,255,.03) 0%, transparent 100%);
border: 1px solid var(--b303-border);
border-top-color: rgba(255,255,255,.18);
border-radius: var(--b303-radius);
box-shadow: 0 22px 60px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.04);
overflow: hidden;
position: relative;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
#b303-glass-root{
backdrop-filter: blur(10px) saturate(140%);
-webkit-backdrop-filter: blur(10px) saturate(140%);
}
}
#b303-glass-root,
#b303-glass-root *{ box-sizing: border-box; }
#b303-glass-root a{ color: inherit; text-decoration: none; }
#b303-glass-root p{
margin: 0 0 16px;
color: var(--b303-muted);
font-size: clamp(14px, 1.15vw, 18px);
line-height: 1.95;
text-align: justify;
overflow-wrap: anywhere;
}
@media (min-width: 1024px) {
#b303-glass-root p {
font-size: clamp(16px, 1.2vw, 18px);
margin: 0 0 20px;
}
}
#b303-glass-root .b303-note{
margin-top: 18px;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,.10);
}
/* Sections */
#b303-glass-root .b303-section{
margin-top: clamp(34px, 5vw, 56px);
}
#b303-glass-root .b303-section:first-child{ margin-top: 0; }
/* ========== TITLES ========== */
#b303-glass-root .b303-title{
display:flex;
align-items:center;
gap: 12px;
flex-wrap: wrap;
min-width: 0;
padding: 12px 16px;
margin: 0 0 18px;
border-right: 4px solid var(--b303-primary);
border-radius: 16px;
background: linear-gradient(to left, rgba(0,255,136,.16), rgba(0,0,0,0));
font-weight: 900;
font-size: clamp(20px, 2.3vw, 28px);
line-height: 1.4;
position: relative;
overflow: hidden;
}
@media (min-width: 1024px) {
#b303-glass-root .b303-title {
font-size: clamp(24px, 2vw, 32px);
padding: 16px 20px;
margin: 0 0 24px;
}
}
#b303-glass-root .b303-title::after{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height: 1px;
background: linear-gradient(to left, transparent, rgba(0,255,136,.9), transparent);
opacity: .9;
}
#b303-glass-root .b303-title::before{
content:"";
width: 30px;
height: 30px;
flex: 0 0 30px;
background: var(--b303-icon) center/contain no-repeat;
filter: drop-shadow(0 0 8px rgba(0,255,136,.35));
opacity: .95;
}
/* ICONS */
#b303-glass-root [data-icon="sports"] .b303-title { --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="casino"] .b303-title { --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="tournament"] .b303-title { --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="trust"] .b303-title { --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="bonus"] .b303-title { --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="app"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="link"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="crash"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="world"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="money"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="gift"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="wheel"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="game"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="affiliate"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="vpn"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
#b303-glass-root [data-icon="tips"] .b303-title{ --b303-icon: url("data:image/svg+xml;utf8,"); }
/* Media */
#b303-glass-root .b303-media{
margin: 14px 0 18px;
border-radius: clamp(14px, 2.2vw, 20px);
overflow: hidden;
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 14px 42px rgba(0,0,0,.38);
background: rgba(0,0,0,.18);
}
#b303-glass-root .b303-media img{
display:block;
width: 100%;
height: auto;
}
/* Video */
#b303-glass-root .b303-video{
margin: 18px 0;
border-radius: 18px;
overflow:hidden;
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 14px 42px rgba(0,0,0,.38);
aspect-ratio: 16/9;
background:#000;
position: relative;
}
#b303-glass-root .b303-video iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
/* ========== BONUS ========== */
#b303-glass-root .b303-bonus-groups{
display:flex;
flex-direction: column;
gap: 16px;
margin-top: 12px;
}
#b303-glass-root .b303-bonus-group{
position: relative;
border-radius: 20px;
overflow: hidden;
background:
linear-gradient(180deg, rgba(0,230,118,.14), rgba(255,255,255,.04)) padding-box,
linear-gradient(135deg, rgba(0,255,136,.55), rgba(0,184,98,.18), rgba(255,255,255,.10)) border-box;
border: 1px solid transparent;
box-shadow: 0 16px 40px rgba(0,0,0,.30);
}
#b303-glass-root .b303-bonus-group::before{
content:"";
position:absolute;
inset:-1px;
background:
radial-gradient(700px 220px at 18% 0%, rgba(0,255,136,.16), transparent 62%),
radial-gradient(700px 220px at 82% 0%, rgba(0,184,98,.12), transparent 62%);
pointer-events:none;
}
#b303-glass-root .b303-group-title{
position: relative;
z-index: 1;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding: 14px 16px;
font-weight: 900;
font-size: clamp(16px, 1.6vw, 18px);
color: #062112;
background: linear-gradient(180deg, #00ff88, #00c853);
}
#b303-glass-root .b303-group-title::after{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height: 1px;
background: linear-gradient(to left, transparent, rgba(255,255,255,.55), transparent);
opacity: .7;
}
#b303-glass-root .b303-tag{
font-size: 12.5px;
font-weight: 900;
padding: 6px 10px;
border-radius: 999px;
color: #062112;
background: rgba(255,255,255,.26);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
#b303-glass-root .b303-bonus-grid{
position: relative;
z-index: 1;
list-style: none;
margin: 0;
padding: 14px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 12px;
background:
radial-gradient(900px 420px at 30% 0%, rgba(0,255,136,.07), transparent 60%),
linear-gradient(180deg, rgba(7,26,16,.92), rgba(10,36,22,.86));
}
#b303-glass-root .b303-bonus-card{
display:flex;
gap: 10px;
align-items:flex-start;
padding: 12px;
border-radius: 16px;
border: 1px solid rgba(0,230,118,.18);
background:
radial-gradient(420px 120px at 20% 0%, rgba(0,255,136,.10), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
box-shadow: 0 10px 22px rgba(0,0,0,.22);
}
#b303-glass-root .b303-emoji{
width: 40px;
height: 40px;
flex: 0 0 40px;
display:grid;
place-items:center;
border-radius: 14px;
background: linear-gradient(180deg, rgba(0,255,136,.20), rgba(0,184,98,.10));
box-shadow: inset 0 0 0 1px rgba(0,255,136,.20);
font-size: 18px;
}
#b303-glass-root .b303-txt{
font-weight: 800;
font-size: clamp(14px, 1.15vw, 15px);
line-height: 1.75;
color: rgba(255,255,255,.93);
min-width: 0;
}
@media (hover:hover) and (pointer:fine){
#b303-glass-root .b303-bonus-card:hover{
border-color: rgba(0,255,136,.34);
box-shadow: 0 14px 30px rgba(0,0,0,.30);
}
}
/* Desktop optimizations for #b303-glass-root */
@media (min-width: 1024px) {
#b303-glass-root {
padding: clamp(24px, 2.5vw, 40px);
}
#b303-glass-root .b303-bonus-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
padding: 20px;
}
#b303-glass-root .b303-bonus-card {
padding: 16px;
}
#b303-glass-root .b303-group-title {
padding: 18px 20px;
font-size: clamp(18px, 1.5vw, 20px);
}
#b303-glass-root .b303-txt {
font-size: clamp(15px, 1.1vw, 17px);
}
}
@media (min-width: 1440px) {
#b303-glass-root {
max-width: 1400px;
padding: 40px;
}
}
/* Mobile */
@media (max-width: 560px){
#b303-glass-root{ margin: 14px auto; }
#b303-glass-root .b303-bonus-grid{ grid-template-columns: 1fr; }
#b303-glass-root .b303-group-title{ padding: 12px 14px; }
#b303-glass-root .b303-txt{ font-size: 14px; }
}
/* ========== 2. BET303ER ROOT (خطای 1009) ========== */
#bet303er-root {
--primary-neon: #00ff88;
--error-red: #ff4757;
--accent-blue: #00d2ff;
--primary-glow: rgba(0, 255, 136, 0.4);
--glass-bg: rgba(14, 17, 44, 0.336);
--glass-border: rgba(255, 255, 255, 0.205);
--text-main: #ffffff;
--text-dim: rgba(255, 255, 255, 0.7);
--b303-pad: clamp(16px, 3.5vw, 32px);
direction: rtl;
font-family: 'Tahoma', 'Segoe UI', sans-serif;
width: 100%;
max-width: 1200px;
margin: 20px auto;
line-height: 1.6;
padding: var(--b303-pad);
box-sizing: border-box;
overflow-x: hidden;
}
@media (min-width: 1024px) {
#bet303er-root {
padding: clamp(24px, 2.5vw, 32px);
}
}
#bet303er-root * {
box-sizing: border-box;
}
.bet303er-section {
background: var(--glass-bg);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid var(--glass-border);
border-radius: clamp(18px, 5vw, 28px);
padding: clamp(16px, 4vw, 30px);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
position: relative;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.bet303er-section {
padding: clamp(20px, 3vw, 30px);
}
}
.bet303er-title {
font-size: clamp(1.1rem, 4vw, 1.4rem);
font-weight: 800;
color: var(--error-red);
margin-bottom: clamp(12px, 3vw, 20px);
display: flex;
align-items: center;
gap: clamp(8px, 2vw, 12px);
text-shadow: 0 0 20px rgba(255, 71, 87, 0.4);
word-wrap: break-word;
flex-wrap: wrap;
}
.bet303er-title svg {
width: clamp(20px, 5vw, 28px);
height: clamp(20px, 5vw, 28px);
flex-shrink: 0;
}
.bet303er-note {
color: var(--text-dim);
font-size: clamp(0.85rem, 2.5vw, 0.95rem);
margin-bottom: clamp(12px, 3vw, 15px);
background: rgba(255, 255, 255, 0.04);
padding: clamp(12px, 3vw, 18px);
border-radius: clamp(12px, 3vw, 16px);
border-right: clamp(3px, 0.8vw, 4px) solid var(--error-red);
word-wrap: break-word;
line-height: 1.7;
}
.bet303er-grid-label {
display: block;
font-weight: 700;
color: var(--primary-neon);
margin: clamp(20px, 5vw, 30px) 0 clamp(12px, 3vw, 15px);
font-size: clamp(0.95rem, 3vw, 1.1rem);
}
.bet303er-countries {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: clamp(8px, 2vw, 12px);
margin-bottom: clamp(20px, 5vw, 30px);
}
.bet303er-chip {
background: rgba(255, 255, 255, 0.06);
border: 1px solid var(--glass-border);
padding: clamp(8px, 2vw, 12px) clamp(6px, 1.5vw, 10px);
border-radius: clamp(10px, 2.5vw, 14px);
display: flex;
align-items: center;
gap: clamp(6px, 1.5vw, 8px);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
cursor: default;
min-width: 0;
}
.bet303er-chip:hover {
background: rgba(0, 255, 136, 0.1);
border-color: var(--primary-neon);
transform: translateY(-5px);
box-shadow: 0 10px 20px -5px rgba(0, 255, 136, 0.2);
}
.bet303er-flag-wrapper {
width: clamp(20px, 5vw, 24px);
height: clamp(15px, 3.5vw, 18px);
border-radius: 3px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
flex-shrink: 0;
}
.bet303er-flag-wrapper svg {
width: 100%;
height: 100%;
display: block;
}
.bet303er-chip span {
font-size: clamp(0.7rem, 2vw, 0.8rem);
font-weight: 600;
color: var(--primary-neon);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.bet303er-actions {
display: flex;
gap: clamp(10px, 2.5vw, 15px);
margin-top: clamp(20px, 5vw, 30px);
flex-wrap: wrap;
}
.bet303er-btn {
flex: 1;
min-width: 0;
position: relative;
text-decoration: none;
padding: clamp(12px, 3vw, 15px) clamp(10px, 2.5vw, 14px);
border-radius: clamp(14px, 3.5vw, 18px);
display: flex;
align-items: center;
justify-content: center;
gap: clamp(6px, 1.5vw, 8px);
font-weight: 800;
font-size: clamp(0.8rem, 2.2vw, 0.9rem);
overflow: hidden;
transition: all 0.4s ease;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
}
.bet303er-btn svg {
width: clamp(16px, 4vw, 20px);
height: clamp(16px, 4vw, 20px);
flex-shrink: 0;
}
.bet303er-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);
transition: all 0.6s ease;
}
.bet303er-btn:hover::before {
left: 100%;
}
.bet303er-btn-support {
background: linear-gradient(135deg, #00ff88 0%, #00b862 100%);
color: #050a0e;
}
.bet303er-btn-bot {
background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%);
color: #fff;
}
.bet303er-feature-card {
background: linear-gradient(135deg, rgba(0, 255, 136, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
border: 1px solid rgba(0, 255, 136, 0.3);
border-radius: clamp(16px, 4vw, 24px);
padding: clamp(14px, 3.5vw, 20px);
margin: clamp(20px, 5vw, 30px) 0;
}
.bet303er-feature-header {
display: flex;
align-items: center;
gap: clamp(8px, 2vw, 12px);
color: var(--primary-neon);
font-weight: 900;
margin-bottom: clamp(12px, 3vw, 20px);
font-size: clamp(0.85rem, 2.5vw, 1rem);
flex-wrap: wrap;
}
.bet303er-feature-header svg {
width: clamp(20px, 5vw, 24px);
height: clamp(20px, 5vw, 24px);
flex-shrink: 0;
}
.bet303er-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(10px, 2.5vw, 15px);
}
.bet303er-step {
text-align: center;
font-size: clamp(0.75rem, 2vw, 0.85rem);
color: var(--text-dim);
line-height: 1.6;
}
.bet303er-step-num {
width: clamp(28px, 7vw, 32px);
height: clamp(28px, 7vw, 32px);
background: var(--primary-neon);
color: #08120d;
border-radius: clamp(8px, 2vw, 10px);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto clamp(10px, 2.5vw, 12px);
font-weight: bold;
font-size: clamp(0.9rem, 2.2vw, 1rem);
box-shadow: 0 4px 10px rgba(0, 255, 136, 0.3);
}
@media (max-width: 768px) {
#bet303er-root {
padding: clamp(12px, 2.5vw, 20px);
margin: clamp(14px, 2.5vw, 20px) auto;
max-width: 100%;
width: 100%;
}
.bet303er-section {
padding: clamp(10px, 2.5vw, 16px);
border-radius: clamp(12px, 2.5vw, 16px);
width: 100%;
margin: 0;
}
.bet303er-steps {
grid-template-columns: 1fr;
gap: clamp(20px, 5vw, 25px);
}
.bet303er-actions {
flex-direction: column;
gap: clamp(10px, 2.5vw, 12px);
}
.bet303er-btn {
width: 100%;
padding: clamp(14px, 3.5vw, 18px);
}
.bet303er-countries {
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
gap: clamp(6px, 1.5vw, 10px);
}
.bet303er-feature-card {
padding: clamp(14px, 3vw, 20px);
margin: clamp(20px, 4vw, 28px) 0;
}
.bet303er-note {
padding: clamp(12px, 2.5vw, 18px);
}
}
@media (max-width: 560px) {
#bet303er-root {
padding: clamp(10px, 2vw, 16px);
margin: clamp(14px, 2.5vw, 20px) auto;
}
.bet303er-section {
padding: clamp(8px, 2vw, 14px);
border-radius: clamp(10px, 2vw, 14px);
}
.bet303er-note {
padding: clamp(10px, 2.2vw, 16px);
}
.bet303er-feature-card {
padding: clamp(12px, 2.5vw, 18px);
margin: clamp(16px, 3.5vw, 24px) 0;
}
.bet303er-countries {
grid-template-columns: repeat(2, 1fr);
gap: clamp(6px, 1.5vw, 8px);
}
.bet303er-chip {
padding: clamp(6px, 1.5vw, 10px) clamp(5px, 1.2vw, 8px);
}
.bet303er-title {
font-size: clamp(1rem, 3.5vw, 1.15rem);
}
}
@media (max-width: 400px) {
#bet303er-root {
padding: clamp(8px, 1.5vw, 14px);
margin: clamp(12px, 2vw, 18px) auto;
}
.bet303er-section {
padding: clamp(6px, 1.5vw, 12px);
border-radius: clamp(8px, 1.5vw, 12px);
}
.bet303er-note {
padding: clamp(8px, 2vw, 14px);
}
.bet303er-feature-card {
padding: clamp(10px, 2.2vw, 16px);
}
.bet303er-countries {
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.bet303er-chip span {
font-size: clamp(0.65rem, 1.8vw, 0.7rem);
}
.bet303er-flag-wrapper {
width: clamp(18px, 4.5vw, 20px);
height: clamp(13px, 3vw, 15px);
}
}
/* ========== 3. BET303 QUICK ACCESS (دسترسی سریع) ========== */
.bet303qa{
--bet303-green:#00ff88;
--bet303-green2:#00b862;
--bet303-border: rgba(255,255,255,.10);
--bet303-text:#fff;
--bet303-muted: rgba(255,255,255,.78);
--bet303-radius: 22px;
--bet303-shadow: 0 18px 60px rgba(0,0,0,.45);
--bet303-glow: 0 0 22px rgba(0,255,136,.22);
font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
color: var(--bet303-text);
width: 100%;
max-width: 980px;
margin: 0 auto 22px;
box-sizing: border-box;
}
.bet303qa, .bet303qa *{ box-sizing:border-box; }
.bet303qa a{ color: inherit; text-decoration: none; }
.bet303qa-shell{
position: relative;
overflow: hidden;
border-radius: var(--bet303-radius);
border: 1px solid var(--bet303-border);
background: linear-gradient(180deg, rgba(0,255,136,.10), rgba(255,255,255,.02));
box-shadow: var(--bet303-shadow);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
.bet303qa-shell{
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
}
.bet303qa-shell::before{
content:"";
position:absolute;
inset:-2px;
background:
radial-gradient(700px 220px at 18% 0%, rgba(0,255,136,.22), transparent 60%),
radial-gradient(700px 220px at 82% 0%, rgba(0,184,98,.18), transparent 62%);
pointer-events:none;
z-index:0;
}
.bet303qa-shell > *{ position:relative; z-index:1; }
.bet303qa-toggle{
width:100%;
border:0;
background: transparent;
color: inherit;
cursor:pointer;
text-align:right;
padding: clamp(14px, 4vw, 22px);
display:flex;
align-items:flex-start;
justify-content: space-between;
gap: clamp(10px, 3vw, 14px);
}
.bet303qa-toggle:focus{ outline:none; }
.bet303qa-toggle:focus-visible{
border-radius: calc(var(--bet303-radius) - 6px);
box-shadow: 0 0 0 3px rgba(0,255,136,.18);
}
.bet303qa-toggleLeft{
min-width: 0;
display:flex;
align-items:flex-start;
gap: clamp(8px, 2.5vw, 12px);
flex: 1 1 auto;
}
.bet303qa-badge{
width: clamp(32px, 9vw, 38px);
height: clamp(32px, 9vw, 38px);
border-radius: 14px;
display:grid; place-items:center;
background: rgba(0,255,136,.14);
border: 1px solid rgba(0,255,136,.30);
box-shadow: var(--bet303-glow);
flex: 0 0 auto;
margin-top: 2px;
font-size: clamp(16px, 4.5vw, 20px);
}
.bet303qa-titleBox{ min-width: 0; display:flex; flex-direction:column; }
.bet303qa-title{
font-weight: 900;
font-size: clamp(15px, 4vw, 22px);
letter-spacing: -.2px;
line-height: 1.4;
}
.bet303qa-sub{
margin-top: 4px;
color: var(--bet303-muted);
font-size: clamp(11px, 3vw, 13.5px);
line-height: 1.6;
}
.bet303qa-toggleRight{
display:flex;
align-items:center;
gap: 10px;
flex: 0 0 auto;
}
.bet303qa-pill{
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.04);
border-radius: 999px;
padding: 8px 10px;
font-weight: 800;
font-size: 12.5px;
color: rgba(255,255,255,.92);
display:inline-flex;
align-items:center;
user-select:none;
}
.bet303qa-chevron{
width: clamp(32px, 9vw, 38px);
height: clamp(32px, 9vw, 38px);
border-radius: 14px;
display:grid; place-items:center;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.04);
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
font-size: clamp(14px, 3.5vw, 18px);
}
.bet303qa-open .bet303qa-chevron{
transform: rotate(180deg);
border-color: rgba(0,255,136,.40);
box-shadow: 0 0 0 3px rgba(0,255,136,.10);
}
.bet303qa-panel{
border-top: 1px solid rgba(255,255,255,.08);
overflow: hidden;
max-height: 0;
transition: max-height .32s ease;
}
.bet303qa-inner{
padding: clamp(14px, 2.6vw, 22px);
}
.bet303qa-actions{
display:flex;
flex-wrap: wrap;
gap: 10px;
align-items:center;
margin-bottom: 12px;
}
.bet303qa-btn{
appearance:none;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.04);
color:#fff;
font-family: inherit;
border-radius: 14px;
padding: clamp(9px, 2.5vw, 12px) clamp(12px, 3vw, 16px);
font-weight: 900;
font-size: clamp(12px, 3vw, 13.3px);
cursor:pointer;
user-select:none;
display:inline-flex;
align-items:center;
gap: clamp(6px, 1.5vw, 8px);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
white-space: nowrap;
}
.bet303qa-btn:focus{ outline:none; }
.bet303qa-btn:focus-visible{
box-shadow: 0 0 0 3px rgba(0,255,136,.16);
}
@media (hover:hover) and (pointer:fine){
.bet303qa-btn:hover{
transform: translateY(-1px);
border-color: rgba(0,255,136,.40);
box-shadow: 0 10px 24px rgba(0,0,0,.35), 0 0 0 3px rgba(0,255,136,.10);
}
}
.bet303qa-btnPrimary{
background: linear-gradient(135deg, rgba(0,255,136,.95), rgba(0,184,98,.92));
border-color: rgba(0,255,136,.55);
color: #08120d;
}
.bet303qa-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 12px;
}
.bet303qa-tile{
border: 1px solid rgba(255,255,255,.12);
background: rgba(255,255,255,.03);
color: inherit;
border-radius: clamp(14px, 4vw, 18px);
padding: clamp(10px, 3vw, 14px);
cursor:pointer;
text-align:right;
display:flex;
flex-direction:column;
gap: clamp(6px, 1.5vw, 8px);
min-height: clamp(100px, 25vw, 120px);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
contain: content;
}
.bet303qa-tile:focus{ outline:none; }
.bet303qa-tile:focus-visible{
box-shadow: 0 0 0 3px rgba(0,255,136,.16);
}
@media (hover:hover) and (pointer:fine){
.bet303qa-tile:hover{
transform: translateY(-2px);
border-color: rgba(0,255,136,.34);
box-shadow: 0 18px 46px rgba(0,0,0,.42), 0 0 0 3px rgba(0,255,136,.08);
}
}
.bet303qa-tileTop{
display:flex;
align-items:center;
justify-content: space-between;
gap: 10px;
}
.bet303qa-dot{
width:10px;height:10px;border-radius:50%;
background: rgba(0,255,136,.95);
box-shadow: 0 0 18px rgba(0,255,136,.28);
flex: 0 0 auto;
}
.bet303qa-tileTitle{
flex: 1 1 auto;
min-width: 0;
font-weight: 900;
font-size: clamp(13px, 3.5vw, 14.5px);
line-height: 1.4;
}
.bet303qa-emoji{ opacity:.9; }
.bet303qa-tileSub{
color: rgba(255,255,255,.72);
font-size: clamp(11px, 2.8vw, 12.2px);
line-height: 1.65;
}
.bet303qa-foot{
margin-top: 12px;
display:flex;
flex-wrap: wrap;
gap: 10px;
align-items:center;
justify-content: space-between;
}
.bet303qa-social{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
}
.bet303qa-note{
color: rgba(255,255,255,.65);
font-size: 12px;
line-height: 1.8;
}
.bet303qa-highlight{
outline: 2px solid rgba(0,255,136,.55);
box-shadow: 0 0 0 4px rgba(0,255,136,.12), 0 18px 60px rgba(0,0,0,.45);
border-radius: 18px;
transition: outline .35s ease, box-shadow .35s ease;
}
@media (max-width: 1024px) and (min-width: 769px){
.bet303qa-grid{
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
}
@media (max-width: 768px){
.bet303qa{
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
border-radius: clamp(16px, 4vw, 20px);
box-sizing: border-box;
overflow-x: hidden;
}
.bet303qa-shell{
border-radius: clamp(16px, 4vw, 20px);
border-left: 1px solid var(--bet303-border);
border-right: 1px solid var(--bet303-border);
overflow: hidden;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.bet303qa-pill{ display:none; }
.bet303qa-foot{
flex-direction: column;
align-items: flex-start;
gap: clamp(8px, 2vw, 12px);
}
.bet303qa-inner{
padding: clamp(14px, 4vw, 20px);
box-sizing: border-box;
}
.bet303qa-toggle{
padding: clamp(14px, 4vw, 20px);
box-sizing: border-box;
}
.bet303qa-actions{
gap: clamp(8px, 2vw, 10px);
}
.bet303qa-social{
gap: clamp(8px, 2vw, 10px);
}
.bet303qa-note{
font-size: clamp(11px, 2.8vw, 12px);
line-height: 1.7;
}
.bet303qa-grid{
grid-template-columns: 1fr;
gap: clamp(8px, 2vw, 12px);
}
}
@media (max-width: 480px){
.bet303qa-toggle{
flex-direction: row;
align-items: center;
}
.bet303qa-toggleLeft{
gap: clamp(6px, 2vw, 10px);
}
.bet303qa-toggleRight{
justify-content: flex-end;
gap: clamp(6px, 1.5vw, 10px);
}
.bet303qa-actions{
flex-direction: column;
gap: 8px;
}
.bet303qa-btn{
width: 100%;
justify-content: center;
padding: clamp(10px, 3vw, 12px) clamp(14px, 4vw, 16px);
}
.bet303qa-tile{
min-height: clamp(90px, 22vw, 110px);
}
.bet303qa-tileTop{
gap: clamp(6px, 1.5vw, 10px);
}
}
@media (max-width: 360px){
.bet303qa-title{
font-size: clamp(14px, 4vw, 16px);
}
.bet303qa-sub{
font-size: clamp(10px, 2.8vw, 11px);
}
.bet303qa-badge,
.bet303qa-chevron{
width: clamp(28px, 8vw, 32px);
height: clamp(28px, 8vw, 32px);
}
.bet303qa-tileTitle{
font-size: clamp(12px, 3.2vw, 13px);
}
.bet303qa-tileSub{
font-size: clamp(10px, 2.5vw, 11px);
}
}
@media (prefers-reduced-motion: reduce){
.bet303qa *{ transition:none !important; }
}
/* ========== 4. SOLIDX WRAP (دکمههای دانلود) ========== */
.solidx-wrap,
.solidx-wrap * ,
.solidx-wrap *::before,
.solidx-wrap *::after{
box-sizing:border-box;
}
.solidx-wrap{
--g-1:#00e676;
--g-2:#00c853;
--ink-1:#062112;
--ink-2:#08301a;
--font-farsi:"Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--btn-max: 560px;
--btn-h: 88px;
--radius: 22px;
--ic-box: 66px;
--gap: 16px;
--fs: clamp(18px, 2.8vw, 24px);
width:100%;
max-width:var(--btn-max);
margin:0 auto;
display:flex;
flex-direction:column;
gap:18px;
font-family:var(--font-farsi);
}
.solidx-btn{
--fill:#fff;
--ink: var(--ink-2);
--ring: rgba(0, 200, 83, .22);
--spin: rgba(0, 200, 83, .85);
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
flex-direction:row;
gap:var(--gap);
width:100%;
min-height:var(--btn-h);
padding-block:14px;
padding-inline:24px;
border-radius:var(--radius);
text-decoration:none;
color:var(--ink);
overflow:hidden;
isolation:isolate;
transition:transform .2s ease, box-shadow .2s ease;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.solidx-btn::before{
content:"";
position:absolute;
inset:-70%;
background:conic-gradient(
from 180deg,
transparent 0 70%,
var(--spin) 70% 82%,
transparent 82% 100%
);
z-index:-2;
opacity:0;
transform:rotate(0deg);
pointer-events:none;
}
.solidx-btn::after{
content:"";
position:absolute;
inset:2px;
background:var(--fill);
border-radius:calc(var(--radius) - 2px);
z-index:-1;
pointer-events:none;
box-shadow:
0 12px 28px rgba(8, 22, 14, .08),
inset 0 0 0 1px rgba(0, 200, 83, .22);
}
.solidx-text{
font-weight:900;
font-size:var(--fs);
line-height:1.2;
letter-spacing:-0.2px;
text-align:start;
flex:1 1 auto;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:clip;
}
.solidx-ic{
width:var(--ic-box);
height:var(--ic-box);
flex:0 0 var(--ic-box);
border-radius:18px;
display:grid;
place-items:center;
transition:transform .2s ease;
}
.solidx-svg{
width:28px;
height:28px;
display:block;
fill:currentColor;
}
.solidx-green{
--fill: linear-gradient(180deg, var(--g-1), var(--g-2));
--ink: var(--ink-1);
--spin: rgba(255,255,255,.95);
--ring: rgba(0, 230, 118, .42);
}
.solidx-white{
--fill:#fff;
--ink: var(--ink-2);
--spin: rgba(0, 200, 83, .85);
--ring: rgba(0, 200, 83, .20);
}
.solidx-green .solidx-ic{
background: rgba(255,255,255,.16);
box-shadow:
inset 0 0 0 2px rgba(255,255,255,.18),
0 10px 18px rgba(0,0,0,.10);
}
.solidx-white .solidx-ic{
background: rgba(0,230,118,.08);
box-shadow:
inset 0 0 0 2px rgba(0,200,83,.14),
0 10px 18px rgba(0,0,0,.08);
}
@media (hover:hover) and (pointer:fine){
.solidx-btn:hover{
transform: translateY(-2px);
box-shadow: 0 18px 40px var(--ring);
}
.solidx-btn:hover .solidx-ic{
transform: scale(1.04);
}
}
.solidx-btn:focus-visible{
outline: none;
box-shadow: 0 0 0 4px var(--ring), 0 18px 40px rgba(0,0,0,.06);
}
.solidx-motion::before{
opacity:.95;
animation: solidxSpin 3.2s linear infinite;
will-change: transform;
}
@media (hover:hover) and (pointer:fine){
.solidx-motion:hover::before{ animation-duration:1.6s; }
}
@keyframes solidxSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
.solidx-btn,
.solidx-ic{ transition:none; }
.solidx-motion::before{ animation:none; opacity:0; }
}
@supports not (background: conic-gradient(from 0deg, #000, #000)){
.solidx-btn::before{ display:none; }
}
@supports not (gap: 1rem){
.solidx-btn > * + *{ margin-inline-start: var(--gap); }
}
@media (max-width: 480px){
.solidx-wrap{
--btn-h: 82px;
--ic-box: 60px;
--fs: clamp(16px, 4.6vw, 20px);
}
.solidx-text{
white-space:normal;
overflow:visible;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89def2e */.b303-promo-banner{
width: 100%;
display: flex;
justify-content: center;
padding: 8px 0;
}
.b303-promo-banner__link{
display: block;
max-width: min(980px, 100%);
border-radius: 18px;
overflow: hidden;
border: 1px solid rgba(0,255,136,.22);
box-shadow: 0 10px 28px rgba(0,0,0,.25);
transform: translateZ(0);
}
.b303-promo-banner__img{
display: block;
width: 100%;
height: auto;
border-radius: 18px;
}
@media (max-width: 480px){
.b303-promo-banner__link,
.b303-promo-banner__img{
border-radius: 14px;
}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-39be3c49 *//* ========== BET303 CENTER BOX (Clean + Responsive + Faster) ========== */
.bet303-center-box{
--bet303-accent:#75ef51;
--bet303-bg1:#000000;
--bet303-bg2:#061803;
--bet303-border:#222;
--bet303-text:#f0f0f0;
font-family: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
direction: rtl;
text-align: center;
color: var(--bet303-text);
font-size: clamp(14px, 1.25vw, 16px);
line-height: 2.0;
background: linear-gradient(180deg, var(--bet303-bg1) 0%, var(--bet303-bg2) 50%, var(--bet303-bg1) 100%);
border: 1px solid var(--bet303-border);
border-bottom: 4px solid var(--bet303-accent);
border-radius: 18px;
padding: clamp(16px, 3.2vw, 35px);
margin: 0 auto;
box-shadow: 0 10px 36px rgba(0,0,0,.75);
position: relative;
overflow: hidden;
}
/* فقط روی دستگاههایی که hover واقعی دارند */
@media (hover:hover) and (pointer:fine){
.bet303-center-box{
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.bet303-center-box:hover{
transform: translateY(-3px);
box-shadow: 0 18px 46px rgba(0,0,0,.78), 0 0 0 3px rgba(117,239,81,.06);
border-color: #2c2c2c;
}
}
/* Glow تزئینی سبک */
.bet303-center-box::before{
content:"";
position:absolute;
top:-56px;
left:50%;
transform: translateX(-50%);
width: min(260px, 70vw);
height: 120px;
background: radial-gradient(ellipse at center, rgba(117,239,81,.18) 0%, transparent 70%);
pointer-events:none;
}
/* Highlight words */
.bet303-neon-text{
color: var(--bet303-accent);
font-weight: 900;
text-shadow: 0 0 12px rgba(117,239,81,.18);
white-space: nowrap;
}
/* CTA link button */
.bet303-brand-btn{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background: var(--bet303-accent);
color: #000; /* تا حد ممکن بدون !important */
text-decoration: none; /* بدون !important */
padding: 4px 12px;
border-radius: 8px;
font-weight: 900;
font-size: 1.05em;
margin: 0 6px;
box-shadow: 0 0 14px rgba(117,239,81,.35);
border: 1px solid rgba(0,0,0,.25);
transform: translateZ(0);
}
/* اگر قالب وردپرس رنگ لینک را override میکند، این 2 خط را فعال کن:
.bet303-brand-btn{ color:#000 !important; text-decoration:none !important; }
*/
@media (hover:hover) and (pointer:fine){
.bet303-brand-btn{
transition: filter .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bet303-brand-btn:hover{
filter: brightness(1.08);
box-shadow: 0 0 22px rgba(117,239,81,.55);
transform: translateY(-1px);
}
}
/* موبایل: جلوگیری از کش آمدن بیش از حد */
@media (max-width: 480px){
.bet303-center-box{ line-height: 1.9; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-960e486 *//* ===== Bet303 Social Icons (Optimized) ===== */
.social-icons-list{
--s-size: 50px;
--s-icon: 22px;
--s-gap: clamp(10px, 2.2vw, 20px);
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap; /* جلوگیری از اسکرول افقی */
justify-content: center;
align-items: center;
gap: var(--s-gap);
}
/* هر آیتم */
.social-item{
position: relative;
}
/* لینک اصلی */
.social-item > a{
position: relative;
display: grid;
place-items: center;
width: var(--s-size);
height: var(--s-size);
border-radius: 999px;
color: #fff;
text-decoration: none;
border: 1px solid rgba(255,255,255,.12);
box-shadow: 0 6px 14px rgba(0,0,0,.22);
overflow: visible;
-webkit-tap-highlight-color: transparent;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.social-item > a:focus{
outline: none;
}
.social-item > a:focus-visible{
box-shadow: 0 0 0 3px rgba(0,255,136,.18), 0 10px 22px rgba(0,0,0,.32);
}
/* SVG */
.social-item > a svg{
width: var(--s-icon);
height: var(--s-icon);
display: block;
transition: transform .18s ease;
}
/* Hover فقط روی دستگاههای hoverدار */
@media (hover:hover){
.social-item > a:hover{
transform: translateY(-4px);
filter: brightness(1.03);
}
.social-item > a:hover svg{
transform: scale(1.08);
}
}
/* Tooltip (داخل لینک) */
.social-item > a .tooltip{
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%) translateY(6px);
background: rgba(0,0,0,.82);
color: #fff;
padding: 6px 10px;
border-radius: 10px;
font: inherit;
font-size: 12px;
line-height: 1;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
z-index: 5;
}
.social-item > a .tooltip::after{
content: "";
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgba(0,0,0,.82);
}
/* Tooltip: hover + focus-visible */
@media (hover:hover){
.social-item > a:hover .tooltip{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
}
.social-item > a:focus-visible .tooltip{
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
/* --- Brand Colors (همان منطق قبلی، ولی تمیزتر) --- */
.social-item > a[data-social="medium"]{ background:#00ab6c; }
.social-item > a[data-social="telegram"]{ background:#24A1DE; }
.social-item > a[data-social="facebook"]{ background:#1877F2; }
.social-item > a[data-social="twitter"]{ background:#1DA1F2; }
.social-item > a[data-social="instagram"]{
background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.social-item > a[data-social="youtube"]{ background:#FF0000; }
/* Glow سبک و کمهزینهتر (بدون انیمیشن اضافی) */
@media (hover:hover){
.social-item > a[data-social="medium"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
.social-item > a[data-social="telegram"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
.social-item > a[data-social="facebook"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
.social-item > a[data-social="twitter"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
.social-item > a[data-social="instagram"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
.social-item > a[data-social="youtube"]:hover{ box-shadow: 0 0 0 3px rgba(0,255,136,.10), 0 16px 26px rgba(0,0,0,.35); }
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.social-item > a,
.social-item > a svg,
.social-item > a .tooltip{
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08fff82 *//* ===== Bet303 Footer Badge (Optimized / Green Theme) ===== */
.bet303-glow-box{
display:flex;
justify-content:center;
padding: clamp(12px, 2vw, 20px);
}
.bet303-glow-box,
.bet303-glow-box *{
box-sizing: border-box;
}
.bet303-glass-card{
position: relative;
padding: 2px; /* ضخامت بُردر */
border-radius: 16px;
background: linear-gradient(90deg, #1a1a1a, #75ef51, #1a1a1a);
box-shadow: 0 10px 26px rgba(0,0,0,.35);
transition: transform .18s ease, box-shadow .18s ease;
}
.bet303-glass-card:hover,
.bet303-glass-card:focus-within{
transform: translateY(-1px);
box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 0 3px rgba(117,239,81,.10);
}
.bet303-inner{
background: rgba(10, 10, 10, 0.88);
border-radius: 14px; /* کمی کمتر از والد */
padding: clamp(10px, 2vw, 12px) clamp(14px, 3vw, 22px);
display:flex;
align-items:center;
gap: 10px;
row-gap: 6px;
flex-wrap: wrap; /* ریسپانسیو */
color: rgba(255,255,255,.72);
font-family: inherit; /* با فونت سایت هماهنگ */
font-size: 13px;
line-height: 1.4;
}
@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){
.bet303-inner{
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
}
.bet303-inner img{
width: 20px;
height: 20px;
display:block;
filter: grayscale(1);
opacity: .92;
transition: filter .18s ease, opacity .18s ease;
}
/* Fix: فیلترها در یک خط (بدون override) */
.bet303-glass-card:hover .bet303-inner img,
.bet303-glass-card:focus-within .bet303-inner img{
opacity: 1;
filter: grayscale(0) drop-shadow(0 0 6px rgba(117,239,81,.55));
}
.bet303-meta{
unicode-bidi: isolate;
}
.bet303-clean-link{
unicode-bidi: isolate;
font-weight: 800;
letter-spacing: .4px;
text-decoration: none;
color: #75ef51; /* fallback امن برای همه مرورگرها */
}
.bet303-clean-link:hover{
text-decoration: underline;
text-underline-offset: 3px;
}
/* گرادیان متن فقط وقتی WebKit پشتیبانی کند */
@supports (-webkit-background-clip: text){
.bet303-clean-link{
background: linear-gradient(90deg, #ffffff, #75ef51);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.bet303-clean-link:focus-visible{
outline: none;
box-shadow: 0 0 0 3px rgba(117,239,81,.18);
border-radius: 6px;
}
/* Reduced Motion */
@media (prefers-reduced-motion: reduce){
.bet303-glass-card,
.bet303-inner img{
transition: none !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'iransans';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url('https://bet303.bet/wp-content/uploads/2023/12/FontsFree-Net-ir_sans.ttf') format('truetype');
}
/* End Custom Fonts CSS */