/* Site-wide base styles, so every page starts from the same brand settings (see rebuild/mockups/brand-guide.html).
   tools/brand.py links this file from every page. */

/* 1. Headings: Raleway bold is the base. The site's original settings said Inter, and each page corrected that by
      hand; a page with its own heading style (the blog post, the policy pages) still keeps it. */
.elementor-kit-6 h1,.elementor-kit-6 h2,.elementor-kit-6 h3{font-family:Raleway,sans-serif;font-weight:700}

/* 2. One dark background: Ink (#141112) everywhere pure black was used as a page background. */
body{background-color:#141112}

/* 3. Main action buttons: 18px on desktop, 16px on tablet and phones, on every page.
      (The blog list is left out: its buttons are the small topic filters, which keep their own size.) */
body>div[data-elementor-type]:not([data-elementor-type="archive"]) .elementor-widget-button .elementor-button,#about-page .ab-btn,body #pay .btn:not(.sm){font-size:18px}
@media (max-width:1024px){
body>div[data-elementor-type]:not([data-elementor-type="archive"]) .elementor-widget-button .elementor-button,#about-page .ab-btn,body #pay .btn:not(.sm){font-size:16px}
}

/* 4. Armenian letters: Noto Sans Armenian (chosen 11 October 2026, option B in mockups/armenian-font-options.html).
      The site's three fonts have no Armenian letters. Instead of naming a new font on every rule, each of the three
      is given an extra source that covers only the Armenian letters, so Armenian text picks up Noto Sans Armenian
      wherever it appears, with no other change. The file is served by Google Fonts, like the site's other fonts,
      and a browser only downloads it on a page that actually shows Armenian letters.
      These extra sources must be described exactly like the Latin ones (same style and weight range, no width
      range): if they differ, browsers treat them as a rival font and the Latin letters fall back to a system font.
      Tuning: body text is narrowed to 87.5% width so it sits like Inter Tight; headings stay at full width, bold.
      The width is set with font-variation-settings, which only the Armenian font responds to. */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansarmenian/v47/ZgNOjOZKPa7CHqq0h37c7ReDUubm2SE3CVKWSJ1ErfnZ.woff2) format("woff2");unicode-range:U+0530-058F,U+FB13-FB17}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansarmenian/v47/ZgNOjOZKPa7CHqq0h37c7ReDUubm2SE3CVKWSJ1ErfnZ.woff2) format("woff2");unicode-range:U+0530-058F,U+FB13-FB17}
@font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansarmenian/v47/ZgNOjOZKPa7CHqq0h37c7ReDUubm2SE3CVKWSJ1ErfnZ.woff2) format("woff2");unicode-range:U+0530-058F,U+FB13-FB17}
@font-face{font-family:"Noto Sans Armenian";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/notosansarmenian/v47/ZgNOjOZKPa7CHqq0h37c7ReDUubm2SE3CVKWSJ1ErfnZ.woff2) format("woff2");unicode-range:U+0530-058F,U+FB13-FB17}
:lang(hy){font-variation-settings:"wdth" 87.5}
:lang(hy) :is(h1,h2,h3),:is(h1,h2,h3):lang(hy){font-variation-settings:"wdth" 100;letter-spacing:.6px}
/* On phones the menu button's label is written by the stylesheet ("Apply"); Armenian pages need their own word. */
@media screen and (max-width:767px){:lang(hy) .elementor-location-header .elementor-button-text::after{content:"\534\56B\574\565\56C"!important}}   /* phones only: there the short label replaces the button text. On wider screens it showed twice */
/* Armenian is written in sentence case: the "Capitalise Every Word" setting of the English headings is switched off */
:lang(hy) .elementor-heading-title,:lang(hy) .elementor-widget-text-editor p{text-transform:none!important}
/* Buttons: hover animations take 0.7 seconds everywhere (standard set 11 October 2026). Hand-written buttons follow the
   same timing in their own rules. */
.elementor-kit-6 .elementor-button,.elementor-kit-6 .elementor-button svg,.elementor-kit-6 #custom-apply-btn .elementor-button,.elementor-kit-6 #custom-apply-btn2 .elementor-button,
.elementor-kit-6 .ab-btn,.elementor-kit-6 #pay .btn{transition-duration:.7s!important}
/* Logos of the accepted payment methods (Visa, Mastercard, ArCa, Apple Pay, Google Pay). All five sit on identical
   white tiles: same size, same corners, same thin edge. The Apple Pay and Google Pay artwork comes as a badge with its
   own outline (a rounded box and a pill); each is enlarged a little inside its tile so that outline falls outside it and
   the five match. Files and sources: assets/img/cards/. */
.card-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px 0 6px;font-style:normal}
footer .card-logos{margin-bottom:22px}   /* room between the logos and the business details under them */
.card-logos>span{position:relative;display:block;flex:none;width:56px;height:34px;border-radius:6px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(20,17,18,.12)}
.card-logos img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:auto!important;max-width:none!important;margin:0!important;border-radius:0!important}
.card-logos img[alt="Visa"]{height:13px!important}
.card-logos img[alt="Mastercard"]{height:32px!important}
.card-logos img[alt="ArCa"]{height:11px!important}
.card-logos img[alt="Apple Pay"]{height:40px!important}
.card-logos img[alt="Google Pay"]{height:70px!important}