/* ==========================================================================
   AFUS Default Theme — UI Presentation
   Clean visual layer only.
   Layout mechanics: afus-styles.css / mobile.css
   Administration: afus-admin.css
   ========================================================================== */

:root {
  --afus-bg: #f5f8fc;
  --afus-card: #fff;
  --afus-ink: #14233b;
  --afus-muted: #738198;
  --afus-line: #e5ebf3;
  --afus-blue: #0877f9;
  --afus-blue-hover: #0069df;
  --afus-blue-soft: #edf6ff;
  --afus-surface: #f7f9fc;
  --afus-radius: 16px;
  --afus-radius-sm: 10px;
  --afus-shadow: 0 8px 28px rgba(31, 55, 88, .07);
  --afus-shadow-hover: 0 12px 32px rgba(31, 55, 88, .11);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  background: var(--afus-bg);
  color: var(--afus-ink);
}

/* ==========================================================================
   Header
   ========================================================================== */

.afus-headerf {
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid var(--afus-line);
  box-shadow: 0 4px 18px rgba(31, 55, 88, .04);
}

.afus-header {
  height: 72px;
}

.afus-logo img {
  max-height: 48px;
}

.search-toggle {
  background: #fff;
  border-color: var(--afus-line);
  color: var(--afus-ink);
}

.search-toggle:hover {
  border-color: var(--afus-blue);
  color: var(--afus-blue);
}

.afus-nav-head-list li a {
  color: var(--afus-ink);
  font-weight: 800;
}

.afus-nav-head-list li a.afus-nav-head-selected,
.afus-nav-head-list li a:hover {
  color: var(--afus-blue);
}

.reglink.hreg {
  background: var(--afus-blue);
  border-color: var(--afus-blue);
  border-radius: var(--afus-radius-sm);
  box-shadow: 0 6px 16px rgba(8, 119, 249, .18);
  color: #fff;
}

/* ==========================================================================
   Secondary navigation / filters
   ========================================================================== */

.afus-nav-sub-list {
  margin-bottom: 20px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid var(--afus-line);
  border-radius: var(--afus-radius);
  box-shadow: var(--afus-shadow);
}

.afus-nav-sub-link {
  margin: 4px;
  padding: 7px 14px;
  background: var(--afus-surface);
  border-radius: var(--afus-radius-sm);
  color: #516078;
  font-weight: 800;
}

.afus-nav-sub-selected,
.afus-nav-sub-link:hover {
  background: var(--afus-blue-soft);
  color: var(--afus-blue);
}

/* ==========================================================================
   Featured posts
   ========================================================================== */

.afus-featured-grid {
  margin-bottom: 18px;
  gap: 10px;
  column-gap: 10px;
  grid-auto-rows: 230px;
  border-radius: 18px;
}

.afus-featured-grid .featured-posts,
.afus-featured-grid .featured-posts > a {
  border-radius: var(--afus-radius);
}

.afus-featured-grid .featured-posts {
  overflow: hidden;
  box-shadow: var(--afus-shadow);
}

.afus-featured-grid .featured-post:after {
  height: 72%;
  background: linear-gradient(
    to bottom,
    rgba(9, 21, 36, 0),
    rgba(9, 21, 36, .82) 100%
  );
}

.featured-posts .featured-content {
  right: 18px;
  bottom: 14px;
  left: 18px;
  padding: 0;
  gap: 7px;
  align-items: flex-start;
}

.featured-posts .featured-title {
  font-weight: 900;
  line-height: 1.45;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
}

.featured-meta {
  color: rgba(255, 255, 255, .82);
}

/* ==========================================================================
   Article cards
   ========================================================================== */

.afus-q-item-main {
  background: var(--afus-card);
  border: 1px solid var(--afus-line);
  border-radius: 15px;
  box-shadow: 0 4px 18px rgba(31, 55, 88, .055);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.afus-q-item-main:hover {
  transform: translateY(-3px);
  border-color: #dbe5f1;
  box-shadow: var(--afus-shadow-hover);
}

.item-a {
  border-radius: 15px 15px 0 0;
}

.item-img {
  min-height: 210px;
  transition: transform .45s ease;
}

.afus-post-content {
  margin: 12px;
  gap: 8px;
}

.afus-q-item-title a h2 {
  margin: 0;
  color: var(--afus-ink);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.65;
}

.afus-post-format,
.afus-category-link {
  background: var(--afus-blue-soft);
  border: 0;
  border-radius: 999px;
  color: var(--afus-blue);
}

.post-meta {
  color: #8995a7;
  font-size: 12px;
}

.afus-post-upbtn a {
  border-radius: var(--afus-radius-sm);
}

/* ==========================================================================
   Sidebar / widgets
   ========================================================================== */

.rightsidebar > div,
.afus-sidebar,
.afus-widget-wb,
.tagcloud {
  overflow: hidden;
  background: var(--afus-card);
  border: 1px solid var(--afus-line);
  border-radius: var(--afus-radius);
  box-shadow: var(--afus-shadow);
}

.widget-title,
.tagcloud h2,
.ilgilib {
  background: #fff;
  border-bottom: 1px solid var(--afus-line);
  color: var(--afus-ink);
  font-weight: 900;
}

/* ==========================================================================
   Controls / footer
   ========================================================================== */

.afus-form-tall-button,
.afus-form-wide-button,
.afus-button,
.king-submit {
  background: var(--afus-blue);
  border: 0;
  border-radius: var(--afus-radius-sm);
  color: #fff;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.afus-form-tall-button:hover,
.afus-form-wide-button:hover,
.afus-button:hover,
.king-submit:hover {
  background: var(--afus-blue-hover);
  box-shadow: 0 7px 18px rgba(8, 119, 249, .18);
}

.afus-footer {
  margin-top: 28px;
  background: #fff;
  border-top: 1px solid var(--afus-line);
}

/* ==========================================================================
   Direction
   Typography/alignment only. Structural RTL/LTR belongs to the layout layer.
   ========================================================================== */

.afus-rtl .featured-posts .featured-content,
.afus-rtl .afus-q-item-title,
.afus-rtl .afus-post-content {
  direction: rtl;
  text-align: right;
}

.afus-ltr .featured-posts .featured-content,
.afus-ltr .afus-q-item-title,
.afus-ltr .afus-post-content {
  direction: ltr;
  text-align: left;
}

/* ==========================================================================
   Tablet
   ========================================================================== */

@media (max-width: 1100px) and (min-width: 769px) {
  .afus-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 220px;
  }

  .afus-featured-grid .featured-posts {
    grid-column: auto;
    grid-row: auto;
  }
}

/* ==========================================================================
   Phone presentation
   Layout mechanics remain in mobile.css.
   ========================================================================== */



/* AFUS 1.0 — unified responsive logo */
.afus-logo-link{display:flex;align-items:center;justify-content:center;min-width:0}
.afus-site-logo{display:block;width:auto;max-width:100%;max-height:48px;object-fit:contain}
.afus-night .afus-site-logo{filter:none}

/* AFUS empty states */
.afus-empty-state{position:relative;isolation:isolate;overflow:hidden;min-height:360px;margin:36px auto;padding:56px clamp(24px,6vw,76px);border:1px solid var(--afus-line);border-radius:28px;background:linear-gradient(135deg,#fff 15%,#fff9f1 100%);box-shadow:var(--afus-shadow);display:flex;align-items:center}
.afus-empty-copy{max-width:560px;margin-inline-start:auto;text-align:start}
.afus-empty-code{font-size:clamp(72px,10vw,140px);line-height:.8;font-weight:950;color:#123d35;letter-spacing:-.05em}
.afus-empty-title{margin:20px 0 8px;font-size:clamp(26px,4vw,42px);font-weight:950;color:var(--afus-ink)}
.afus-empty-text{margin:0 0 24px;color:var(--afus-muted);font-size:16px;line-height:1.8}
.afus-empty-action{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;background:#123d35;color:#fff!important;font-weight:800}
.afus-ltr .afus-empty-copy{margin-inline-start:0;margin-inline-end:auto}

/* Legacy empty results — text/icon only */
.nopost{
  position:relative;
  overflow:hidden;
  width:min(920px,calc(100% - 28px));
  min-height:300px;
  margin:42px auto;
  padding:48px 40px;
  border:1px solid var(--afus-line);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--afus-shadow);
  text-align:center;
  font-size:24px;
  font-weight:900;
  color:var(--afus-ink)
}
.nopost i{
  display:block;
  margin:0 0 14px;
  color:#123d35
}
.afus-ltr .nopost{text-align:center}




/* Poll — clean display and real edit surface */
.afus-polls-up{margin:28px 0;padding:22px;border:1px solid var(--afus-line);border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(31,55,88,.05)}
.afus-polls-up>.poll-img{display:block;width:100%;max-height:420px;margin:16px 0 20px;border-radius:16px;object-fit:cover;background:#f4f7fa}
.afus-polls{gap:12px!important}
.afus-polls li{border:1px solid var(--afus-line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s ease}
.afus-polls li:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,55,88,.08)}
.afus-polls .poll-img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#f4f7fa}
.afus-poll-editor{display:grid;gap:18px;margin-top:12px}
.afus-poll-edit-card{padding:20px;border:1px solid var(--afus-line);border-radius:18px;background:#fff}
.afus-poll-edit-card>label{display:block;margin-bottom:8px;font-weight:800}
.afus-poll-edit-layout{display:flex;gap:8px;margin:12px 0}.afus-poll-edit-layout label{padding:9px 12px;border:1px solid var(--afus-line);border-radius:10px;cursor:pointer}
.afus-poll-edit-image{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border:1px dashed var(--afus-line);border-radius:14px}.afus-poll-edit-image img{width:150px;height:90px;border-radius:10px;object-fit:cover}.afus-poll-edit-image input{min-width:0;flex:1}
.afus-poll-edit-choices{display:grid;gap:10px}.afus-poll-edit-choice{display:grid;grid-template-columns:72px minmax(0,1fr) 100px;align-items:center;gap:10px;padding:8px;border:1px solid var(--afus-line);border-radius:12px}.afus-poll-edit-choice img,.afus-poll-edit-placeholder{width:72px;height:54px;border-radius:8px;object-fit:cover;background:#f4f7fa;display:flex;align-items:center;justify-content:center}.afus-poll-image-id{width:100%;min-width:0;padding:10px;border:1px solid var(--afus-line);border-radius:9px}
.afus-night .afus-polls-up,.afus-night .afus-polls li,.afus-night .afus-poll-edit-card{background:#151419;border-color:#2e2e2e}