@font-face {
font-family: "IRANYekanWeb";
src: url(//verna.ir/wp-content/plugins/buy-with-digikala/assets/public/fonts/IRANYekanWebRegular.woff)
}
.digikala-box {
background-color: #fff1f1;
border-radius: 16px;
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 24px;
}
.digikala-content {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 960px;
}
.digikala-logo {
width: 36px;
height: 36px;
}
.digikala-text {
flex: 1;
min-width: 200px;
font-size: 14px;
color: #333;
direction: rtl;
}
.digikala-text strong {
display: block;
font-weight: bold;
color: #000;
margin-bottom: 4px;
}
.bwdk-button {
background-color: #DA1E28;
color: #fff;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
display: inline-flex;
align-items: center;
gap: 6px;
}
.arrow {
font-size: 18px;
}
.separator {
text-align: center;
color: #999;
margin: 16px 0;
position: relative;
font-size: 18px;
}
.separator::before,
.separator::after {
content: "";
position: absolute;
top: 50%;
width: 40%;
height: 1px;
background: #ccc;
}
.separator::before {
right: 50%;
margin-right: 10px;
}
.separator::after {
left: 50%;
margin-left: 10px;
}
.digikala-box-before-header {
background: #ED1944;
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
position: relative;
z-index: 999;
}
.dg-kala-content {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
font-size: 18px;
font-weight: 700;
}
.digikala-box-after-addToCart {
background: #FFF1F1;
border-radius: 15px;
padding: 10px;
margin: 10px 0;
cursor: pointer;
}
.dk-content-sp {
display: flex;
align-items: center;
gap: 15px;
}
.title-dk-call {
display: flex;
color: #EF365C;
font-size: 14px;
font-weight: 700;
}
span.sub-dk-call {
color: #262626;
font-size: 12px;
display: flex;
align-items: center;
gap: 5px;
}
.dk-callToAction {
display: grid;
gap: 6px;
}
.digikala-modal-sp {
position: fixed;
top: 50%;
right: 50%;
background: #fff;
width: 80%;
max-width: 540px;
z-index: 1001;
min-height: 600px;
transform: translate(50%, -50%);
padding: 55px 15px 15px 15px;
border-radius: 10px;
max-height: 90%;
}
.dk-mask {
background: rgba(0, 0, 0, 0.3);
position: fixed;
inset: 0;
z-index: 1000;
width: 100vw;
height:100vh;
}
.img-modal-sp {
background: #FFF1F1;
border-radius: 10px;
text-align: center;
padding: 10px;
margin-bottom: 7%;
border: 1px solid #FFD7D9;
}
.title-modal-sp {
font-size: 14px;
color: #262626;
font-weight: 600;
margin-bottom: 7%;
display: block;
}
.desc-digikala-modal-sp img{
max-width:30px
}
.desc-digikala-modal-sp span{
font-size: 16px;
color: #000000;
font-weight: 500;
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
}
.desc-digikala-modal-sp p{
font-size: 14px;
font-weight: 400;
color: #262626;
text-align: justify;
}
.desc-digikala-modal-sp {
margin-bottom: 5%;
}
.digikala-modal-sp button{
background: #FA4D56;
color: #fff;
font-size: 14px;
border: none;
width: 100%;
min-height: 44px;
border-radius: 10px;
}
.desc-digikala-modal-sp a{
color: #0F62FE;
font-size: 14px;
margin-top: 4%;
display: block;
text-align: left;
}
i.close-modal-sp {
font-size: 16px;
color: #262626;
font-style: normal;
font-weight: 700;
position: absolute;
left: 10px;
top: 10px;
padding: 10px;
cursor: pointer;
}
.dk-mask,
.digikala-modal-sp{
display:none;
}
.digikala-box-before-ct {
background: #FFF1F1;
padding: 25px 15px 17px;
border-radius: 10px;
margin-bottom: 15px;
border: 1px solid #DA1E280A;
position: relative;
overflow: hidden;
} .logo-digi-loader {
position: absolute;
z-index: 1;
right: 50%;
top: 50%;
transform: translate(50%, -50%);
min-width: 75px;
transition: 0.5s;
}
.digikala-box-before-ct.active .logo-digi-loader {
right: -50%;
opacity: 0;
}
.dk-content-before-ct {
display: flex;
gap: 10px;
flex-direction: column;
align-items: center;
}
.sub-dk-before-ct i{
display:flex;
}
.dk-callToAction-before-ct {
display: flex;
gap: 15px;
align-items: center;
font-family: 'IRANYekanWeb';
}
.dk-content-before-ct .logo-digi{
min-width: 48px;
margin-bottom: 7px;
}
span.title-before-ct {
font-size: 14px;
font-weight: 700;
color: #262626;
}
span.sub-dk-before-ct {
color: #DA1E28;
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
flex-direction: row-reverse;
position: relative;
}
a.bwdk-button {
color: #fff !important;
font-size: 14px !important;
font-weight: 400;
min-width: 258px;
justify-content: center;
}
a.bwdk-button i{
display:flex;
}
.woocommerce-info {
font-family: "IRANYekanWeb";
}
.wrap-sub-dk-before-ct {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
position:relative;
margin: 8px 0;
}
.wrap-sub-dk-before-ct > .sub-dk-before-ct:not(:last-child)::after {
content: "";
width: 1px;
height: 16px;
opacity: 1;
border-radius: 20px;
background: #0000001F;
position: absolute;
left: 0;
top: 5px;
}
.dg-kala-content .anim-text span{
display: block;
font-size: 24px;
font-weight: 900;
}
.wrap-anim-text {
height: 40px !important;
overflow: hidden;
}
.anim-text{
text-align: center;
}
.digikala-badge-cardPd {
font-family: 'IRANYekanWeb';
background: rgba(246, 246, 246, 1);
display: inline-flex;
padding: 5px 10px;
border-radius: 12px;
align-items: center;
gap: 10px;
font-size: 10px;
font-weight: 500;
color: rgba(82, 82, 82, 1);
width: 120px;
}
.auth-divider {
align-items: center;
display: flex;
margin: 20px 0;
}
.auth-line {
background: #C6C6C6;
flex-grow: 1;
height: 1px;
}
.auth-or {
color: #6F6F6F;
font-size: 20px;
padding: 0 10px;
}
.woocommerce_before_shop_loop_item.digikala-badge-cardPd{
position: absolute;
z-index: 100;
margin: 10px;
left: 0;
}
.digikala-badge-cardPd img{
max-width:16px !important;
}
.pdp-anim-text{
height: 20px ;
overflow: hidden;
z-index: 100;
}
.wrap-pdp-anim-text{
position: absolute;
left: 15px;
background: #fff;
padding: 5px;
border-radius: 8px;
top: 15px;
z-index: 999;
}
*:has(.wrap-pdp-anim-text) {
position: relative;
}
.pdp-anim-text .anim-text span{
display: block;
font-size: 14px;
font-weight: 900;
color:rgba(237, 25, 68, 1);
text-align: center;
height:20px;
}
.anim-text img{
max-width:30px !important;
height:20px !important;
text-align: center;
margin:auto
}
.wrap-bwdk-error {
position: fixed;
top: 50%;
right: 50%;
background: rgba(255, 240, 247, 1);
z-index: 9999;
border: 2px solid rgba(218, 30, 40, 1);
padding: 15px;
border-radius: 8px;
transform: translate(50%, -50%);
width: 90%;
max-width: 400px;
display: none;
}
#bwdk-error {
font-size: 14px;
color: rgba(38, 38, 38, 1);
line-height: 2;
position:relative;
}
.wrap-bwdk-error span{
color: rgba(0, 67, 206, 1);
display: block;
text-align: left;
cursor: pointer;
}
#bwdk-error:before{
content: "!";
width: 16px;
display: inline-flex;
background: rgba(218, 30, 40, 1);
height: 16px;
color: #fff;
justify-content: center;
align-items: center;
font-size: 11px;
border-radius: 50%;
line-height: 30px;
margin-left: 10px;
}
.anim-text{
text-align: center;
}
.onsale-image {
position: absolute;
top: 15px !important;
right: unset !important;
z-index: 1;
left: 15px;
}
.digikala-addToCart-pop {
background: rgba(255, 241, 241, 1);
border-radius: 5px;
margin: 5px 0;
padding: 10px;
}
.dg-kala-addToCart-pop {
color: rgba(237, 25, 68, 1);
font-size: 12px;
font-weight: 900;
display: flex;
gap: 5px;
}
.dg-kala-addToCart-pop .anim-text span{
display:block;
height: 20px;
}
.wrap-anim-text-addToCart-pop {
height: 20px !important;
overflow: hidden;
}
.dg-kala-addToCart-pop img{
max-width:22px;
margin-left: 5px;
}
.pdp-anim-text,
.digikala-addToCart-pop,
.digikala-box-before-ct,
.digikala-box-after-addToCart,
.digikala-box-before-header {
font-family: "IRANYekanWeb";
}
@media screen and (max-width: 480px) {
.dk-content-before-ct {
flex-direction: column;
align-items: center;
gap: 10px;
padding: 10px;
}
.dk-callToAction-before-ct {
flex-direction: column;
gap: 5px;
}
a.bwdk-button {
margin-right: unset;
width: 100%;
justify-content: center;
}
}
.order-estimate-box {
flex: 0 0 100% !important;
max-width: 100% !important;
background: #DEFBE6;
padding: 10px;
border-radius: 12px;
margin: 15px 0 !important;
font-size: 16px !important;
font-family: "IRANYekanWeb" !important;
}
.order-estimate-box h3 {
margin: 0 0 10px 0;
font-size: 16px !important;
font-weight: bold;
color: #1e5f2c;
}
.order-estimate-box p {
margin: 0;
font-size: 15px;
color: #333;
}
.bwdk-woocommerce-order .woocommerce-thankyou-order-received{
flex: 0 0 100% !important;
max-width: 100% !important;
background: #DEFBE6;
padding: 10px;
border-radius: 12px;
margin: 15px 0 !important;
font-size: 16px !important;
font-family: "IRANYekanWeb" !important;
}
.bwdk-woocommerce-order .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received span {
color: #393939;
font-size: 13px;
line-height: 1.8;
}
ul.bwdk-woocommerce-order-overview.bwdk-woocommerce-thankyou-order-details.order_details {
padding: 15px;
border: 1px solid #E0E0E0;
margin: 15px 0;
list-style: none;
border-radius: 12px;
display: grid;
gap: 10px;
font-family: "IRANYekanWeb";
}
.bwdk-woocommerce-order-overview__payment-method,
.bwdk-woocommerce-order-overview__total,
.bwdk-woocommerce-order-overview__email,
.bwdk-woocommerce-order-overview__date,
.bwdk-woocommerce-order-overview__order {
color: #525252;
font-size: 15px;
font-family: "IRANYekanWeb";
}
.bwdk-woocommerce-order-overview__payment-method strong,
.bwdk-woocommerce-order-overview__total strong,
.bwdk-woocommerce-order-overview__email strong,
.bwdk-woocommerce-order-overview__date strong,
.bwdk-woocommerce-order-overview__order strong {
color: #262626;
}
.bwdk-woocommerce-column__title,
h2.bwdk-woocommerce-order-details__title {
color: #525252;
font-size: 15px;
font-family: "IRANYekanWeb" !important;
}
.bwdk-woocommerce-customer-details address{
padding: 15px;
border: 1px solid #E0E0E0;
margin: 15px 0;
list-style: none;
border-radius: 12px;
font-family: "IRANYekanWeb";
font-style: normal;
}
.bwdk-woocommerce-table .wc-item-meta{
display: flex;
list-style: none;
padding: 0;
gap:5px;
margin: 8px 0 0;
}
.bwdk-woocommerce-table .wc-item-meta li{
display: flex;
gap: 3px;
}
.bwdk-woocommerce-table a{
text-decoration: none;
}
table.bwdk-woocommerce-table th,
table.bwdk-woocommerce-table td {
border: transparent
}   table.bwdk-woocommerce-table tbody tr:hover>td, table.bwdk-woocommerce-table tbody tr:hover>th {
background: #E0E0E0 !important;
}
table thead:first-child tr:first-child th {
border-block-start: transparent;
}
table.bwdk-woocommerce-table thead:first-child tr:first-child th {
border-block-start: transparent;
border-right: transparent;
border-left: transparent;
background: #E0E0E0;
border-radius: 12px;
}
table.bwdk-woocommerce-table tfoot th,
table.bwdk-woocommerce-table tfoot td,
table.bwdk-woocommerce-table tbody td {
border-block-start: transparent;
border-right: transparent;
border-left: transparent;
background: #e0e0e04d;
border-radius: 12px;
text-align: right;
}
table.bwdk-woocommerce-table.bwdk-woocommerce-table--order-details.shop_table.order_details {
border-collapse: separate;
border-spacing: 5px 5px;
}
table.bwdk-woocommerce-table a{
color:#393939 !important
}
.related-modal-sp {
display: flex;
align-items: center;
gap: 25px;
justify-content: center;
}
.related-modal-sp img{
max-width:70px;
}
.bwdk-digikala img{
max-width:110px;
}
.bwdk-digikala {
width: 100%;
padding: 20px 16px;
border-radius: 16px;
margin: 15px 0;
display: flex;
flex-direction: column;
align-items: center;
background: rgba(238, 238, 238, 1);
}
.bwdk-digikala strong{
font-size: 14px;
font-weight: 700;
color: rgb(0, 0, 0);
text-align: center;
margin: 12px 0px 0px;
}
.bwdk-digikala p{
font-size: 12px;
font-weight: 400;
color: rgb(82, 82, 82);
text-align: center;
margin: 8px 0px 0px;
}
.help-pop span{
font-size: 16px;
font-weight: 500;
color: rgb(0, 0, 0);
text-align: center;
}
.help-pop p{
font-size: 14px;
margin-top: 8px;
margin-bottom: 0px;
line-height: 22px;
color: rgb(82, 82, 82);
text-align: center;
}
.bwd-progress {
position: relative;
height: 100px;
overflow: hidden;
border-radius: 12px;
margin: 24px auto;
display: block;
}
.help-pop {
margin-top: 24px;
text-align: center;
}
.dk-modal {
overflow-y: auto;
height: 80vh;
padding-left: 15px;
}
#bwdk-single-buy-form {
position: relative;
margin: 5px 0;
}
#bwdk-single-buy-form .bwdk-single-buy-button {
background: #FA4D56;
color: #fff;
border: none;
padding: 14px 24px;
font-size: 15px;
border-radius: 2px;
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 0.3s ease;
width: 100%;
display: flex    ;
align-items: center;
gap: 10px;
justify-content: center;
}
.bwdk-single-buy-button img{
max-width: 21px;
}
.bwdk-single-buy-button:disabled,
.bwdk-single-buy-button.is-disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none !important;
}
.bwdk-single-tip {
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 10px;
background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
max-width: 420px;
font-size: 14px;
direction: rtl;
font-family: "IRANYekanWeb";
position: absolute;
transform: translateY(calc(-100% - 60px));
}
.bwdk-single-tip-inner {
padding: .75rem .9rem;
}
.bwdk-single-tip-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: .35rem;
}
.bwdk-single-tip-title {
font-weight: 600;
font-size: 14px;
color: #262626;
}
.bwdk-single-tip-close {
border: none;
background: transparent;
cursor: pointer;
font-size: 25px;
line-height: 1;
color: #666;
padding: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.bwdk-single-tip-close:hover {
color: #000;
background: #fff;
}
.bwdk-single-tip p {
margin: 0;
color: #525252;
line-height: 1.6;
font-size: 13px;
}
.bwdk-single-tip-footer {
margin-top: .5rem;
display: flex;
justify-content: flex-end;
}
.bwdk-single-tip-ok {
border-radius: 4px;
background: #FA4D56;
cursor: pointer;
padding: .25rem .75rem;
font-size: 13px;
color: #fff;
transition: all 0.2s ease;
}
.bwdk-single-tip:after{
content: "";
width: 10px;
height: 10px;
position: absolute;
background: #fff;
right: 35px;
bottom: -5px;
transform: rotate(45deg);
}
.bwdk-single-tip-ok:hover {
background: #FA4D56;
}
.bwdk-single-tip-title img{
max-width: 20px;
margin-left: 10px;
}
@media screen and (max-width: 576px) {
.digikala-modal-sp {
width: 95%;
}
.digikala-modal-sp {
padding: 35px 10px 15px 0px;
}
}
.hint {
margin: 5px 0;
}
#bwdk-cart-widget{
margin: 5px 0 !important;
} 
#bwdk-checkout-widget{
margin: 5px 0 !important;
}