/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* استایل دکمه و باکس تماس با ما - Varia */
.varia-box { 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    z-index: 1000; 
}
.varia-btn { 
    background: #0c8052; /* رنگ سبز جذاب و شیک برای تضاد با D2B48C */
    color: #fff; 
    border: none; 
    padding: 12px 16px; 
    border-radius: 50px; 
    font-size: 16px; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    transition: all 0.3s ease; 
    box-shadow: 0 4px 10px rgba(12, 128, 82, 0.3);
}
.varia-btn:hover { 
    background: #09633f; /* رنگ سبز کمی تیره‌تر هنگام هوور */
    box-shadow: 0 6px 15px rgba(12, 128, 82, 0.4);
}
.varia-container { 
    display: none; 
    width: 280px; 
    background: #fff; 
    border-radius: 12px; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); 
    position: absolute; 
    bottom: 60px; 
    right: 0; 
    overflow: hidden; 
}
.varia-tabs { 
    display: flex; 
    background: #f4eae1; /* یک رنگ ملایم نزدیک به تناژ سایت شما */
}
.varia-tab { 
    flex: 1; 
    text-align: center; 
    padding: 12px 10px; 
    cursor: pointer; 
    font-size: 14px; 
    font-weight: bold; 
    color: #555;
    transition: all 0.2s;
}
.varia-tab.active { 
    background: #D2B48C; /* رنگ اصلی سایت شما برای تب فعال */
    color: #fff; 
}
.varia-tab-content { 
    display: none; 
    padding: 15px; 
}
.varia-tab-content.active { 
    display: block; 
}
.varia-info p, .varia-links a { 
    display: flex; 
    align-items: center; 
    gap: 8px; 
    padding: 8px 0; 
    color: #212121; 
    text-decoration: none; 
    font-size: 14px; 
}
.varia-links a:hover { 
    text-decoration: underline; 
}

/* رنگ برند شبکه‌های اجتماعی */
.varia-links a[href*="instagram"] { color: #E1306C; } 
.varia-links a[href*="instagram"]:hover { color: #C2185B; }
.varia-links a[href*="t.me"] { color: #0088cc; }

@media (max-width: 768px) {
    .varia-box { bottom: 64px; }
}