/*
Theme Name: Checkinex Real
Theme URI: https://example.com
Author: ChatGPT
Description: پوسته لندینگ مدرن با ثبت و نمایش واقعی نظرات در دیتابیس اختصاصی
Version: 1.0.0
License: GPLv2 or later
Text Domain: checkinex-real
*/

/* ریست ساده */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: IRANYekan, Vazirmatn, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
     background:#f5f7f8;color:#0f172a;line-height:1.6}

/* هدر */
.cxr-header{position:relative;background:linear-gradient(135deg,#2e7d32,#1e6f2e);
  color:#fff;padding:28px 16px;border-radius:0 0 24px 24px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.cxr-container{max-width:1100px;margin:0 auto;padding:0 12px}
.cxr-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cxr-logo{font-weight:800;font-size:22px}
.cxr-burger{display:flex;align-items:center;gap:8px}
.cxr-burger button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;padding:10px 12px;border-radius:12px;font-size:20px;cursor:pointer;transition:.2s}
.cxr-burger button:hover{transform:translateY(-2px)}
.cxr-nav{position:absolute;right:16px;top:68px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.2);border-radius:14px;overflow:hidden;transform-origin:top right;
  transform:scale(.95);opacity:0;pointer-events:none;transition:.2s}
.cxr-nav.open{transform:scale(1);opacity:1;pointer-events:auto}
.cxr-nav a{display:block;padding:10px 14px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}
.cxr-nav a:last-child{border-bottom:0}
.cxr-search{display:flex;align-items:center;gap:8px}
.cxr-search input{border:0;border-radius:999px;padding:10px 14px;min-width:220px}
.cxr-hero{margin-top:18px;text-align:center}
.cxr-hero h1{margin:0;font-size:40px;font-weight:800;text-shadow:0 3px 10px rgba(0,0,0,.3)}
.cxr-hero .brand{color:#7CFF9E}
.cxr-hero .sub{margin-top:8px;color:#e0f2e9}

/* دکمه‌ها */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;
  padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s}
.btn-primary{background:linear-gradient(135deg,#2e7d32,#43a047);color:#04240f;box-shadow:0 6px 16px rgba(34,197,94,.35)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff}

/* بخش فرم و لیست */
.section{margin:24px 0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 16px rgba(2,6,23,.06)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}

.form-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.form-inline input[type="text"]{flex:1;min-width:200px;border:1px solid #e5e7eb;background:#fff;padding:12px 14px;border-radius:12px}
.form-inline .btn{padding:12px 16px}

.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form textarea{grid-column:1/-1;min-height:110px;resize:vertical}
.form input,.form textarea,.form select{width:100%;border:1px solid #e5e7eb;background:#fff;padding:12px 14px;border-radius:12px}
.form label{font-weight:700;margin-bottom:6px;display:block}

/* ستاره‌ها */
.stars{direction:ltr;display:flex;gap:6px;align-items:center}
.star{font-size:24px;cursor:pointer;filter:grayscale(.2);transition:transform .08s ease}
.star:hover{transform:scale(1.1)}
.star::before{content:"☆";color:#cbd5e1}
.star.active::before{content:"★";color:#facc15} /* زرد پرشونده */

/* کارت نظر */
.review{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;transition:.2s;position:relative;overflow:hidden}
.review::after{content:"";position:absolute;inset:auto -30% -30% auto;width:180px;height:180px;background:radial-gradient(circle at 30% 30%,rgba(124,255,158,.25),transparent 60%);transform:rotate(-18deg)}
.review:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(2,6,23,.12)}
.review .meta{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:13px;margin-bottom:8px}
.kv{display:flex;gap:8px;flex-wrap:wrap}
.kv .item{background:#f0f9f4;border:1px solid #dcfce7;color:#065f46;padding:6px 10px;border-radius:999px;font-size:12px}

/* فوتر */
.cxr-footer{background:#154d23;color:#ddffea;text-align:center;padding:18px;border-radius:18px 18px 0 0;margin-top:24px}

/* انیمیشن‌ها */
.fade-in{animation:fade .35s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}