/*
Theme Name: bilru
Description: bilru
Version: 1.1
Author: bilru
Text Domain: bilru
*/

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.6;
    color:#333;
    background:#fff;
}
a{color:#e91e63;text-decoration:none}
a:hover{color:#000;}
.container{max-width:1200px;margin:0 auto;padding:0 15px}

/* ====================== HEADER ====================== */
.site-header{
   background: #fff;
    border-bottom: 1px solid #e7e6e6;
    position: sticky;
    top: 0;
    z-index: 999;
}
.header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:12px 0;
    position:relative;
}
.site-branding{display:flex;align-items:center}
.site-logo{height:65px;margin-right:12px}
.site-title{margin:0;font-size:26px;font-weight:bold}
.site-title a{color:#e91e63}

/* فرم جستجو */
.search-form{
    flex:1;
    max-width:450px;
    margin:0 20px;
}
.search-form input[type="search"]{
    width:100%;
    padding:11px 16px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
    outline:none;
}
.search-form input[type="search"]:focus{
    border-color:#e91e63;
}

/* دکمه همبرگر */
.mobile-menu-toggle{
    display:none;
    background:none;
    border:none;
    font-size:28px;
    cursor:pointer;
    padding:8px;
    color:#e91e63;
}
.hamburger,.hamburger::before,.hamburger::after{
    display:block;
    width:28px;
    height:3px;
    background:#e91e63;
    border-radius:3px;
    transition:all .3s;
    position:relative;
}
.hamburger::before,.hamburger::after{
    content:'';
    position:absolute;
    left:0;
}
.hamburger::before{top:-8px}
.hamburger::after{top:8px}
.mobile-menu-toggle.active .hamburger{background:transparent}
.mobile-menu-toggle.active .hamburger::before{transform:rotate(45deg);top:0}
.mobile-menu-toggle.active .hamburger::after{transform:rotate(-45deg);top:0}


.main-navigation ul{
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:0;
    padding:0;
}
.main-navigation a{
    display:block;
    padding:20px 25px;
    color:#333;
    font-size:14px;
    transition:.3s;
}
.main-navigation a:hover{
    background:#e91e63;
    color:#fff;
}
.main-navigation li:last-child a{border-right:none}

/* ====================== HERO & CONTENT ====================== */
.hero{text-align:center;padding:60px 15px}
.hero h1{font-size:36px;font-weight:bold;color:#333;margin-bottom:15px}
.hero p{font-size:18px;color:#666;max-width:900px;margin:0 auto 30px}

.categories{padding:50px 15px}
.categories h2{text-align:center;font-size:28px;margin-bottom:50px;color:#333}
.cat-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
    max-width:1100px;
    margin:0 auto;
}
.cat-item{
    background:#fff;
    border:1px solid #eee;
    padding:30px 20px;
    text-align:center;
    border-radius:8px;
    transition:.3s;
}
.cat-item:hover{
    border-color:#e91e63;
    box-shadow:0 8px 25px rgba(233,30,99,0.1);
    transform:translateY(-5px);
}
.cat-item h3{font-size:18px;margin:12px 0 8px}
.cat-item p{font-size:13.5px;color:#777}

/* ====================== FOOTER ====================== */
.site-footer{
    background:#2d2d2d;
    color:#ccc;
    padding:60px 15px 25px;
    margin-top:100px;
}
.footer-top{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:40px;
    margin-bottom:40px;
}
.footer-column h4{
    color:#fff;
    font-size:16px;
    margin-bottom:18px;
    padding-bottom:8px;
    border-bottom:2px solid #e91e63;
    display:inline-block;
}
.footer-column a{
    color:#ccc;
    display:block;
    padding:6px 0;
    font-size:13.5px;
    transition:.2s;
}
.footer-column a:hover{color:#e91e63}
.footer-bottom{
    text-align:center;
    color:#888;
    font-size:12.5px;
    padding-top:25px;
    border-top:1px solid #444;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 992px){
    .mobile-menu-toggle{display:block}
    .search-form{margin:10px 0;max-width:100%}
    .header-top{justify-content:space-between}

    .main-navigation{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background:#fff;
        max-height:0;
        overflow:hidden;
        border-bottom:3px solid #e91e63;
        box-shadow:0 10px 20px rgba(0,0,0,0.1);
    }
    .main-navigation.active{max-height:600px}
    .main-navigation ul{flex-direction:column}
    .main-navigation a{
        border-right:none!important;
        border-bottom:1px solid #eee;
        text-align:center;
        padding:18px;
        font-size:15px;
    }
    .main-navigation a:hover{background:#fdf2f8;color:#e91e63}
}

@media (max-width: 480px){
    .hero h1{font-size:28px}
    .hero p{font-size:16px}
    .site-title{font-size:22px}
}

/* استایل بهتر برای عنوان ویجت‌های فوتر */
.footer-widget-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63;
    display: inline-block;
    font-weight: 600;
}

/* فاصله بهتر بین ویجت‌ها */
.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-widget li {
    margin-bottom: 8px;
}
.footer-widget a {
    color: #ccc;
    font-size: 13.5px;
}
.footer-widget a:hover {
    color: #e91e63;
}

/* صفحه آرشیو / دسته‌بندی — زیبا و حرفه‌ای */

.archive-header {
    background: linear-gradient(135deg, #f8f9fa, #ffffff);
    /* padding: 0px 0px; */
    border-radius: 10px;
    box-shadow: 0 0px 2px rgb(0 0 0 / 20%);
    margin-bottom: 60px;
}

.archive-header h1 {
    font-size: 24px;
    color: #2c3e50;
    margin-bottom: 20px;
}

.archive-header .term-description {
    font-size: 18px;
    color: #777;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8;
}

/* کارت‌های آرشیو */
.archive-header + div > a {
    text-decoration: none;
    color: inherit;
}

.archive-header + div > a > div {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.archive-header + div > a:hover > div {
    transform: translateY(-12px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.15);
}

.archive-header + div img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s;
}

.archive-header + div > a:hover img {
    transform: scale(1.08);
}

.archive-header + div h3 {
    font-size: 22px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 12px;
}

.archive-header + div > a > div > div > div:nth-child(2) {
    color: #dd679e;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.archive-header + div > a > div > div > div:nth-child(3) {
    
    margin-bottom: 0px;
}

.archive-header + div p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.archive-header + div span {
       padding: 0px 3px;
    border-radius: 10px;
    font-size: 26px;
}

.archive-header + div span:hover {
    background: #c2185b;
}

/* پیام خالی */
.archive-header + div > div[style*="text-align:center"] {
    background: #f8f9fa;
    border-radius: 20px;
    padding: 120px 20px;
}