/* ============================================
   KurdYek — Custom Styles
   ============================================ */

/* ── Layout & Navigation ─────────────────── */
.glass-nav        { background: rgba(255,255,255,.93); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(226,232,240,.6); }
.hero-gradient    { background: radial-gradient(circle at top right, #fff5f5 0%, #ffffff 35%, #f0fff4 100%); }

/* ── Kurdish flag stripe ─────────────────── */
.kurdish-stripe   { height: 4px; background: linear-gradient(to right, #ff3131 33.3%, #fffd16 33.3%, #fffd16 66.6%, #7ed957 66.6%); }

/* ── Cards ───────────────────────────────── */
.card-hover       { transition: all .3s cubic-bezier(.4,0,.2,1); }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); }

/* ── Badges & Tags ───────────────────────── */
.lang-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: #f0fff4;
    color: #7ed957;
    font-size: .72rem;
    font-weight: 700;
    padding: .25rem .7rem;
    border-radius: 99px;
}

.tag-pill {
    display: inline-block;
    background: #f1f5f9;
    color: #475569;
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .65rem;
    border-radius: 99px;
}

/* ── Scrollbar ───────────────────────────── */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ── Background pattern ──────────────────── */
.bg-grid-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366f1' fill-opacity='0.05'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── Admin sidebar (admin pages only) ───── */
.sidebar-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem 1rem;
    border-radius: .75rem;
    font-size: .875rem;
    font-weight: 600;
    color: #475569;
    transition: all .2s;
    text-decoration: none;
}
.sidebar-link:hover,
.sidebar-link.active { background: #f0fff4; color: #7ed957; }

/* ── Kurdish color buttons ───────────────── */
.btn-kurdish-red {
    background: #ff3131;
    color: #fff;
    font-weight: 700;
    border-radius: .75rem;
    transition: all .2s;
}
.btn-kurdish-red:hover {
    background: #e02020;
    box-shadow: 0 8px 20px rgba(255,49,49,.35);
    transform: translateY(-1px);
}

.btn-kurdish-yellow {
    background: #fffd16;
    color: #1e293b;
    font-weight: 700;
    border-radius: .75rem;
    transition: all .2s;
}
.btn-kurdish-yellow:hover {
    background: #e8e600;
    box-shadow: 0 8px 20px rgba(255,253,22,.4);
    transform: translateY(-1px);
}

.btn-kurdish-green {
    background: #7ed957;
    color: #1e293b;
    font-weight: 700;
    border-radius: .75rem;
    transition: all .2s;
}
.btn-kurdish-green:hover {
    background: #62c23e;
    box-shadow: 0 8px 20px rgba(126,217,87,.35);
    transform: translateY(-1px);
}

/* ── Kurdish Green utilities (replaces Tailwind brand/blue) ─── */
.text-kurdish-green        { color: #3d8b2a; }
.text-kurdish-green-dark   { color: #2d6e1a; }
.text-kurdish-green-light  { color: #7ed957; }
.bg-kurdish-green          { background: #7ed957; color: #1e293b; }
.bg-kurdish-green-dark     { background: #62c23e; color: #1e293b; }
.bg-kurdish-green-light    { background: #f0fff4; }
.bg-kurdish-green-pale     { background: #dcfce7; }
.border-kurdish-green      { border-color: #7ed957; }
.border-kurdish-green-pale { border-color: #bbf7d0; }
.hover\:bg-kurdish-green:hover        { background: #7ed957; color: #1e293b; }
.hover\:bg-kurdish-green-dark:hover   { background: #62c23e; color: #1e293b; }
.hover\:bg-kurdish-green-light:hover  { background: #f0fff4; }
.hover\:text-kurdish-green:hover      { color: #3d8b2a; }
.hover\:text-kurdish-green-dark:hover { color: #2d6e1a; }
.hover\:border-kurdish-green-pale:hover { border-color: #bbf7d0; }
.focus\:ring-kurdish-green:focus      { --tw-ring-color: #7ed957; box-shadow: 0 0 0 3px rgba(126,217,87,.3); }
.shadow-kurdish-green\/20            { box-shadow: 0 8px 20px rgba(126,217,87,.2); }
.shadow-kurdish-green\/40            { box-shadow: 0 8px 20px rgba(126,217,87,.4); }

/* ── Update lang-badge to green ─────────────── */
.lang-badge {
    background: #f0fff4;
    color: #3d8b2a;
}