/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2019 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
./* =========================================
   GLOBAL SPACING TIGHTENING - JA BLOCKK (T4)
   Membuat jarak antar posisi/modul lebih rapat
   ========================================= */

/* 1. Rapikan jarak default setiap modul */
.t4-module {
  margin-top: 0;
  margin-bottom: 12px; /* default bawaan biasanya lebih besar, kita kecilkan */
}

/* 2. Jangan ada gap berlebih di modul terakhir dalam satu posisi */
.t4-module:last-child {
  margin-bottom: 0;
}

/* 3. Rapatkan semua posisi modul yang dibungkus class position-... */
[class*="position-"] > .t4-module,
.t4-module[class*="position-"] {
  margin-top: 0;
  margin-bottom: 12px;
}

/* 4. Rapatkan jarak antar section utama (spotlight, body-top, body-bot, dsb)
      tapi jangan ganggu header, footer, dan offcanvas */
.t4-section {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: 0;
  margin-bottom: 10px;
}

.t4-header,
.t4-footer,
.t4-offcanvas {
  padding-top: inherit;
  padding-bottom: inherit;
  margin-bottom: inherit;
}

/* 5. Row di dalam main/content dibuat lebih kompak */
.t4-main .row,
.t4-content .row,
.t4-section .row {
  margin-top: 0;
  margin-bottom: 10px;
}

/* 6. Sedikit rapatkan blok posisi khusus yang biasanya tinggi:
      body-top, body-bot, spotlight, iklan, bottom, footer */
[class*="position-body-top"],
[class*="position-body-bot"],
[class*="position-spotlight"],
[class*="position-iklan"],
[class*="position-bottom"],
[class*="position-footer"] {
  margin-top: 0;
  margin-bottom: 10px;
}

/* 7. Kalau ada modul grid/berita yang dikasih padding besar, kecilkan sedikit */
.t4-module .module-inner,
.t4-module .t4-module-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}