/*
Theme Name: تارلا
Theme URI: #
Description: یک قالب شرکتی ایرانی برای وردپرس
Author: زهرا رستمخانی
Author URI: #
Version: 1.2
Requires PHP: 7.4
Tags: قالب وردپرس, قالب چند منظوره, قالب شرکتی, وردپرس, قالب ایرانی وردپرس
*/

.post-rel {
    border: 1px solid #b2b2b3;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #0074b5;
    padding-bottom: 15px;
}
.post-rel img {
    border-radius: 10px 10px 0 0;
    height: 200px;
    width: 100%;
}
.advantour {
    text-align: center;
    padding: 10px;
}
.advantour img
 {
    height: 100px;
}
.advantour p {text-align: justify;
    font-size: 15px;
    color: #3e3e3e;
}.advantour h3 {
    color: #038bd7;
    padding: 10px;
}

.wp-editor-contentcolor:{text-align: justify;color: #212121 !important;font-size:15px}
span.author {display: none !important;}
.htour {border: 1px solid #afabab;padding: 10px;border-radius: 15px;}
.nhotel {text-align: center;border-radius: 10px;padding: 10px;color: #f1f1f1;font-size: 20px;background: #3f3f3f;}
i.fa.fa-star.istar {color: #f3be08;font-size: 14px;padding-right: 7px;}
.price-hg {padding: 10px;text-align: right;background: #f5f5f5;border-radius: 10px;margin-bottom: 4px;}
.price-hs {background: #e5e5e5;padding: 10px;border-radius: 10px;margin-bottom: 4px;}
.mihotel {padding: 10px;}i.fa.fa-check-circle {color: #22abd1;}
.linktohotel {padding: 10px;text-align: center;color: #393939;border-radius: 10px;border: 1px solid #c1c1c1;}

.author-box-section.single-section {display: none !important;}

table {
  border-collapse: collapse;
  width: 100%;margin: 20px 0px 20px 0px;
}
/* table-border */
tbody tr:not(:last-child) {
  border-bottom: 1px solid #e8e7e7;
}
tbody tr td:not(:last-child) {
  border-left: 1px solid #e8e7e7;
}
/* table-radious */
table tr:first-child th:first-child {
  border-top-right-radius: 8px;
}
table tr:first-child th:last-child {
  border-top-left-radius: 8px;
}
table tr:last-child td:first-child {
  border-bottom-right-radius: 8px;
}
table tr:last-child td:last-child {
  border-bottom-left-radius: 8px;
}
/* style tr, td, th */
tr th {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #503c9f;
}
tr td {
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 400;
}
th,td {
  padding: 16px;
  text-align: center;
}
/* even and odd color */
tbody tr:nth-child(odd) {
  background-color: #fff;
}
tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}
/* media query */
@media only screen and (max-width: 600px) {
  .table-container {
    width: 303px;
    overflow-x: auto;
  }
}
.phonet{
    background-color: #3e3e3e;
    display: block;
    color: #fff;
    padding: 5px;
    font-size: 18px;
    border-radius: 5px;
    margin-bottom: 4px;
}
.whatspp{
    color: #2e2e2e;
    background-color: #3e3;
    display: block;
    padding: 8px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    transition: .2s;
}
.whatspp:hover{
    background-color: #3e3e3e;
    color:#3e3;
    transition: .2s;
}
/***** Offer Style *****/
.offertour {
    border: 1px solid #3e3e3e;
    border-radius: 15px;
    padding: 10px;
}
.offirst {
    float: right;
    padding: 4px;
    width: 35%;height: 70px;
    text-align: center;
    border-left: 2px dashed #cbcbcb;
}
.offirst h3 {color: #95052e;padding: 0;}
.ofsect {
    float: right;
    width: 20%;padding: 4px;
    text-align: center;
    border-left: 2px dashed #cbcbcb;
}
.ofsect img {width: 30px;}
.ofsect h4 {font-weight: 500;}
.ofthit {
    float: right;
    text-align: center;padding: 4px;
    width: 15%;height: 70px;
    border-left: 2px dashed #cbcbcb;
}
.ofthit img {width: 30px;}
.ofthit h4 {font-weight: 500;}
.offorht {
    float: right;padding: 4px;
    width: 30%;height: 70px;
    text-align: center;
}
.offorht h3 {font-size: 16px;padding: 3px;color: #054f2c;}
.wp-editor-content, .page-box-sidebar-template .page-content{color: #121212;}

@media only screen and (max-width: 1024px) {
  	.offirst {width: 50%;height:100px;border-left: none;border-bottom: 2px dashed #cbcbcb;display:grid;place-items: center; }
	.ofsect {width: 50%;height:100px;border-left: none;border-bottom: 2px dashed #cbcbcb;display:grid;place-items: center; }
	.ofthit {width:50%;height:100px;border-left: none;display:grid;place-items: center; }
	.offorht {width:50%;height:100px;display:grid;place-items: center; }
}



:root {
            --bg-body: #eceff1;
            --surface: #ffffff;
            --surface-secondary: #f8fafc;
            --text-main: #1e293b;
            --text-muted: #64748b;
            --accent: #0f172a;
            --highlight: #3b82f6;
        }
.tour-strip {
            margin: auto;
            display: flex;
            width: 100%;
            /* تغییر: ارتفاع فیکس داده شد تا در نمایشگرها جمع‌وجور بماند (اختیاری است ولی کمک میکند) */
            background: var(--surface);
            border-radius: 18px; /* کمی شعاع کمتر برای سایز کوچکتر */
            overflow: hidden;
            border: 2px solid #000000;
            margin-bottom: 25px;
        }

        /* 1. ستون تصویر (راست) */
        .strip-visual {
            width: 220px; /* عرض ثابت و منطقی */
            height:220px;
            position: relative;
            flex-shrink: 0; /* جلوگیری از له شدن عکس */
        }
        
        .strip-visual img {
            width: 100%;
            height: 100% !important; /* ارتفاع ۱۰۰ درصد نسبت به والد */
            object-fit: cover;
            display: block;
        }

        .rating-badge {
            position: absolute;
            top: 10px; /* فاصله کمتر */
            right: 10px; /* فاصله کمتر */
            background: rgba(255, 255, 255, 0.95);
            padding: 4px 8px; /* پدینگ کمتر */
            border-radius: 50px;
            font-size: 0.7rem; /* فونت ریزتر */
            font-weight: bold;
            display: flex;
            gap: 4px;
            color: var(--text-main);
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* 2. ستون اطلاعات (وسط) - تغییرات اصلی سایز */
        .strip-details {
            flex: 1;
            padding: 16px 20px; /* کاهش شدید پدینگ از 32 به 16 */
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .tour-header { margin-bottom: 12px; /* کاهش مارجین از 24 به 12 */ }

        .tour-title {
            font-size: 1.15rem; /* کاهش سایز فونت از 1.5 */
            font-weight: 900;
            color: var(--text-main);
            margin-bottom: 2px;
            white-space: nowrap; /* جلوگیری از شکستن خط */
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tour-subtitle {
            font-size: 0.8rem;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            gap: 5px;
        }

        /* شبکه مشخصات */
        .specs-grid {
            display: flex;
            gap: 8px; /* فاصله کمتر بین باکس‌ها */
            margin-bottom: 12px; /* فاصله کمتر */
        }

        .spec-box {
            background: var(--surface-secondary);
            padding: 6px 10px; /* باکس‌های ظریف‌تر */
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1; /* تقسیم مساوی فضا */
        }

        .spec-icon {
            font-size: 1rem;
            color: var(--highlight);
        }

        .spec-text {
            display: flex;
            flex-direction: column;
            line-height: 1.5; 
        }
        
        .spec-label { font-size: 0.8rem;color: #547cf6;font-weight: 700; }
        .spec-value { font-size: 0.9rem; }

        /* خدمات کپسولی */
        .services-inline {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .srv-pill {
            font-size: 0.8rem;
            color: #353535;
            background-color: #f1f5f9;
            padding: 3px 10px;
            border-radius: 50px;
        }

        /* 3. ستون قیمت (چپ) - فشرده سازی */
        .strip-pricing {
            width: 320px; /* عرض مناسب */
            background-color: var(--surface-secondary);
            padding: 16px 20px; /* کاهش پدینگ */
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-right: 2px dashed #1893cd;
        }

        .price-item {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 6px; /* فاصله کمتر سطرها */
        }

        .price-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .price-val {
            color: var(--text-main);
            font-size: 0.9rem; /* کمی عدد کوچکتر برای تناسب */
        }

        .toman { font-size: 0.65rem; color: #94a3b8; font-weight: normal; }

        .extra-night-box {
            margin-top: 10px;
            padding-top: 8px;
            border-top: 1px dashed #cbd5e1;
        }
        
        .extra-night-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .btn-action {
            margin-top: 15px; /* کاهش فاصله دکمه */
            background-color: var(--accent);
            color: white;
            text-align: center;
            padding: 10px 15px; /* دکمه باریک‌تر */
            border-radius: 10px;
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: opacity 0.2s;
        }
        
        .btn-action:hover { opacity: 0.9; }

        /* --- واکنش‌گرا (Responsive) --- */
        @media (max-width: 960px) {
            .tour-strip { flex-direction: column; height: auto; }
            .strip-visual { width: 100%; height: 160px; }
            .strip-details { padding: 20px; }
            .strip-pricing { width: 100%; border-right: none; border-top: 1px dashed #e2e8f0; padding: 20px; }
            .specs-grid { flex-wrap: wrap; }
            .spec-box { min-width: 45%; }
        }
        
 
 :root {
        --row-bg: #ffffff;
        --container-border: #2c3e50; /* رنگ کادر دور جدول */
        --text-dark: #111111;        /* مشکی‌تر برای خوانایی بهتر بدون بولد */
        --text-grey: #64748b;
        --primary-blue: #2563eb; 
    }

    /* کانتینر اصلی (اضافه شدن کادر دور) */
    .hotel-list-container {
        width: 100%;
        margin: 30px auto;
        border: 2px solid #ccc; /* کادر دور کل جدول */
        border-radius: 20px;    /* گوشه‌های گرد کادر */
        padding: 20px;          /* فاصله داخلی از کادر */
        background-color: #fff;
    }

    /* هدر ستون‌ها */
    .list-header {
        display: grid;
        grid-template-columns: 2fr 0.8fr 1.1fr 1.1fr 1.1fr;
        padding: 0 15px 15px 15px;
        color: var(--text-grey);
        font-size: 0.95rem;     /* فونت هدر کمی بزرگتر */
        font-weight: normal;    /* بولد نبودن هدر */
        border-bottom: 2px solid #eee;
        margin-bottom: 15px;
    }
    
    @media (max-width: 900px) { .list-header { display: none; } }

    /* ردیف هتل */
    .hotel-row {
        display: grid;
        grid-template-columns: 2fr 0.8fr 1.1fr 1.1fr 1.1fr;
        align-items: center;
        background: var(--row-bg);
        margin-bottom: 0;       /* حذف فاصله زیاد بین ردیف‌ها */
        padding: 18px 15px;
        border-bottom: 1px solid #f0f0f0; /* خط نازک جداکننده */
    }

    /* حذف خط آخر */
    .hotel-row:last-child {
        border-bottom: none;
    }

    /* ستون ۱: نام */
    .h-name {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 500;       /* بولد برداشته شد (روی متوسط/معمولی) */
        color: var(--text-dark);
        font-size: 1.1rem;      /* سایز فونت بزرگ */
    }

    .h-icon { color: #cbd5e1; font-size: 1.2rem; }
    .crown-icon { color: #f59e0b; } 

    /* ستون ۲: درجه */
    .h-grade .badge {
        background-color: #f8fafc;
        color: #555;
        padding: 6px 12px;
        border-radius: 8px;
        font-size: 0.85rem;     /* خواناتر */
        font-weight: normal;
        border: 1px solid #eee;
    }
    .stars { color: #f59e0b; margin-right: 4px; letter-spacing: 0; font-size: 0.9rem;}

    /* ستون ۳-۴-۵: قیمت‌ها */
    .h-price {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1rem;
    }

    /* استایل اعداد */
    .num { 
        font-weight: 400;       /* بولد برداشته شد (نازک) */
        font-size: 1.15rem;      /* سایز عدد بزرگ */
        color: #333;
    }

    /* رنگ متفاوت برای قیمت وسط (بدون بولد شدن) */
    .h-price.highlighted .num {
        color: var(--primary-blue);
        font-size: 1.2rem; /* کمی بزرگتر از بقیه */
    }

    .unit { 
        font-size: 0.8rem; 
        color: #999; 
        margin-right: 5px; 
        font-weight: normal; 
    }

    /* لیبل موبایل */
    .price-label-mobile { display: none; }

    /* ریسپانسیو (موبایل) */
    @media (max-width: 900px) {
        .hotel-list-container {
            border: none;       /* در موبایل کادر دور صفحه رو نگیره بهتره */
            padding: 0;
            background: transparent;
        }

        .hotel-row {
            grid-template-columns: 1fr;
            gap: 15px;
            padding: 25px;
            position: relative;
            background: #fff;
            border: 1px solid #ddd; /* کادر دور هر کارت در موبایل */
            border-radius: 16px;
            margin-bottom: 20px;
        }

        .h-name { 
            font-size: 1.3rem; /* اسم در موبایل خیلی بزرگ */
            border-bottom: 1px solid #eee; 
            padding-bottom: 15px;
            margin-bottom: 10px;
        }

        .h-grade { 
            margin-bottom: 10px;
        }

        .h-price {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background: #f9f9f9; /* تفکیک قیمت‌ها در موبایل */
            padding: 10px 15px;
            border-radius: 8px;
        }

        .price-label-mobile {
            display: inline-block;
            font-size: 0.9rem;
            color: #666;
        }
        
        .unit { font-size: 0.9rem; }
    }