/*
 * Fookuseraami nahtavus (WCAG 2.4.7, 1.4.11)
 *
 * Vt moodulid/fookus.php taielikku selgitust ja mootmistulemusi.
 *
 * KAKS RAAMI USTASTIKKU
 *
 *   outline          tume  #1A1A1A   nahtav heledal taustal
 *   box-shadow       hele  #FFFFFF   nahtav tumedal taustal
 *
 * Uks neist on alati kontrastis. Nii ei pea iga elemendi jaoks
 * eraldi varvi valima ega arvestama, mis on tema taga.
 *
 * MARKUS: `!important` on siin pohjendatud. Kujundusteemad maaravad
 * fookusevarvi oma paletist ja see reegel peab selle ule kirjutama.
 * Me ei kirjuta ule oma koodi, vaid seadet, mis on ligipaasetavusega
 * vastuolus.
 */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible {
	outline: 3px solid #1A1A1A !important;
	outline-offset: 1px !important;
	box-shadow: 0 0 0 6px #FFFFFF !important;
	border-radius: 2px;
}

/*
 * Nupustiilis elemendid: raam joonistatakse SISSEPOOLE.
 *
 * Nupul on oma taust ja valjapoole joonistatud raam voib jaada
 * korvalelemendi alla. Negatiivne nihe hoiab raami nupu peal.
 */
a.avia-button:focus-visible,
.avia-button:focus-visible,
button.button:focus-visible,
input[type="submit"]:focus-visible {
	outline: 3px solid #FFFFFF !important;
	outline-offset: -4px !important;
	box-shadow: 0 0 0 3px #1A1A1A !important;
}

/*
 * Tume ala: jalus ja kulgmenuu kate. Seal on raam pooratud -
 * hele raam tumeda kontuuriga.
 */
#footer a:focus-visible,
#socket a:focus-visible,
.av-burger-overlay a:focus-visible,
.lpo-riba a:focus-visible {
	outline: 3px solid #FFFFFF !important;
	outline-offset: 1px !important;
	box-shadow: 0 0 0 6px #1A1A1A !important;
}

/*
 * Vanemad brauserid, mis ei tunne :focus-visible. Neis kuvatakse raam
 * ka hiirekliki jarel - vastuvoetav kompromiss, sest alternatiiv on
 * raami puudumine.
 */
@supports not selector(:focus-visible) {
	a:focus,
	button:focus,
	input:focus,
	select:focus,
	textarea:focus,
	[tabindex]:focus {
		outline: 3px solid #1A1A1A !important;
		outline-offset: 1px !important;
	}
}

/*
 * Logo ja pildiviited: raam joonistatakse SISSEPOOLE.
 *
 * MOOTDETUD 13.08.2026: logo viitel ei ilmunud fookuseraami kummalgi
 * saidil. Pohjus on vanema `overflow: hidden`, mis loikab valjapoole
 * joonistatud raami ara.
 *
 * Negatiivne nihe hoiab raami elemendi peal, kus teda ei saa ara
 * loigata. Hele raam tumeda kontuuriga toimib nii heleda kui tumeda
 * logo peal.
 */
.logo a:focus-visible,
#header .logo a:focus-visible,
#header_main .logo a:focus-visible,
span.logo a:focus-visible,
.av-logo-container a:focus-visible,
a:has(> img):focus-visible,
a:has(> svg):focus-visible,
.avia_image:focus-visible {
	/*
	 * MOOTDETUD 13.08.2026: logo vanem on `<span class="logo">`, millel
	 * on `overflow: hidden`. Valjapoole joonistatud raam loigatakse ara
	 * ja fookus on nahtamatu, kuigi element on Tab-ahelas.
	 *
	 * Negatiivne nihe hoiab raami elemendi SEES. Kaks raami ustastikku
	 * (`inset` varjud) tagavad nahtavuse nii heleda kui tumeda logo
	 * peal.
	 */
	outline: 3px solid #1A1A1A !important;
	outline-offset: -6px !important;
	box-shadow: inset 0 0 0 3px #FFFFFF, inset 0 0 0 6px #1A1A1A !important;
	border-radius: 0;
}

/* ------------------------------------------------------------------
   OTSINGUVORMI JA PAGINEERIMISE KONTRAST (WCAG 1.4.3)
   Enfold: torikultuur.ee ja peatus.torikultuur.ee
   ------------------------------------------------------------------

   MOOTDETUD 13.08.2026 renderdatud lehekulgedelt:

     #s (otsinguvali)          #9C9288 taustal #F8F6F2  =  2,83:1
     a.inactive.next_page      #9C9288 taustal #F8F6F2  =  2,83:1

   Noue on 4,5:1.

   MIKS EI MUUDETA JAGATUD REEGLIT

   Varv tuleb Enfoldi reeglist `.main_color .meta-color,
   .main_color .sidebar, ...`, mis katab kogu saidi meta-teksti ja
   kulgriba. Selle muutmine mojutaks kumneid mootmata elemente.
   Sihime ainult neid elemente, mille kohta on mootmistulemus.

   VARVI VALIK

   #59534E samal taustal annab 7,02:1. Vahim vaartus, mis noude
   taidab, on #787069 (4,50:1) - see jaab tapselt piirile ja iga
   hilisem taustatooni muutus viiks ta alla. Sama hall toon,
   ainult tumedam.
   ------------------------------------------------------------------ */

#top .main_color input#s,
#top .main_color input[type="text"]#s,
#top .main_color input[type="search"]#s {
	color: #59534E !important;
}

#top .main_color input#s::placeholder {
	color: #59534E !important;
	opacity: 1 !important;
}

.main_color a.inactive.next_page,
.main_color .pagination a.inactive {
	color: #59534E !important;
}

/* ------------------------------------------------------------------
   OTSINGUTULEMUSTE SILDI KONTRAST (WCAG 1.4.3)
   Blossom Fashion: torivallaraamatukogu.ee
   ------------------------------------------------------------------

   MOOTDETUD 13.08.2026 lehel /?s=raamat:

     .search .top-section .text-holder span  ("Otsingusona")
       #B5B5B5 taustal #F9F9F9  =  1,95:1

   Noue on 4,5:1.

   Varv tuleb teema failist style.css reegliga
   `.search .top-section .text-holder span`. Reegel on juba kitsas -
   kehtib ainult otsingutulemuste lehe paisesildile - seega sihime
   sedasama selektorit, mitte laiemat.

   #555555 samal taustal annab 7,08:1. Vahim noude taitev vaartus
   on #727272 (4,57:1), mis jaab piirile liiga lahedale.
   Sama hall toon, ainult tumedam.

   MARKUS: kaks ulaltoodud reeglirauhma ei ristu. Enfoldi omad on
   piiritletud `#top .main_color` selektoriga, Blossom Fashioni oma
   `.search .top-section` omaga. Kumbki ei taba teist teemat.
   ------------------------------------------------------------------ */

.search .top-section .text-holder span {
	color: #555555 !important;
}