/* =========================================================
   TapeThat – SAFE PATCH (Plugin-injected CSS)
   Eesmärk:
   1) Reklaamkleebised (page-id-588): AINULT kaartide raam kuldseks (ei puutu pilte / grid'i)
   2) Muud galeriid: max 3 tulpa (mitte 4), valged pealkirjad, hover raam kuldseks
   3) Esileht #tt-services nupud: kuldne outline (test)
   NB! Ei sisalda ühtegi IMG / OBJECT-FIT reeglit.
========================================================= */

:root{
  --tt-gold: #facc15;
  --tt-gold-soft: rgba(250,204,21,.45);
  --tt-border-soft: rgba(148,163,184,.28);
  --tt-text-white: #f9fafb;
  --tt-text-soft: rgba(245,247,251,.82);
}

/* =========================================================
   1) ESILEHT – TEENUSTE NUPUD (ainult #tt-services sees)
========================================================= */
#tt-services a.tt-btn,
#tt-services a.tt-btn-outline,
#tt-services .tt-card-footer a,
#tt-services .tt-card a.tt-btn{
  border: 1px solid var(--tt-gold) !important;
  color: var(--tt-gold) !important;
  background: rgba(250,204,21,.08) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 1px rgba(250,204,21,.18) inset !important;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease !important;
  text-decoration: none !important;
}
#tt-services a.tt-btn:hover,
#tt-services a.tt-btn-outline:hover,
#tt-services .tt-card-footer a:hover,
#tt-services .tt-card a.tt-btn:hover{
  background: rgba(250,204,21,.16) !important;
  box-shadow:
    0 0 0 2px rgba(250,204,21,.22) inset,
    0 10px 24px rgba(0,0,0,.35) !important;
  transform: translateY(-1px);
}

/* =========================================================
   2) GALERII – ÜLDINE FIX (KÕIK lehed v.a Reklaamkleebised)
   - 1/2/3 tulpa
   - pealkirjad valgeks
   - hover border kuldseks
========================================================= */

/* 2.1 GRID: sunnime 3 tulpa max (väldib 4-tulba reegleid) */
body:not(.page-id-588) #tt-gallery .tt-grid,
body:not(.page-id-588) #tt-ppf-gallery .tt-grid,
body:not(.page-id-588) #tt-glass-gallery .tt-grid,
body:not(.page-id-588) #tt-autopark-gallery .tt-gallery-grid,
body:not(.page-id-588) .tt-project-grid,
body:not(.page-id-588) .tt-gallery-grid,
body:not(.page-id-588) .tt-yc-gallery-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  align-items: stretch !important;
}

@media (min-width: 720px){
  body:not(.page-id-588) #tt-gallery .tt-grid,
  body:not(.page-id-588) #tt-ppf-gallery .tt-grid,
  body:not(.page-id-588) #tt-glass-gallery .tt-grid,
  body:not(.page-id-588) #tt-autopark-gallery .tt-gallery-grid,
  body:not(.page-id-588) .tt-project-grid,
  body:not(.page-id-588) .tt-gallery-grid,
  body:not(.page-id-588) .tt-yc-gallery-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 980px){
  body:not(.page-id-588) #tt-gallery .tt-grid,
  body:not(.page-id-588) #tt-ppf-gallery .tt-grid,
  body:not(.page-id-588) #tt-glass-gallery .tt-grid,
  body:not(.page-id-588) #tt-autopark-gallery .tt-gallery-grid,
  body:not(.page-id-588) .tt-project-grid,
  body:not(.page-id-588) .tt-gallery-grid,
  body:not(.page-id-588) .tt-yc-gallery-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* 2.2 Kaardid: border + hover (ei mõjuta #tt-services valgeid kaarte) */
body:not(.page-id-588) #tt-gallery .tt-card,
body:not(.page-id-588) #tt-ppf-gallery .tt-card,
body:not(.page-id-588) #tt-glass-gallery .tt-card,
body:not(.page-id-588) #tt-autopark-gallery .tt-card,
body:not(.page-id-588) .tt-project-grid .tt-project-card,
body:not(.page-id-588) .tt-gallery-grid .tt-card,
body:not(.page-id-588) .tt-gallery-grid .tt-project-card,
body:not(.page-id-588) .tt-yc-gallery-grid .tt-yc-gallery-item{
  border: 1px solid var(--tt-border-soft) !important;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

@media (hover:hover){
  body:not(.page-id-588) #tt-gallery .tt-card:hover,
  body:not(.page-id-588) #tt-ppf-gallery .tt-card:hover,
  body:not(.page-id-588) #tt-glass-gallery .tt-card:hover,
  body:not(.page-id-588) #tt-autopark-gallery .tt-card:hover,
  body:not(.page-id-588) .tt-project-grid .tt-project-card:hover,
  body:not(.page-id-588) .tt-gallery-grid .tt-card:hover,
  body:not(.page-id-588) .tt-gallery-grid .tt-project-card:hover,
  body:not(.page-id-588) .tt-yc-gallery-grid .tt-yc-gallery-item:hover{
    border-color: var(--tt-gold) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.55) !important;
    transform: translateY(-2px);
  }
}

/* 2.3 Tekstid valgeks – ainult galeriide sees */
body:not(.page-id-588) #tt-gallery .tt-card-title,
body:not(.page-id-588) #tt-ppf-gallery .tt-card-title,
body:not(.page-id-588) #tt-glass-gallery .tt-card-title,
body:not(.page-id-588) #tt-autopark-gallery .tt-card-title,
body:not(.page-id-588) .tt-project-grid .tt-project-title,
body:not(.page-id-588) .tt-gallery-grid .tt-card-title,
body:not(.page-id-588) .tt-yc-gallery-grid .tt-project-title,
body:not(.page-id-588) .tt-yc-gallery-grid h3{
  color: var(--tt-text-white) !important;
}

body:not(.page-id-588) #tt-gallery .tt-card-text,
body:not(.page-id-588) #tt-ppf-gallery .tt-card-text,
body:not(.page-id-588) #tt-glass-gallery .tt-card-text,
body:not(.page-id-588) #tt-autopark-gallery .tt-card-text,
body:not(.page-id-588) .tt-project-grid .tt-project-excerpt,
body:not(.page-id-588) .tt-gallery-grid .tt-card-text,
body:not(.page-id-588) .tt-yc-gallery-grid .tt-project-excerpt{
  color: var(--tt-text-soft) !important;
}

/* =========================================================
   3) REKLAAMKLEEBISED (page-id-588) – AINULT RAAMID KULDSEKS
   NB! Ei puutu pilte ega grid’i.
========================================================= */
body.page-id-588 #tt-autopark-gallery .tt-card,
body.page-id-588 .tt-gallery-grid .tt-card,
body.page-id-588 .tt-gallery-grid .tt-project-card,
body.page-id-588 .tt-yc-gallery-grid .tt-yc-gallery-item{
  border: 1px solid var(--tt-gold-soft) !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

@media (hover:hover){
  body.page-id-588 #tt-autopark-gallery .tt-card:hover,
  body.page-id-588 .tt-gallery-grid .tt-card:hover,
  body.page-id-588 .tt-gallery-grid .tt-project-card:hover,
  body.page-id-588 .tt-yc-gallery-grid .tt-yc-gallery-item:hover{
    border-color: var(--tt-gold) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.55) !important;
    transform: translateY(-2px);
  }
}