/* =========================================================
   TapeThat – SITE SAFE RESTORE (v1)
   Eesmärk:
   - Taastab tumeda tausta + päise (ei mingeid bullet’e)
   - Taastab TapeThat nupud (primary/secondary/cta)
   - Teenuste (#tt-services) nupud: kuldne outline (test)
   - Galeriid: 1/2/3 tulpa (mitte 4) + pealkirjad valged + hover raam kuldseks
   - Reklaamkleebised (page-id-588): AINULT raam kuldseks (EI PUUTU pilte)
   NB! Ei lisa/ei muuda tekste ega HTML-i.
========================================================= */

/* ---------- Muutujad ---------- */
:root{
  --tt-bg-dark: #050814;
  --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);
  --tt-accent: #ff007c;
}

/* ---------- Üldine tume taust (fix “valged servad”) ---------- */
html, body{
  background: var(--tt-bg-dark) !important;
  margin: 0;
  padding: 0;
}

/* Hello/Elementor wrapperid – hoia tume */
#page, .site, .site-content, .site-main{
  background: var(--tt-bg-dark) !important;
}

/* ---------- Päis / menüü (fix bullet-list ja “kadunud header”) ---------- */
header.site-header,
.site-header{
  background: var(--tt-bg-dark) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  display: block !important;
  width: 100% !important;
}

/* eemaldab bullets */
header.site-header ul,
header.site-header ol,
.site-header ul,
.site-header ol{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Block nav + klassikaline menu */
.site-header .wp-block-navigation__container,
header.site-header .wp-block-navigation__container,
.site-header .menu,
header.site-header .menu{
  display: flex !important;
  gap: 28px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* linkide värv */
.site-header a,
header.site-header a{
  color: var(--tt-text-white) !important;
  text-decoration: none !important;
}
.site-header a:hover,
header.site-header a:hover{
  color: var(--tt-gold) !important;
}

/* dropdown */
.site-header .sub-menu,
header.site-header .sub-menu,
.site-header .wp-block-navigation__submenu-container,
header.site-header .wp-block-navigation__submenu-container{
  background: var(--tt-bg-dark) !important;
  border-radius: 12px !important;
  padding: 8px 0 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.45) !important;
}

/* ---------- Nupud (fix “mustad nupud”) ---------- */
.tt-btn-primary,
a.tt-btn-primary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  cursor: pointer !important;

  background: linear-gradient(135deg, var(--tt-accent), #ff4f9a) !important;
  color: #ffffff !important;
  border: none !important;
}

.tt-btn-secondary,
a.tt-btn-secondary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;

  border: 1px solid rgba(148,163,184,0.6) !important;
  color: #e5e7eb !important;
  background: rgba(15,17,21,0.4) !important;
}

/* CTA kollases kastis: must pill + kuldne tekst */
.tt-cta-btn,
a.tt-cta-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-decoration: none !important;

  background: #111827 !important;
  color: var(--tt-gold) !important;
  border: 1px solid rgba(250,204,21,.55) !important;
}
.tt-cta-btn:hover,
a.tt-cta-btn:hover{
  background: #020617 !important;
  border-color: var(--tt-gold) !important;
  color: var(--tt-gold) !important;
}

/* ---------- Esileht teenused: kuldne outline (ainult #tt-services sees) ---------- */
#tt-services :is(a.tt-btn, a.tt-btn-outline, .tt-card-footer a, .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;
}
#tt-services :is(a.tt-btn, a.tt-btn-outline, .tt-card-footer a, .tt-card a.tt-btn):hover{
  background: rgba(250,204,21,.16) !important;
  border-color: var(--tt-gold) !important;
}

/* =========================================================
   GALERII – ÜLDINE (v.a Reklaamkleebised)
   - 1/2/3 tulpa
   - valged tekstid
   - hover raam kuldseks
   - EI muuda img reegleid siin (kui sul on eraldi gallery-css, see jääb alles)
========================================================= */

/* Grid 1/2/3 (vältimaks 4-tulba inline reegleid) */
body:not(.page-id-588) :where(
  #tt-gallery .tt-grid,
  #tt-ppf-gallery .tt-grid,
  #tt-glass-gallery .tt-grid,
  .tt-project-grid,
  .tt-gallery-grid,
  .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) :where(
    #tt-gallery .tt-grid,
    #tt-ppf-gallery .tt-grid,
    #tt-glass-gallery .tt-grid,
    .tt-project-grid,
    .tt-gallery-grid,
    .tt-yc-gallery-grid
  ){
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

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

/* Kaardi raam + hover */
body:not(.page-id-588) :where(
  #tt-gallery,
  #tt-ppf-gallery,
  #tt-glass-gallery,
  .tt-project-grid,
  .tt-gallery-grid,
  .tt-yc-gallery-grid
) :is(.tt-card, .tt-project-card, .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) :where(
    #tt-gallery,
    #tt-ppf-gallery,
    #tt-glass-gallery,
    .tt-project-grid,
    .tt-gallery-grid,
    .tt-yc-gallery-grid
  ) :is(.tt-card, .tt-project-card, .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);
  }
}

/* Tekstid valgeks (ainult galerii sees) */
body:not(.page-id-588) :where(
  #tt-gallery,
  #tt-ppf-gallery,
  #tt-glass-gallery,
  .tt-project-grid,
  .tt-gallery-grid,
  .tt-yc-gallery-grid
) :is(.tt-card-title, .tt-project-title, h2, h3, h4, h5){
  color: var(--tt-text-white) !important;
}
body:not(.page-id-588) :where(
  #tt-gallery,
  #tt-ppf-gallery,
  #tt-glass-gallery,
  .tt-project-grid,
  .tt-gallery-grid,
  .tt-yc-gallery-grid
) :is(p, .tt-card-text, .tt-card-excerpt, .tt-project-excerpt){
  color: var(--tt-text-soft) !important;
}

/* =========================================================
   REKLAAMKLEEBISED (page-id-588) – AINULT RAAMID KULDSEKS
   NB! Ei puuduta pilte ega grid-tulpasid ega kõrgusi.
========================================================= */
body.page-id-588 :where(#tt-autopark-gallery, .tt-gallery-grid)
:is(.tt-card, .tt-project-card, .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 :where(#tt-autopark-gallery, .tt-gallery-grid)
  :is(.tt-card, .tt-project-card, .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);
  }
}