/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



/* Pastikan gambar memiliki posisi relatif */
.gb-block-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Judul tetap di dalam gambar, lebih kecil, dan ada sedikit ruang di kiri kanan */
.gb-block-image .post-title {
    position: absolute;
    bottom: 5px; /* Lebih dekat ke bawah */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 14px; /* Ukuran lebih kecil */
    font-weight: bold;
    background: rgba(0, 0, 0, 0.5); /* Transparansi lebih lembut */
    padding: 4px 10px; /* Tambahkan padding kiri-kanan agar lebih rapi */
    border-radius: 0px; /* Sudut lebih kecil */
    text-align: center;
    width: calc(100% - 20px); /* Lebar tetap seukuran gambar, tapi ada ruang kiri kanan */
    max-width: 90%; /* Batasi agar tidak terlalu panjang */
    opacity: 1;
    pointer-events: none; /* Biarkan klik melewati ke gambar */
	
}

/* Gambar normal, hanya buram saat hover */
.gb-block-image img {
    transition: all 0.3s ease-in-out;
}

/* Gambar menjadi buram saat hover */
.gb-block-image:hover img {
    filter: brightness(50%) blur(3px);
}


/* Pastikan gambar memiliki posisi relatif */
.gb-block-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Efek hover: Gambar menjadi buram */
.gb-block-image:hover img {
    filter: brightness(50%) blur(3px);
    transition: all 0.3s ease-in-out;
}
/* Ikon Play menggunakan teks "▶" tanpa background *//* Container gambar */
.gb-block-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Efek hover: Gambar sedikit buram, tapi masih jelas */
.gb-block-image:hover img {
    filter: brightness(60%) blur(1.5px); /* Kecerahan 60% & blur 1.5px (lebih halus) */
    transition: all 0.3s ease-in-out;
}


/* Ikon Play */
.gb-block-image::after {
    content: "\f04b"; /* Unicode untuk ikon play Font Awesome */
    font-family: "Font Awesome 5 Free"; /* Font Awesome family */
    font-weight: 900; /* Ketebalan ikon */
    font-size: 30px; /* Ukuran ikon */
    color: white; /* Warna ikon */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Bentuk lingkaran */
    border: 3px solid white; /* Border putih */
    background: none; /* Tanpa latar belakang */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

/* Munculkan ikon Play saat hover */
.gb-block-image:hover::after {
    opacity: 1;
}


/* Munculkan ikon Play saat hover */
.gb-block-image:hover::after {
    opacity: 1;
}

.titlehide {
	display: none!important;
}

.titlearchive {
	display: none!important;
}



.generate-columns-container {
    background-color: #fff;
    padding-right: 8px;  /* Jarak luar */
	padding-top: 5px;
    border: 0px solid #DDDDDD; 
	border-radius: 0px;
}


@media (max-width: 768px) {
  .generate-columns-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px !important;
    padding: 15px 5px 0 5px !important;
  }

  .generate-columns-container img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important; /* Menjaga rasio poster */
    object-fit: cover !important;
    display: block;
  }
}


	
	  /* Akhir Ukuran gambar tetap */


	
.patenpedia-footer-widgets-wrapper {
    background: #fff; /* Background putih */
    width: 100%;
    padding: 30px 0;
    border-top: 4px solid #EAEAEA;
}

.patenpedia-footer-widgets {
    max-width: 1200px; /* Batas maksimal sesuai theme */
    margin: 0 auto; /* Pusatkan */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}

.footer-widget-box {
    flex: 1;
    max-width: 32%; /* Tiga kolom sejajar di desktop */
    padding: 15px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    background: #fff;
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
    .patenpedia-footer-widgets {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 5px;
    }
    .footer-widget-box {
        max-width: 90%; /* Agar tidak terlalu lebar di mobile */
        margin-bottom: 10px;
		border-top: 2px solid #E50A4A;
    }
}

	@media (max-width: 768px) {
    .footer-widget-box:nth-child(2), /* Kotak Kategori */
    .footer-widget-box:nth-child(3)  /* Kotak Label Negara */ {
        display: none;
    }
}