/*
Theme Name: Figa
Author: Delikatesa Figa
Description: Tema za Delikateso Figa, Kranj. Temna, elegantna, poudarek na pogostitvah.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: figa
*/

/* Logotip (črn na belem) na temni podlagi */
.figa-logo img { filter: invert(1); mix-blend-mode: screen; }

/* Majhen naslov nad naslovi */
.figa-nadnaslov { letter-spacing: .28em; text-transform: uppercase; font-size: .875rem !important; color: var(--wp--preset--color--zlata); }

/* Obrobljen gumb */
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--wp--preset--color--besedilo); border: 1.5px solid #5A4B33; }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { border-color: var(--wp--preset--color--zlata); color: var(--wp--preset--color--zlata); }

/* Okrogla značka na fotografiji */
.figa-znacka { width: 180px; height: 180px; border-radius: 50%; background: var(--wp--preset--color--ozadje); border: 1px dashed var(--wp--preset--color--zlata); display: flex; align-items: center; justify-content: center; text-align: center; font-size: .8125rem !important; letter-spacing: .18em; text-transform: uppercase; line-height: 1.7 !important; color: var(--wp--preset--color--zlata); margin-left: auto !important; }

/* Vrstice menija pogostitev */
.figa-meni > .wp-block-group { border-bottom: 1px solid var(--wp--preset--color--crta); padding: 1.35rem 0; }
.figa-meni > .wp-block-group:last-child { border-bottom: 0; }
.figa-meni .figa-cena { color: var(--wp--preset--color--zlata); font-size: 1.375rem; white-space: nowrap; }

/* Glava */
.figa-glava .wp-block-navigation { font-size: .875rem; letter-spacing: .14em; text-transform: uppercase; }
.figa-glava .wp-block-navigation a { color: var(--wp--preset--color--besedilo); }
.figa-glava .wp-block-navigation a:hover { color: var(--wp--preset--color--zlata); }

/* Fotografije */
.figa-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wp-block-gallery.figa-galerija img { aspect-ratio: 4/5; object-fit: cover; }

/* Ikone */
.figa-ikona svg { width: 40px; height: 40px; stroke: var(--wp--preset--color--zlata); fill: none; stroke-width: 1.2; }

@media (max-width: 781px) {
  .figa-znacka { width: 140px; height: 140px; }
}