/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
*/

/* =========================================================
   [1] GLOBAL VARIJABLE
   ========================================================= */
:root{
  --idmn-container: 1160px;
  --idmn-cover-radius: 0px 20px 20px 0px;

  --idmn-grid-gap: 24px;
  --idmn-card-radius: 18px;
  --idmn-card-shadow: 0 10px 26px rgba(0,0,0,.10);
  --idmn-card-shadow-hover: 0 16px 34px rgba(0,0,0,.14);
  --idmn-img-h: 280px;
}

/* =========================================================
   [2] WIDTH LOCK (HEADER + CONTENT) – 1160px
   ========================================================= */
.site-header .ast-container,
.site-content .ast-container{
  max-width: var(--idmn-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* (opciono) Gutenberg content/wide size na Home */
body.home{
  --wp--style--global--content-size: 1160px;
  --wp--style--global--wide-size: 1160px;
}

/* =========================================================
   [3] COVER (HOME + DRŽAVA)
   ========================================================= */
.home .wp-block-cover,
.single-drzava .wp-block-cover,
.single-drzave .wp-block-cover{
  border-radius: var(--idmn-cover-radius);
  overflow: hidden;
  max-width: var(--idmn-container);
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   [4] REGIJE GRID (Single Država)
   ========================================================= */
.idmn-regije-grid{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: var(--idmn-grid-gap);
  max-width: var(--idmn-container);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width:1024px){
  .idmn-regije-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width:640px){
  .idmn-regije-grid{ grid-template-columns: 1fr; }
}

a.idmn-regija-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--idmn-card-radius);
  overflow: hidden;
  text-decoration: none;
  background: #fff;
  box-shadow: var(--idmn-card-shadow);
  transition: transform .18s ease, box-shadow .18s ease;
}
a.idmn-regija-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--idmn-card-shadow-hover);
}

.idmn-regija-img{
  width: 100%;
  height: var(--idmn-img-h);
  overflow: hidden;
}
.idmn-regija-img img{
  width: 100%;
  height: var(--idmn-img-h);
  object-fit: cover;
  display: block;
}
.idmn-regija-title{
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  color: #111;
}

/* =========================================================
   [5] HOME – COUNTRY GRID CLEAN (8 KOLONA VINKLA)
   ========================================================= */
.home-country-grid-clean {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 12px !important;
  max-width: var(--idmn-container);
  margin: 40px auto 60px auto;
}

.home-country-grid-clean .country {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  padding: 10px 5px !important; 
  border-radius: 14px;
  font-size: 16px !important;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  transition: transform .15s ease, box-shadow .15s ease;
  min-height: 50px !important;
}

@media (max-width: 1200px) {
  .home-country-grid-clean { grid-template-columns: repeat(6, 1fr) !important; }
}
@media (max-width: 1024px) {
  .home-country-grid-clean { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 640px) {
  .home-country-grid-clean { grid-template-columns: repeat(2, 1fr) !important; }
}

/* =========================================================
   [6] HOME BENEFITS
   ========================================================= */
.home-country-grid{
  margin-top: 60px;
}

.home-country-grid svg{
  width: 45px;
  height: 45px;
  display: block;
  margin: 0 auto 12px auto;
  color: #005B96;
}

.home-country-grid svg *{
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   [7] GR – “wrapper” klasa
   ========================================================= */
.single-drzava .gr-wrap-1160.wp-block-group,
.single-drzave .gr-wrap-1160.wp-block-group{
  max-width: var(--idmn-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.single-drzava .site-content .ast-container,
.single-drzave .site-content .ast-container,
.single-drzava .entry-content,
.single-drzave .entry-content,
.single-drzava .site-content .entry-content > *,
.single-drzave .site-content .entry-content > *,
.single-drzava .wp-block-cover,
.single-drzave .wp-block-cover,
.single-drzava article.ast-article-single,
.single-drzave article.ast-article-single {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.single-drzava .wp-block-cover,
.single-drzave .wp-block-cover{
  padding-left: 22px !important;
}

body.single-drzava.postid-XXXX{
  --gr-container: var(--ast-container-width, 1160px);
}

body.single-drzava.postid-XXXX .entry-content > .alignfull,
body.single-drzava.postid-XXXX .entry-content > .alignwide,
body.single-drzava.postid-XXXX .entry-content > .wp-block-cover.alignfull,
body.single-drzava.postid-XXXX .entry-content > .wp-block-cover.alignwide,
body.single-drzava.postid-XXXX .entry-content > .wp-block-group.alignfull,
body.single-drzava.postid-XXXX .entry-content > .wp-block-group.alignwide,
body.single-drzava.postid-XXXX .entry-content > .wp-block-columns.alignfull,
body.single-drzava.postid-XXXX .entry-content > .wp-block-columns.alignwide{
  max-width: var(--gr-container) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-drzava.postid-XXXX .entry-content > .alignfull > .wp-block-group__inner-container,
body.single-drzava.postid-XXXX .entry-content > .alignwide > .wp-block-group__inner-container,
body.single-drzava.postid-XXXX .entry-content > .wp-block-cover.alignfull > .wp-block-cover__inner-container,
body.single-drzava.postid-XXXX .entry-content > .wp-block-cover.alignwide > .wp-block-cover__inner-container{
  max-width: var(--gr-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-drzava.postid-XXXX .gform_wrapper,
body.single-drzava.postid-XXXX .gform_wrapper *{
  max-width: none !important;
}