/*
Theme Name: Astra Child
Theme URI: http://example.com/
Description: Child theme for Astra
Author: Your Name
Template: astra
Version: 1.0.0
*/

/* ===============================
   Child Theme CSS - اصلاح شده
   =============================== */

/* پاکسازی پایه سایت */
html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden !important; /* جلوگیری از فاصله/اسکرول افقی */
}

/* ===============================
   اصلاح transform ها و grid-shape
   =============================== */
.grid-shape::before {
    content: '';
    background: #ffffff;
    width: 100%;
    height: 30px;
    border-radius: 10px 15px 0 0;
    top: -10px;
    position: relative; /* اضافه شد */
    transform: rotate(-4deg);
    margin: auto;
    left: 0;
    right: 0;
}

/* ===============================
   استایل های نوار تب المنتور
   =============================== */
.elementor-widget-n-tabs .e-n-tabs-heading {
    z-index: 999;
    margin-left: 0; /* برای موبایل صفر شد */
}

/* ===============================
   استایل آیکون ها
   =============================== */
.heading-1 .elementor-icon,
.heading-2 .elementor-icon,
.heading-3 .elementor-icon {
    padding: 50px 10px 10px 10px;
    border-radius: 35px;
}
.heading-1 .elementor-icon { background: #FEB21A; }
.heading-2 .elementor-icon { background: #6EC1E4; }
.heading-3 .elementor-icon { background: #C608F1; }

/* ===============================
   صفحه Privacy Policy
   =============================== */
.page-id-3,
.page-template-default.page.page-id-XX {
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif !important;
    line-height: 2;
    font-size: 16px;
    color: #333;
}

/* ===============================
   CSS افزونه دروازه
   =============================== */
.darvaze-elementor-dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
    font-weight: 600; /* 🔹 بولد */
}

.darvaze-elementor-dropdown > a.elementor-button,
a.elementor-button.single-darvaze-login {
    background-color: #7A7A7A;
    color: #fff;
    font-size: 13px;
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
    font-weight: 600; /* 🔹 بولد */
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.3s ease;
}

.darvaze-caret {
    margin-left: 5px;
    font-size: 0.8em;
}

/* منوی کشویی */
.darvaze-elementor-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    background: #7A7A7A;
    min-width: 160px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    z-index: 999;
    border-radius: 5px;
    overflow: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.darvaze-elementor-dropdown-menu .darvaze-dropdown-item {
    display: block;
    padding: 8px 12px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
    font-weight: 600; /* 🔹 بولد */
    background-color: #7A7A7A;
    transition: background-color 0.3s ease;
}

.darvaze-elementor-dropdown-menu .darvaze-dropdown-item:hover {
    background-color: #43464A;
}

.darvaze-elementor-dropdown:hover .darvaze-elementor-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ===============================
   واکنش‌گرایی موبایل
   =============================== */
@media (max-width: 767px) {
    .darvaze-elementor-dropdown > a.elementor-button,
    a.elementor-button.single-darvaze-login,
    .darvaze-elementor-dropdown-menu .darvaze-dropdown-item {
        font-size: 12px !important;
        font-weight: 600 !important; /* 🔹 بولد در موبایل هم */
    }

    .darvaze-elementor-dropdown-menu {
        min-width: 140px;
    }

    .darvaze-elementor-dropdown-menu .darvaze-dropdown-item {
        padding: 6px 10px;
    }

    /* رفع margin-left اضافه در موبایل */
    .elementor-widget-n-tabs .e-n-tabs-heading {
        margin-left: 0 !important;
    }

    /* محدود کردن overflow در سکشن ها و ستون ها */
    .elementor-section,
    .elementor-column {
        max-width: 100%;
        overflow-x: hidden;
    }
}

//////////////////////////////////////////




/* منوی همبرگری موبایل و تبلت */
elementor-nav-menu--dropdown.elementor-nav-menu--main {
    position: absolute; /* یا fixed بسته به ساختار */
    left: 50%;          /* مرکز صفحه */
    transform: translateX(-50%); /* راستای دقیق مرکز */
    max-width: 90%;     /* حداکثر عرض برای فاصله از چپ و راست */
    padding: 15px;      /* فاصله داخلی */
    box-sizing: border-box;
    z-index: 9999;
}

/* آیتم های منو */
.elementor-nav-menu--dropdown.elementor-nav-menu--main li {
    text-align: right;  /* راست چین کردن آیتم‌ها */
}

/* واکنش‌گرایی موبایل */
@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown.elementor-nav-menu--main {
        max-width: 95%; /* کمی فاصله بیشتر در موبایل */
    }
}













/* --- هم‌محور کردن دقیق متن "داکتینو" با لوگو (بدون تغییر اندازه لوگو) --- */
.elementor-element-c3c346f {
  display: flex !important;
  align-items: center !important;   /* عمودی وسط */
  gap: 10px !important;              /* فاصله بین لوگو و متن */
  --da-vertical-nudge: 0px;          /* اگر لازم شد با تغییر این مقدار متن را اندکی جا‌به‌جا کن */
}

/* مطمئن شویم خود ویجت لوگو وسط قرار می‌گیرد (بدون تغییر سایز) */
.elementor-element-c3c346f .elementor-widget-theme-site-logo,
.elementor-element-c3c346f .elementor-widget-theme-site-logo a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* عکس را تغییر اندازه نمیدهد — فقط در خط وسط قرار می‌دهد */
.elementor-element-c3c346f .elementor-widget-theme-site-logo img {
  display: block !important;
  vertical-align: middle !important;
  align-self: center !important;
}

/* تنظیمات مربوط به هدینگ (متن داکتینو) */
.elementor-element-c3c346f .elementor-widget-heading,
.elementor-element-c3c346f .elementor-heading-title,
.elementor-element-c3c346f .elementor-heading-title a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: translateY(var(--da-vertical-nudge)) !important; /* اگر لازم بود نادِژ بزن */
}




/* 🎯 استایل نشان درصد تخفیف */
.doctino-discount-badge {
  display: inline-block;
  background-color: #e63946; /* قرمز */
  color: #fff;
  font-weight: 500;
  font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, sans-serif !important;
  font-size: 12.5px; /* کوچکتر از قبل */
  padding: 4px 10px;
  border-radius: 30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  margin-top: 6px;
  margin-bottom: 6px;
  transition: all 0.3s ease;
}

.doctino-discount-badge:hover {
  background-color: #d62828;
  transform: scale(1.05);
}

/* نسخه موبایل */
@media (max-width: 480px) {
  .doctino-discount-badge {
    font-size: 11px;
    padding: 3px 8px;
  }
}












/* ========= Thank You Page - دانلود حرفه‌ای و کارت نوت جذاب ========= */
.custom-thankyou {
    max-width: 900px;
    margin: 50px auto;
    padding: 35px;
    background-color: #f7f9fc;
    border-radius: 20px;
    border: 2px solid #0073aa;
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
    text-align: center;
}

.custom-thankyou .thankyou-heading {
    font-size: 36px;
    color: #0073aa;
    margin-bottom: 30px;
    font-weight: bold;
}

.custom-thankyou ul.order_details {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    text-align: left;
    font-size: 17px;
    color: #333;
}

.custom-thankyou ul.order_details li {
    margin-bottom: 12px;
}

/* ---------- کارت نوت جذاب ---------- */
.woocommerce-order-download-note {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 25px 30px;
    background: linear-gradient(135deg, #e6f0ff, #d0e4ff);
    border-left: 8px solid #ff7f50;
    border-radius: 15px;
    text-align: center;
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-order-download-note::before {
    content: "💾";
    font-size: 32px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.woocommerce-order-download-note p {
    font-size: 17px;
    color: #0073aa;
    margin: 0 0 0 40px;
    text-align: right;
    line-height: 1.6;
    font-weight: 500;
}

.woocommerce-order-download-note:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}