/* Copyright (c) Zhmara X. All rights reserved.
   Proprietary and confidential. Unauthorized copying of this file, via any medium, is prohibited. See LICENSE.txt. */

/* ZX Dictionary: the Zhmara X look (navy hero, white text, orange main button, blue second). */
:root {
    --dic-hero: rgb(13, 21, 35);
    --dic-orange: #f68d0b;
    --dic-orange-dark: #d97800;
    --dic-orange-soft: rgba(246, 141, 11, 0.12);
    --dic-blue: #47b2e4;
    --dic-dark: #2a2929;
    --dic-light: #f3f5fa;
    --dic-border: #e6e9f0;
}

/* The template header is fixed; the hero starts below it. */
.dic-hero { background: var(--dic-hero); color: #fff; padding: 140px 0 56px; }
.dic-hero-compact { padding-bottom: 40px; }
.dic-hero h1 { font-size: 40px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.dic-hero p { color: rgba(255, 255, 255, 0.7); font-size: 18px; max-width: 640px; margin: 0 auto 28px; }
.dic-count { font-size: 14px !important; margin: 14px auto 0 !important; }

.dic-search { display: flex; align-items: center; gap: 8px; max-width: 680px; margin: 0 auto; padding: 6px 6px 6px 18px; border-radius: 50px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
.dic-search i { color: var(--dic-orange); font-size: 18px; }
.dic-search .form-control { border: 0; box-shadow: none; padding: 8px 4px; }
.dic-search .btn { border-radius: 50px; padding: 8px 26px; color: #fff; background: var(--dic-orange); white-space: nowrap; }
.dic-search .btn:hover { background: var(--dic-orange-dark); color: #fff; }

.dic-btn { border-radius: 50px; padding: 8px 24px; color: #fff; background: var(--dic-orange); border: 0; }
.dic-btn:hover, .dic-btn:focus { background: var(--dic-orange-dark); color: #fff; }
.dic-btn-outline { border-radius: 50px; border: 1px solid var(--dic-blue); color: var(--dic-blue); background: #fff; }
.dic-btn-outline:hover { background: var(--dic-blue); color: #fff; }

/* Results: one row per term, English | Kurdish | Arabic | Suggest */
.dic-results { padding: 40px 0 72px; }
.dic-term-head, .dic-term { display: grid; grid-template-columns: 1.2fr 1fr 1fr auto; gap: 16px; align-items: center; }
.dic-term-head { padding: 0 20px 8px; font-size: 13px; font-weight: 600; color: #888; }
.dic-term { padding: 16px 20px; margin-bottom: 10px; background: #fff; border: 1px solid var(--dic-border); border-radius: 12px; transition: 0.2s; }
.dic-term:hover { border-color: var(--dic-orange); box-shadow: 0 6px 20px rgba(246, 141, 11, 0.12); }
.dic-en { font-weight: 600; color: var(--dic-dark); }
.dic-rtl { font-size: 17px; }
.dic-term small { display: block; font-size: 11px; color: #999; }
.dic-lang { background: var(--dic-orange-soft); color: var(--dic-orange-dark); font-weight: 600; }

@media (max-width: 767px) {
    .dic-hero { padding-top: 110px; }
    .dic-hero h1 { font-size: 28px; }
    .dic-term { grid-template-columns: 1fr; gap: 8px; }
    .dic-actions { text-align: end; }
}

.dic-modal { background: rgba(0, 0, 0, 0.5); }
.dic-about { max-width: 760px; }
.dic-about h3 { font-size: 22px; font-weight: 700; margin-top: 28px; }

/* Admin */
.dic-admin { background: var(--dic-light); }
.dic-admin-header { background: var(--dic-hero); padding: 14px 0; }
.dic-admin-header a { color: rgba(255, 255, 255, 0.8); text-decoration: none; }
.dic-admin-header a.active, .dic-admin-header a:hover { color: var(--dic-orange); }
.dic-admin-brand { font-weight: 700; font-size: 18px; color: #fff !important; }
.dic-admin-brand i { color: var(--dic-orange); }
.dic-admin-brand small { font-weight: 400; color: rgba(255, 255, 255, 0.6); }
.dic-admin-user { color: rgba(255, 255, 255, 0.8); }
.dic-signout { display: inline; margin: 0; }
.dic-signout button { background: none; border: 0; cursor: pointer; padding: 10px 0 10px 30px; font-size: 15px; font-weight: 500; color: #fff; white-space: nowrap; transition: 0.3s; }
.dic-signout button:hover { color: #47b2e4; }
.navbar-mobile .dic-signout button { padding: 10px 20px; color: #2a2929; }