/*
Theme Name: TIF – Tartu Illustration Festival
Theme URI: https://illustrationfestival.com
Author: Riin Agency
Author URI: https://riin.eu
Description: Kerge, Elementori-sõbralik WordPressi teema Tartu Illustration Festivali jaoks. Standalone teema (mitte child), sisaldab brändivärve ja Gilroy fonti. Töötab kõige paremini koos Elementoriga.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: tif
Tags: custom-logo, custom-menu, featured-images, translation-ready, full-width-template, blog
*/

/* ==========================================================================
   TIF fondid — Gilroy
   --------------------------------------------------------------------------
   Gilroy on lisatud WordPressi Font Library kaudu
   (Välimus → Fondid). Kui font laeb korralikult, ei ole allolevat
   @font-face plokki vaja — WordPress väljastab selle ise.

   KUI FONT EI LAE FRONTENDIS (nt Font Library väljastab ainult
   blokiteemadele), võta alt kommentaarid maha ja lae .woff2 failid
   teema kausta /fonts/.
   ========================================================================== */
/*
@font-face{
  font-family:'Gilroy';
  src:url('fonts/Gilroy-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gilroy';
  src:url('fonts/Gilroy-Bold.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Gilroy';
  src:url('fonts/Gilroy-Black.woff2') format('woff2');
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
*/

/* ==========================================================================
   TIF brändivärvid + fondimuutujad — CSS-muutujad ja abiklassid
   ========================================================================== */
:root{
  --tif-blue:      #375ac9;  /* 55/90/201  */
  --tif-orange:    #fd784b;  /* 253/120/75 */
  --tif-green:     #75cb83;  /* 117/203/131*/
  --tif-offwhite:  #ffffe4;  /* 255/255/228*/
  --tif-ink:       #2c2c2c;  /* 44/44/44   */
  --tif-pink:      #f49cc3;  /* 244/156/195*/
  --tif-white:     #ffffff;
  --tif-content-width: 1140px;

  /* Fondipere — muuda ainult siit, kogu teema järgib */
  --tif-font: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --tif-font-heading: var(--tif-font);

  /* Kaalud */
  --tif-w-regular: 400;
  --tif-w-bold:    700;
  --tif-w-black:   900;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--tif-font);
  font-weight:var(--tif-w-regular);
  color:var(--tif-ink);
  line-height:1.5;
  background:var(--tif-white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--tif-font-heading);
  font-weight:var(--tif-w-black);
  line-height:1.1;
  margin:0 0 .5em;
}
/* Vormielemendid ei päri fonti automaatselt */
button,
input,
optgroup,
select,
textarea{
  font-family:var(--tif-font);
  font-size:inherit;
}
a{color:var(--tif-blue);}
img{max-width:100%;height:auto;display:block;}

/* Sisu laius tavaleheküljel; Elementori lehtedel full-width */
.site-main{
  max-width:var(--tif-content-width);
  margin:0 auto;
  padding:40px 20px;
}
.elementor-page .site-main,
.page-template-full-width .site-main{
  max-width:100%;
  padding:0;
}
/* Lihtne vaikimisi päis (kui Elementori päist pole) */
.tif-site-header{
  background:var(--tif-blue);
}
.tif-site-header .tif-bar{
  max-width:var(--tif-content-width);
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  gap:24px;
}
.tif-site-header .site-title,
.tif-site-header .site-title a{
  font-family:var(--tif-font-heading);
  color:var(--tif-white);
  font-weight:var(--tif-w-black);
  font-size:26px;
  letter-spacing:1px;
  text-decoration:none;
  margin:0;
}
.tif-nav a{
  font-family:var(--tif-font);
  color:var(--tif-white);
  text-decoration:none;
  font-weight:var(--tif-w-bold);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-right:18px;
}
/* Lihtne jalus */
.tif-site-footer{
  padding:30px 20px;
  font-size:13px;
  color:var(--tif-ink);
}
.tif-site-footer .tif-bar{
  max-width:var(--tif-content-width);
  margin:0 auto;
}

/* ==========================================================================
   Elementor — kindlusta et vidinad kasutavad Gilroy'd
   (Elementori Site Settings → Global Fonts kirjutab selle üle;
   seadista ka seal Gilroy, siis on kõik ühtne.)
   ========================================================================== */
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-button .elementor-button,
.elementor-widget-icon-list .elementor-icon-list-text,
.elementor-widget-nav-menu .elementor-item,
.elementor-widget-container{
  font-family:var(--tif-font);
}
.elementor-widget-heading .elementor-heading-title{
  font-family:var(--tif-font-heading);
}

/* ==========================================================================
   Abiklassid Elementorile (Advanced → CSS Classes)
   ========================================================================== */
.tif-bg-blue    { background-color:var(--tif-blue)    !important; color:#fff; }
.tif-bg-green   { background-color:var(--tif-green)   !important; color:#fff; }
.tif-bg-orange  { background-color:var(--tif-orange)  !important; color:#fff; }
.tif-bg-offwhite{ background-color:var(--tif-offwhite)!important; }
.tif-bg-pink    { background-color:var(--tif-pink)    !important; }
.tif-bg-ink     { background-color:var(--tif-ink)     !important; color:#fff; }
.tif-uppercase  { text-transform:uppercase; letter-spacing:.5px; }
.tif-round-btn  { border-radius:30px !important; }

/* Fondi abiklassid */
.tif-font       { font-family:var(--tif-font) !important; }
.tif-w-regular  { font-weight:var(--tif-w-regular) !important; }
.tif-w-bold     { font-weight:var(--tif-w-bold)    !important; }
.tif-w-black    { font-weight:var(--tif-w-black)   !important; }