/*
Theme Name: Superkul Child
Theme URI: http://@projectby.it&anomys.com
Template: superkul
Author: PROJECT BY IT
Author URI: http://@projectby.it&anomys.com
Description: Superkul Studio Ivan Parada / dev @projectby.it
Version: 1.0.0.1762959449
Updated: 2025-11-12 15:57:29

*/

/* Centriraj hero naslov + social linkove */
.hero_title_and_soc_links {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

/* Linkovi ispod hero teksta – centriraj globalno */
.social_networks_hero {
  display: flex;
  justify-content: center;
  gap: 32px;              /* veći razmak među stavkama */
  margin-top: 100px;       /* veći razmak od teksta iznad */
  list-style: none;
  padding: 0;
}

/* Sitno doterivanje linkova */
.social_networks_hero li { display: inline-block; }
.social_networks_hero a {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  opacity: .7;
  text-decoration: none;
  transition: opacity .2s ease;
}
.social_networks_hero a:hover { opacity: 1; }
/* Više razmaka između navigacije i hero teksta */
.hero_title_and_soc_links {
  margin-top: 100px; /* povećaj po želji: 80px, 100px, 120px */
}
@media (max-width: 768px) {
  .hero_title_and_soc_links {
    margin-top: 80px;
  }
}
/* RESPONSIVE: hero social linkovi se proporcionalno smanjuju, ostaju u jednom redu */
/* ===== HERO: naslov + linkovi (desktop) ===== */
.hero_title_and_soc_links{
  text-align:center;
  max-width: 1200px;
  margin: 80px auto 80px;           /* razmak od logotipa (top) i prema projektima (bottom) */
}
.hero_title_and_soc_links h1{
  margin: 0 0 22px;
  line-height: 1.35;
}

.social_networks_hero{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 32px;                        /* razmak među linkovima */
  margin-top: 18px;                 /* razmak ispod naslova */
}
.social_networks_hero li{ list-style:none; }
.social_networks_hero a{
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  text-decoration: none;
  opacity:.7;
  transition: opacity .2s ease;
}
.social_networks_hero a:hover{ opacity:1; }

/* ===== Razmak do projekata ===== */
.work_home_load_more_wrapper{ 
  margin-top: 60px;
}

/* ===== TABLET (≤1200px) – malo zbijenije ===== */
@media (max-width:1200px){
  .hero_title_and_soc_links{ margin: 56px auto 48px; }
}

/* ===== TABLET USKO (≤900px) – smanji linkove, drži u jednom redu ===== */
@media (max-width:900px){
  .hero_title_and_soc_links{ margin: 36px auto 40px; }
  .social_networks_hero{ transform: scale(.90); gap: 24px; }
  .work_home_load_more_wrapper{ margin-top: 44px; }
}

/* ===== MOB (≤680px) – još zbijenije, i dalje u jednom redu ===== */
@media (max-width:680px){
  .hero_title_and_soc_links{ margin: 28px auto 32px; }
  .social_networks_hero{ transform: scale(.85); gap: 18px; }
}

/* ===== MALI MOB (≤480px) ===== */
@media (max-width:480px){
  .hero_title_and_soc_links{ margin: 22px auto 28px; }
  .social_networks_hero{ transform: scale(.65); gap: 12px; }
  .social_networks_hero a{ font-size: 11px; letter-spacing:.07em; }
  .work_home_load_more_wrapper{ margin-top: 36px; }
}