/*
Theme Name: child-dinakala
Theme URI: darlene.ir
Description: یک قالب فرزند سفارشی برای قالب [dinakala]
Author: mohammad
Author URI: iran
Template: dinakala
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: child-theme-name
*/
.msg-text{
	justify-content: center;
	font-size:.75rem;
	line-height:calc(1 / .75);
}

.rtl .input-group>.form-control:not(:last-child) {
    font-size: .75rem;
    border-color: 
color-mix(in oklab, #e2e8f0 60%, transparent);
    border-width: 1px;
    border-style: solid solid solid none;
}
.input-group-append{
	font-size: .75rem;
    border-color: 
color-mix(in oklab, #e2e8f0 60%, transparent);
    border-width: 1px;
    border-style: solid none solid solid;
    border-radius: 16px 0 0 16px;
}
/* =====================================================
   HEADER
===================================================== */
.dina-header{
  border-top-color: unset !important;
}


/* =====================================================
   CONTENT TYPOGRAPHY
===================================================== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p{
  text-align: justify !important;
  color:#353535 !important;
}


/* =====================================================
   CATEGORY BOXES
===================================================== */
.dina-cat-link{ width:85px !important; }

.dina-cat-img-con,
.dina-cat-title{
  padding:0 !important;
}

.dina-subcat-list-title{ display:none !important; }

.dina-sub-cats{
  border:none !important;
  padding:5px 24px !important;
}

.dina-cat-title{
  font-size:.8rem !important;
  line-height:2 !important;
  font-weight:100 !important;
  color:#3f4064 !important;
}

.dina-cat-thumb{
  height:170px !important;
  padding:10px 30px !important;
}


/* =====================================================
   GENERAL CARDS / BOX STYLE
===================================================== */
.product-block.white-box,
.shadow-box,
.post-block.white-box,
.elementor-36190 .elementor-element.elementor-element-fe0149e > .elementor-element-populated{
  border-radius:15px !important;
  box-shadow:unset !important;
  border:1px solid #1111 !important;
}


/* =====================================================
   IMAGES
===================================================== */
.brand-logo,
.owl-carousel .owl-item img{
  mix-blend-mode:multiply !important;
  border:none !important;
}

.owl-stage-outer .owl-carousel .owl-item img{
  max-width:80% !important;
  height:auto !important;
  justify-self:center !important;
}


/* =====================================================
   PRODUCT CARDS
===================================================== */
.product-title{
  font-size:.9rem !important;
  text-align:right !important;
}

.product-price ins,
.product-price del .woocommerce-Price-amount,
.mini-product .product-price > .amount{
  text-align:left !important;
}

.img-con{ padding:10px !important; }

.prod-hover-btns{ top:55px !important; }

.sp-title{
  font-size:15px !important;
  margin-top:60px !important;
}

.mini-product-con{
  padding:0 5px !important;
  margin:0 0 5px !important;
}

.mini-post{ height:430px !important; }

.post-title{
  height:65px !important;
  font-size:14px !important;
}


/* =====================================================
   SIDEBAR / WIDGETS
===================================================== */
#dinaSidebar{
  border:1px solid #11111111 !important;
  border-radius:15px !important;
  padding-top:20px !important;
}

.widget_block,
.prdctfltr-widget,
.dina-filter-widget,
.sidebar .bnr-image,
.dina-product_widget{
  border:0 !important;
}

.wid-content{
  margin-bottom:5px !important;
  padding:10px !important;
}

.wid-title,
#block-2 div{
  text-align:right !important;
}

.wid-title h3{
  width:100% !important;
  border-bottom:0 !important;
}

.separator{ padding:0 5px !important; }


/* =====================================================
   BREADCRUMB
===================================================== */
.rank-math-breadcrumb{ padding:5px; }

.breadcrumbs,
.breadcrumbs a{
  color:#6a6a6a !important;
  font-size:.8rem !important;
  margin-bottom:20px !important;
  border:none !important;
  padding:0 !important;
}


/* =====================================================
   PRODUCT FILTER (prdctfltr)
===================================================== */
.prdctfltr_filter label{
  font-size:18px !important;
  line-height:40px !important;
  font-family:'irsn' !important;
  border-bottom:1px solid #1111 !important;
  padding-bottom:10px !important;
}

.prdctfltr_customize_block{
  padding:5px !important;
  border:0 !important;
}

.prdctfltr_customize_block .prdctfltr_customize_color{
  margin-left:5px !important;
}

.prdctfltr_wc_widget.prdctfltr_wc .prdctfltr_filter{
  padding:0 0 5px !important;
  border-bottom:1px solid #1111 !important;
}


/* =====================================================
   INFO PAGE GRID
===================================================== */
.c-info-page__cats{
  display:flex !important;
  flex-wrap:wrap !important;
}

.c-info-page__cat{
  width:33.3333% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  padding:25px !important;
  position:relative !important;
}

.c-info-page__cat:hover{
  box-shadow:0 0 12px 0 hsla(0,0%,71%,.46) !important;
  border-radius:8px !important;
}

.c-info-page__cat-icon{
  width:120px !important;
  height:120px !important;
  border-radius:50% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.c-info-page__cat-title{
  font-weight:700 !important;
  color:#2a2a2a !important;
}


/* =====================================================
   FAQ
===================================================== */
.c-faq-section{
  margin:20px 8px !important;
  border-bottom:1px solid #dcdcdc !important;
}

.table-faq{
  display:inline-flex !important;
  flex-flow:wrap !important;
}


/* =====================================================
   RESPONSIVE
===================================================== */
@media (min-width:1200px){
  .container,
  .elementor-section.elementor-section-boxed > .elementor-container{
    width:100% !important;
  }
}

@media (min-width:992px){
  .col-lg-3{
    flex:0 0 20% !important;
    max-width:20% !important;
  }

  .col-lg-9{
    flex:0 0 80% !important;
    max-width:80% !important;
  }
}

.DR-hero-container {
        --DR-primary: #3b82f6;
        --DR-secondary: #8b5cf6;
        --DR-bg: #0f172a;
        --DR-glass: rgba(255, 255, 255, 0.03);
        --DR-border: rgba(255, 255, 255, 0.08);
        direction: rtl;
        font-family: 'yekan', sans-serif;
        background: var(--DR-bg);
        border-radius: 0px;
        position: relative;
        overflow: hidden;
        min-height: 600px;
        margin: 0px 0;
    }

    /* پس‌زمینه */
    .DR-bg-visuals { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
    .DR-glow-sphere { position: absolute; width: 450px; height: 450px; border-radius: 50%; filter: blur(100px); opacity: 0.15; }
    .DR-sphere-1 { background: var(--DR-primary); top: -150px; right: -100px; }
    .DR-sphere-2 { background: var(--DR-secondary); bottom: -150px; left: -100px; }
    .DR-grid-pattern { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 30px 30px; }

    /* سوایپر */
    .DR-swiper {
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .DR-slide-wrapper { padding: 20px 80px; padding-bottom: 30px; }
    .DR-slide-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0px; align-items: center; }

    /* بج‌ها */
    .DR-badge { padding: 6px 18px; border-radius: 100px; font-size: 13px; font-weight: bold; display: inline-block; margin-bottom: 20px; }
    .DR-badge-blue { background: rgba(59,130,246,0.1); color: #60a5fa; border: 1px solid rgba(59,130,246,0.2); }
    .DR-badge-purple { background: rgba(139,92,246,0.1); color: #a78bfa; border: 1px solid rgba(139,92,246,0.2); }
    .DR-badge-red { background: rgba(239,68,68,0.1); color: #f87171; border: 1px solid rgba(239,68,68,0.2); }

    /* تگ‌ها */
    .DR-tags-row { display: flex; gap: 15px; margin-bottom: 20px; }
    .DR-tags-row span { color: #94a3b8; font-size: 13px; display: flex; align-items: center; gap: 6px; }
    .DR-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
    .DR-dot-blue { background: var(--DR-primary); }
    .DR-dot-purple { background: var(--DR-secondary); }

    /* عنوان‌ها */
    .DR-title { color: white; font-size: 3.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 25px; }
    .DR-gradient-1 { background: linear-gradient(to left, #60a5fa, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .DR-gradient-2 { background: linear-gradient(to left, #a78bfa, #f472b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .DR-gradient-3 { background: linear-gradient(to left, #f87171, #fb923c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

    .DR-desc { color: #94a3b8; font-size: 1.1rem; line-height: 1.8; margin-bottom: 35px; max-width: 520px; }

    /* دکمه‌ها */
    .DR-actions { display: flex; gap: 15px; margin-bottom: 40px; }
    .DR-btn-solid { background: white; color: black; padding: 14px 32px; border-radius: 16px; text-decoration: none; font-weight: bold; display: flex; align-items: center; gap: 10px; transition: 0.3s; font-family: 'yekan', sans-serif; }
    .DR-btn-solid:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(255,255,255,0.1); }
    .DR-btn-red { background: #ef4444 !important; color: white !important; }
    .DR-btn-outline { background: var(--DR-glass); color: white; padding: 14px 32px; border-radius: 16px; text-decoration: none; border: 1px solid var(--DR-border); transition: 0.3s; font-family: 'yekan', sans-serif; }
    .DR-btn-outline:hover { background: rgba(255,255,255,0.08); }

    .DR-footer-stats { display: flex; gap: 30px; color: #64748b; font-size: 14px; border-top: 1px solid var(--DR-border); padding-top: 25px; }
    .DR-footer-stats b { color: white; font-size: 18px; margin-left: 5px; }

    /* باکس تصویر */
    .DR-image-box {
        display: flex;
        justify-content: center;
    }

    /* قاب تصویر */
    .DR-glass-frame {
        position: relative;
        background: var(--DR-glass);
        padding: 20px;
        border-radius: 50px;
        border: 1px solid var(--DR-border);
        backdrop-filter: blur(10px);
        animation: DR-float 6s ease-in-out infinite;
        box-shadow: 0 40px 80px -15px rgba(0,0,0,0.5);
        width: fit-content;
    }
    .DR-glass-red { border-color: rgba(239,68,68,0.2) !important; }
    .DR-glass-frame img { width: 100%; max-width: 300px; height: 400px; object-fit: cover; border-radius: 35px; display: block; }

    .DR-shimmer { position: absolute; inset: 0; background: linear-gradient(45deg, transparent 20%, rgba(255,255,255,0.05) 50%, transparent 80%); animation: DR-shimmer-anim 3s infinite; pointer-events: none; border-radius: 50px; }

    .DR-float-tag { position: absolute; background: rgba(15,23,42,0.8); border: 1px solid var(--DR-border); padding: 8px 15px; border-radius: 12px; color: white; font-size: 12px; font-weight: bold; backdrop-filter: blur(5px); z-index: 3; }
    .DR-float-top { top: 15%; right: -25px; }
    .DR-float-bottom { bottom: 20%; left: -25px; }

    @keyframes DR-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-20px) rotate(2deg); } }
    @keyframes DR-shimmer-anim { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

    /* ========== فیکس اصلی: نقطه‌های سوایپر ========== */
    .DR-pagination {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 0 35px 0 !important;
        z-index: 50 !important;
    }

    .DR-pagination .swiper-pagination-bullet {
        background: rgba(255,255,255,0.4) !important;
        opacity: 1 !important;
        width: 30px !important;
        height: 5px !important;
        border-radius: 3px !important;
        transition: all 0.4s ease !important;
        cursor: pointer !important;
        margin: 0 !important;
        position: relative !important;
        overflow: hidden !important;
        display: block !important;
    }

    .DR-pagination .swiper-pagination-bullet-active {
        background: var(--DR-primary) !important;
        width: 60px !important;
    }

    .DR-pagination .swiper-pagination-bullet-active::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 0%;
        background: rgba(255,255,255,0.35);
        border-radius: 3px;
        animation: DR-progress 6s linear forwards;
    }

    @keyframes DR-progress {
        0% { width: 0%; }
        100% { width: 100%; }
    }

    /* ریسپانسیو */
    @media (max-width: 900px) {
        .DR-slide-grid { grid-template-columns: 1fr; text-align: center; }
        .DR-slide-wrapper { padding: 40px 20px; padding-bottom: 20px; }
        .DR-title { font-size: 2.2rem; }
        .DR-actions, .DR-tags-row, .DR-footer-stats { justify-content: center; }
        .DR-desc { margin: 0 auto 30px; }
        .DR-image-box { order: -1; margin-bottom: 40px; }
        .DR-glass-frame img { width: 220px; height: 280px; }
    }