/*
 Theme Name:     Rekaweb
 Theme URI:      https://rekaweb.id
 Description:    Rekaweb theme
 Author:         Rekaweb
 Author URI:     https://rekaweb.id
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* =======================================================
   Root Variables
   ======================================================= */
:root {
  /* Brand Colors */
  --brand-primary:   #F16240;   /* Oranye kemerahan – energi, nafsu makan */
  --brand-secondary: #F9A825;   /* Kuning – ceria, hangat */
  --brand-accent:    #43A047;   /* Hijau – fresh, sehat */

  /* Neutral Colors */
  --neutral-dark:   #212121;
  --neutral-mid:    #9E9E9E;
  --neutral-light:  #F5F5F5;
  --neutral-border: #E0E0E0;
  --neutral-white:  #FFFFFF;
  --neutral-shadow: rgba(0,0,0,0.1);
}

/* =======================================================
   Blog Loop Grid
   ======================================================= */
.loop-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 24px;
}

.loop-grid > * {
  flex: 1 1 calc(33.333% - 24px);
  display: flex; /* supaya isi kartu bisa stretch */
}

.loop-grid > * .loop-card__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.loop-grid > * .loop-card__footer {
  margin-top: auto; /* dorong tombol/footer ke bawah */
}

/* Responsif */
@media (max-width: 980px) { .loop-grid > * { flex-basis: calc(50% - 24px); } }
@media (max-width: 480px) { .loop-grid > * { flex-basis: 100%; } }

/* (Opsional) Batasi excerpt agar tinggi tidak liar */
.loop-grid .et_pb_loop_excerpt,
.loop-grid .loop-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* kategori */

/* Container kategori jadi flex */
.widget_categories ul {
  display: flex;
  flex-wrap: wrap;   /* supaya turun ke bawah kalau space habis */
  gap: 10px;         /* jarak antar kotak */
  list-style: none;  /* hilangkan bullet */
  padding: 0;
  margin: 0;
}

/* Style link kategori */
.widget_categories ul li a {
  background: var(--brand-primary);
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap; /* biar teks kategori nggak pecah jadi 2 baris */
  transition: background 0.3s;
}

.widget_categories ul li a:hover {
  background: var(--brand-accent);
}

/* lebar full width podt content */
/* Fullwidth Post Content benar2 melebar di HP */
@media (max-width: 767px) {
  #post-body {
    /* paksa lebar ke tepi layar (full-bleed) */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;

    /* jarak aman agar teks gak nempel ke pinggir */
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Tablet (opsional, kalau masih terasa sempit di tablet) */
@media (min-width: 768px) and (max-width: 980px) {
  #post-body {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}