/**
 * WHAT IF — footeri paigutus
 * Menüü kolmes tulbas + punane uudiskirja kaart paremal
 *
 * Ei muuda ühtegi teemafaili ega HTML-i — ainult paigutus.
 * Kõik reeglid on .site-footer sees, mujal saidil ei mõju.
 *
 * Töötab nii eesti (5 rubriiki) kui inglise (4 rubriiki) footeris —
 * paigutus valitakse selle järgi, mitu rubriiki menüüs on, mitte keele järgi.
 * Nii ei lähe midagi katki, kui menüüd hiljem muudetakse.
 *
 * Versioon 1.2
 */

/* ---------- eraldusjoon footeri kohal, lehe laiuses ----------
   Teemal on footeril küljemarginaalid (mx-6 / mx-lg-5), mistõttu tavaline
   border-top ei ulatuks servani. Pöörame marginaalid padding'uks — sisu
   joondus jääb täpselt samaks, aga ääris ulatub servast servani. */
.site-footer{
  margin-left:0 !important; margin-right:0 !important;
  padding-left:12px; padding-right:12px;
  padding-top:26px;
  /* Neutraalne hall: nähtav nii tumedal (avaleht, teenused) kui heledal
     (blogi / Ideekapital, üksikartiklid) taustal. */
  border-top:1px solid rgba(128,128,128,.34);
}
@media (min-width:992px){
  .site-footer{padding-left:80px; padding-right:80px; padding-top:84px}
  /* menüü ja punane kast vertikaalselt üksteise suhtes keskele */
  .site-footer .container{align-items:center !important}
  .site-footer .footer-menu{align-self:center !important}
  .site-footer .subscribe{align-self:center !important}
}

/* ---------- põhiruudustik: menüü vasakule, punane kaart paremale ---------- */
.site-footer .container{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) minmax(440px,560px);
  column-gap:72px;
  align-items:stretch;
  position:relative;
  padding-bottom:0 !important;
}

.site-footer .footer-menu{
  grid-column:1; grid-row:1;
  display:block !important;
  padding:0 !important; margin:0 !important; width:100% !important;
}

/* ---------- menüü kolmes tulbas ---------- */
.site-footer .footer-menu .navbar-nav{
  display:grid !important;
  grid-template-columns:auto auto auto;
  column-gap:32px; row-gap:0;
  justify-content:space-between;
  text-align:left !important;
  margin:0 !important; padding:0 !important;
}
.site-footer .footer-menu .navbar-nav > li{margin:0 !important}

/* rubriigipealkirjad */
.site-footer .footer-menu .navbar-nav > li > a{
  font-size:12.5px !important; letter-spacing:.11em; text-transform:uppercase;
  color:#EF4129 !important; font-weight:600 !important; padding:0 !important; margin:0 !important;
  display:block; line-height:1.2 !important;
}

/* Alampunktid.
   NB! Teema annab igale footeri lingile margin-bottom:16px — see tekitas
   ridade vahele suured augud. Nulli see ja hoia vahe li tasemel.
   font-size:0 ul-il kaotab ära tühikutest tekkivad lisavahed. */
.site-footer .footer-menu .sub-menu{
  display:block !important; margin:10px 0 0 !important; padding:0 !important; list-style:none;
  line-height:0 !important; font-size:0 !important;
}
.site-footer .footer-menu .sub-menu li{
  margin:0 0 7px !important; line-height:1.35 !important; font-size:14px !important;
  /* Pehmendus opacity'ga, mitte kindla värviga — nii jääb teema enda tekstivärv
     alles (valge tumedal lehel, must heledal blogilehel) ja tekst on alati loetav. */
  opacity:.78;
}
.site-footer .footer-menu .sub-menu li:hover{opacity:1}
.site-footer .footer-menu .sub-menu a{
  font-size:14px !important; line-height:1.35 !important;
  text-transform:none !important; letter-spacing:0 !important; font-weight:400 !important;
  padding:0 !important; margin:0 !important;
}

/* --- 5 rubriiki (eesti): Meist / Lugemismaterjal | Teenused | Projektid / Kontakt --- */
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(1){grid-column:1; grid-row:1}
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(2){grid-column:1; grid-row:2; margin-top:18px !important}
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(3){grid-column:2; grid-row:1 / span 2}
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(4){grid-column:3; grid-row:1}
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(5){grid-column:3; grid-row:2; margin-top:18px !important}

/* "Meist" oli eesti menüüs kaks korda: rubriigipealkirjana ja esimese alampunktina.
   Puhtam oleks see alampunkt WordPressi menüüst ära võtta (Välimus → Menüüd);
   siin peidame ta ainult ära. Inglise menüüs seda dubleerimist ei ole. */
.site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(1) .sub-menu li:first-child{display:none !important}

/* --- 4 rubriiki (inglise): Our Story | Services | Projects / Contact --- */
.site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(1){grid-column:1; grid-row:1}
.site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(2){grid-column:2; grid-row:1 / span 2}
.site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(3){grid-column:3; grid-row:1}
.site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(4){grid-column:3; grid-row:2; margin-top:18px !important}

/* ---------- punane uudiskirja kaart ---------- */
.site-footer .subscribe{
  grid-column:2; grid-row:1;
  /* alumine polster on meelega väiksem: pealkirja reavahe lükkab teksti
     visuaalselt allapoole, nii et võrdne polster mõjuks alt raskemana */
  margin:0 !important; border-radius:18px; padding:38px 40px 30px !important;
  display:flex; align-items:center;
}
.site-footer .subscribe > div:first-child{width:100%; display:block !important; margin:0 !important}

/* pealkiri → väli → nupp → nõusolek, kõik terve kasti laiuses.
   display:contents tõstab .form-column lapsed otse vormi ruudustikku, muidu
   jääks nõusolekutekst kitsasse tulpa. */
.site-footer .subscribe .wpcf7-form{
  display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
  column-gap:18px; align-items:start;
}
.site-footer .subscribe .subscribe-title{
  grid-column:1 / -1; margin:0 0 18px !important; margin-right:0 !important;
  font-size:24px !important; line-height:1.2 !important;
  max-width:none !important;
}
.site-footer .subscribe .form-column{display:contents !important}
.site-footer .subscribe .form-group{
  grid-column:1 !important; grid-row:2 !important;
  min-width:0 !important; width:100% !important; display:block !important; margin-bottom:0 !important;
}
.site-footer .subscribe .wpcf7-form > p:has(input.wpcf7-submit){
  grid-column:2 !important; grid-row:2 !important; margin:0 !important; align-self:center;
}
.site-footer .subscribe .form-column > div:nth-child(2){
  grid-column:1 / -1 !important; grid-row:3 !important; margin-top:16px !important;
}
.site-footer .subscribe .wpcf7-response-output{grid-column:1 / -1}
.site-footer .subscribe .hidden-fields-container{display:none !important}
.site-footer .subscribe .form-group p{margin:0 !important; white-space:normal !important}
.site-footer .subscribe .form-label{font-size:13px !important}
.site-footer .subscribe input.wpcf7-email{
  font-size:14px !important; width:100% !important; min-width:0 !important; box-sizing:border-box;
}
.site-footer .subscribe .small-text{font-size:11px !important; line-height:1.5 !important}

/* "Saada" nupp — teema enda kujundus (läbipaistev taust, rasvane kiri,
   nooleikoon taustapildina), lihtsalt ~60% väiksem, et mahuks välja kõrvale.
   Originaal: 32px kiri, 112px parempoolne padding, 82px lai nool. */
.site-footer .subscribe input.wpcf7-submit{
  font-size:19px !important;
  padding:1px 62px 1px 0 !important;
  background-size:46px auto !important;
  background-position:100% 52% !important;
  line-height:1.25 !important;
  width:auto !important;
}

/* ---------- alumine rida ---------- */
.site-footer .disclaimer-text{
  grid-column:1 / -1; grid-row:2;
  text-align:left !important; font-size:11px !important; line-height:32px !important;
  margin-top:44px !important; padding:22px 150px 26px 0 !important;
  border-top:1px solid rgba(255,255,255,.1);
  position:relative; z-index:1;
}

/* Ikoonid asuvad HTML-is punase kasti sees. CSS ei saa elementi ümber tõsta,
   seega toome nad absoluutse positsiooniga alumisse ritta.
   Need on <img> failid, mitte SVG — värvi saab muuta ainult filtriga.
   NB! z-index on meelega maksimumis. Lehel on üle terve ekraani laotuv
   läbipaistev kiht (veateate vidin), mis püüdis ikoonide klikid kinni, ja
   © rida kattis omakorda Instagrami ja Facebooki. Kontrollitud: reCAPTCHA
   märk jääb ikoonidest paremale ega saa kaetud. */
.site-footer .social_media{
  position:absolute !important; right:2px; left:auto; bottom:26px;
  margin:0 !important; gap:14px !important; align-items:center;
  z-index:2147483647;
}
/* invert(.55) = keskmine hall, mis on nähtav nii mustal kui valgel taustal.
   Hover'iks muudame läbipaistvust, mitte värvi — värvi muutus (nt valgeks)
   kaoks heledal blogilehel ära. */
.site-footer .social_media img{filter:brightness(0) invert(.55) !important; opacity:.8; transition:opacity .2s}
.site-footer .social_media a:hover img{opacity:1}

/* ---------- mobiil ---------- */
@media (max-width:991.98px){
  .site-footer .container{grid-template-columns:1fr 1fr; column-gap:18px}
  .site-footer .subscribe{grid-column:1 / -1; grid-row:1; margin-bottom:26px !important; padding:28px 24px 22px !important}
  .site-footer .subscribe .subscribe-title{
    font-size:19px !important; margin-bottom:14px !important;
  }
  .site-footer .subscribe .wpcf7-form{column-gap:12px}
  .site-footer .subscribe input.wpcf7-submit{
    font-size:17px !important; padding-right:54px !important; background-size:40px auto !important;
  }

  .site-footer .footer-menu{grid-column:1 / -1; grid-row:2}
  .site-footer .footer-menu .navbar-nav{grid-template-columns:1fr 1fr; column-gap:18px; row-gap:20px}

  .site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(1){grid-column:1; grid-row:1}
  .site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(2){grid-column:2; grid-row:1; margin-top:0 !important}
  .site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(3){grid-column:1 / -1; grid-row:2}
  .site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(4){grid-column:1; grid-row:3}
  .site-footer .footer-menu .navbar-nav:has(> li:nth-child(5)) > li:nth-child(5){grid-column:2; grid-row:3; margin-top:0 !important}

  .site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(1){grid-column:1 / -1; grid-row:1}
  .site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(2){grid-column:1 / -1; grid-row:2}
  .site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(3){grid-column:1; grid-row:3}
  .site-footer .footer-menu .navbar-nav:not(:has(> li:nth-child(5))) > li:nth-child(4){grid-column:2; grid-row:3; margin-top:0 !important}

  /* pikk teenuste nimekiri kahte tulpa */
  .site-footer .footer-menu .navbar-nav > li:nth-child(3) .sub-menu,
  .site-footer .footer-menu .navbar-nav > li:nth-child(2) .sub-menu{columns:2; column-gap:18px}

  .site-footer .disclaimer-text{
    grid-row:4; margin-top:30px !important; padding:18px 0 20px !important;
  }
  .site-footer .social_media{bottom:20px !important}
}