/* govazdner.am — loaded after app.css on this site only (Site::key() = govazdner), so iranian.am is untouched.
   Colours and type follow the old govazdner.am (Listivo): blue buttons and links (#3F71F0), orange for featured
   things (#FA823E), slate text, Inter; the Armenian flag (red, blue, apricot) where iranian.am uses Iran's. */

@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-Latin.woff") format("woff");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-Cyrillic.woff") format("woff");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  --arm-red: #D90012;
  --arm-blue: #0033A0;
  --arm-orange: #F2A800;

  --brand: #3F71F0;
  --brand-hover: #2F5FDB;
  --brand-active: #244CB8;
  --brand-soft: #ECF1FE;
  --brand-line: #C8D6FB;
  --brand-ring: rgba(63, 113, 240, .2);
  --accent: #FA823E;
  --accent-hover: #E86E29;
  --accent-soft: #FFF2EA;
  --accent-line: #FCD3BA;
  --ink: #1C2A38;
  --ink-2: #314352;
  --muted: #66737F;
  --faint: #98A3AE;
  --line: #D5E3EE;
  --line-soft: #E4E9EF;
  --bg: #F2F4F8;
  --surface-2: #F8FAFD;
  --disabled-bg: #E4E9EF;
  --disabled-ink: #98A3AE;
  --danger: #D90012;
  --shadow: 0 2px 4px rgba(28, 43, 58, .04), 0 4px 12px rgba(28, 43, 58, .07);
  --flag-fade: linear-gradient(to right, var(--arm-red) 0%, #EE8A93 22%, #8FA6DA 45%, #9FB0D8 58%, #F6D27F 80%, rgba(242, 168, 0, .6) 100%);
}

body { font-family: "Inter", "Noto Sans Armenian", "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
/* The hidden Persian version keeps its Persian font. */
[dir="rtl"] body { font-family: "Vazirmatn", "Inter", "Noto Sans Armenian", Tahoma, sans-serif; }
.map-card { font-family: inherit; }
h1, h2, h3 { letter-spacing: -.01em; }

/* Greys and hovers that app.css writes as fixed greens. */
.btn-outline:hover, .chip:hover, .round-btn:hover, .pill:hover span { border-color: #B9C8D6; }
.btn-grey, .tag-warn, .tag.order-review, .acc-row .dot.n-searches { background: #EEF2F7; }
.btn-grey:hover { background: #E3E9F1; }
.btn-soft:hover { background: #DCE6FD; }
::selection { background: #D3E0FC; }
.cat-tile:hover { border-color: #C3D2E0; }
.card:hover { border-color: #CBD8E4; }
.card-media, .row-card .thumb, .gg-item { background: #E7ECF2; }
.map-canvas, .map-box { background: #EEF2F7; }
.ad-facts .icon-sm { color: #7A8794; }
.photo-add { border-color: #BFCDDB; }
.alert-ok, .tag-ok, .tag.order-paid { color: #1D3F8F; }
.alert-err, .tag-off, .tag.order-rejected, .tag.order-failed { background: #FDECEE; color: #8A0B16; border-color: #F5C2C7; }
.site-footer { background: #1C2A38; color: #C3CEDA; }
.site-footer a { color: #E8EEF5; }
.gallery, .gallery-track img, .video-poster { background: #111820; }
.card.is-featured, .card.is-highlight { box-shadow: 0 0 0 1px var(--accent), 0 4px 14px rgba(250, 130, 62, .12); }
.card.is-featured:hover, .card.is-highlight:hover { box-shadow: 0 0 0 1px var(--accent), 0 8px 24px rgba(250, 130, 62, .2); }
.pill input:focus-visible + span, .cur-toggle input:focus-visible + span { box-shadow: 0 0 0 3px var(--brand-ring); }
.story.seen .story-ring { background: #D3DAE3; }

/* Home slogan in the flag's colours, as on the old site: red · blue · apricot. */
.iran-slogan .ir-g { color: var(--arm-red); }
.iran-slogan .ir-w { color: var(--arm-blue); }
.iran-slogan .ir-r { color: var(--arm-orange); }
.iran-slogan::after, [dir="ltr"] .iran-slogan::after {
  background: linear-gradient(to right, var(--arm-red) 0 33.3%, var(--arm-blue) 33.3% 66.6%, var(--arm-orange) 66.6% 100%);
}
[dir="rtl"] .iran-slogan::after { background: linear-gradient(to left, var(--arm-red) 0 33.3%, var(--arm-blue) 33.3% 66.6%, var(--arm-orange) 66.6% 100%); }
.flag-rule, [dir="ltr"] .flag-rule { background: var(--flag-fade); }
[dir="rtl"] .flag-rule { background: linear-gradient(to left, var(--arm-red) 0%, #EE8A93 22%, #8FA6DA 45%, #9FB0D8 58%, #F6D27F 80%, rgba(242, 168, 0, .6) 100%); }

/* Category tiles: a coloured top edge in turn red, blue, apricot (old site's phone tiles). */
.cat-tile, .cat-tile:nth-child(even) { --tile: var(--arm-red); --tile-soft: #FDECEE; }
.cat-tile:nth-child(3n+2) { --tile: var(--arm-blue); --tile-soft: #E8EEF9; }
.cat-tile:nth-child(3n) { --tile: var(--arm-orange); --tile-soft: #FEF5E1; }
.cat-tile { border-top-width: 4px; border-radius: 14px; }
.cat-tile .cat-icon { background: transparent; color: var(--ink); }
.quick-grid .cat-tile.is-all { --tile: var(--brand); --tile-soft: var(--brand-soft); }

/* Phone bar: the "post" button as the flag's four-point star on the old site is a picture; a flag-striped square here. */
.bottom-nav .post span.plus {
  background: linear-gradient(to bottom, var(--arm-red) 0 33.3%, var(--arm-blue) 33.3% 66.6%, var(--arm-orange) 66.6% 100%);
  box-shadow: 0 6px 16px rgba(0, 51, 160, .3);
}

/* Premium stories: a ring in the flag's colours. */
.story.is-premium .story-ring { background: conic-gradient(var(--arm-red) 0 120deg, var(--arm-blue) 120deg 240deg, var(--arm-orange) 240deg 360deg); }

/* The wordmark already carries the name. */
.logo-img { height: 38px; max-width: 200px; }
@media (max-width: 640px) { .logo-img { height: 30px; max-width: 132px; } }