/*
Theme Name: generatepress-cafe24
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
*/

*{
   font-family: 'Noto Sans KR', sans-serif;
}

p{
   font-size:16px;
   color:#353535;
}

ol, ul{
   margin:1em 0 1em 1em;
}

li > ol, li > ul{
   margin-bottom:1em;
}

ul{
   font-size:16px;
}

h1{
   font-size:28px;
   font-weight:600;
   color:#353535;
}

@media(max-width: 600px) {
  .wp-block-table {
    overflow-x: scroll;
  }

  .wp-block-table table {
    min-width: 1000px;
  }
}



td {
	text-align:center; !important
}


.single h2{
   font-size:20px;
   font-weight:bold;
   padding:15px 18px 13px 18px;
   background:#0489B1;
   border-radius:15px 15px 0 0;
   border-bottom:3px solid #086A87;
   color:#fff;
   margin-bottom:10px;
}

.single h3{
   font-size:18px;
   font-weight:bold;
   border-left:5px solid #25deac;
   background:#4a5157;
   padding:10px 10px 10px 10px;
   margin-top:20px;
   color:#fff;
}

h4{
   font-size:18px;
}

h5{
   font-size:18px;
}

h6{
   font-size:18px;
}

table th{
   font-size:15px;
}

table td{
   font-size:15px;
}


.site-content .content-area{width:100%;}
.is-right-sidebar{width:20%;}

.entry-header h1{color:#4a5157;}
.entry-content{margin-top:1.5em !important;}
.widget ul li a {
	font-size:14px;
	text-decoration: none;
	color:#000;
}

.inside-header{
	padding:10px 0;
}

.page-header{
	border-radius:10px;
	border:1px solid #eee;
}

.separate-containers .inside-article>.featured-image{text-align:center;}

.inside-article{border-radius:10px;overflow:hidden;box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05);}

.inside-right-sidebar{overflow:hidden;border-radius:10px;}

.entry-meta{display:none;}

.post-image{
	text-align:center;
}

.entry-summary p{
	display:grid;
	gap:10px;
}

.read-more{
	width:90px;
	background:#000;
	color:#ddd !important;
	text-decoration: none;
	padding:5px 10px;
	font-size:14px !important;
	text-align:center;
	display:inline-block;
}

.read-more:hover{
	transition:0.3s;
	color:#fff !important;
}

a.button, a.wp-block-button__link:not(.has-background) {
	border: none;
	background: rgb(251,33,117);
	background: linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%);
	color: #fff;
	overflow: hidden;
	border-radius:5px;
	font-weight:bold;
	margin:0 0 20px 0;
}

.inside-right-sidebar {
	top: 0;
	position: sticky;
	box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 2px 2px rgba(0,0,0,0.05);
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	margin-bottom:10px;
}

figure.wp-block-gallery.has-nested-images {
	margin-bottom:20px;
}

body.archive .inside-article, body.home .inside-article {
	width:100%;
	display:grid;
	grid-template-columns: 200px 1fr;
	grid-template-rows: auto auto;
	gap:20px 40px;
	padding:20px 40px;
}

body.archive .inside-article .entry-header {
    grid-column: 1 / -1;
}

body.archive .inside-article .post-image {
    grid-column: 1;
    margin-top: 0;
}

body.archive .inside-article .entry-summary {
	grid-column: 2;
    margin-top: 0;
}



body.home .inside-article .entry-header {
    grid-column: 1 / -1;
}

body.home .inside-article .post-image {
    grid-column: 1;
    margin-top: 0;
}

body.home .inside-article .entry-summary {
	grid-column: 2;
    margin-top: 0;
}


h2.entry-title{
	font-size:28px;
	font-weight:bold;
	letter-spacing:-1px;
}

.widget-area .widget{
	padding:0 0 20px 0;
}

.single h2.widget-title,
.widget-title {
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
	padding:15px 20px 15px 20px;
	background:#222222;
	color:#fff;
}

.widget_nav_menu ul li{
	padding:0 20px;
}


.widget_nav_menu ul li a:hover {
	font-weight:bold;
}


.widget_nav_menu .current-menu-item a,.widget_nav_menu .current-menu-parent a {
	font-weight:bold;
}


.widget_nav_menu ul li ul li{
	padding:0;
}

.widget_nav_menu ul li ul li a{
	color:#BDBDBD;
}

.widget_nav_menu ul li ul li a:hover {
	color:#4a5157;
}

.widget_nav_menu ul li ul li:after {
	content:'';
	width:4px;
	height:3px;
	background:#BDBDBD;
	position:absolute;
	top:50%;
	left:-10px;
}

.no-results .inside-article {
	display:grid !important;
	grid-template-columns: 1fr !important;
} 

@media (max-width: 768px) {
	body.archive .inside-article, body.home .inside-article {
		width:100%;
		display:grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
		gap:20px 40px;
		padding:20px;
	}
	
	body.archive .inside-article .entry-header {
		grid-column: 1 / -1;
	}

	body.archive .inside-article .post-image {
		grid-column: 1;
		margin-top: 0;
	}

	body.archive .inside-article .entry-summary{
		grid-column: 1;
		margin-top: 0;
	}

	body.home .inside-article .entry-header {
		grid-column: 1 / -1;
	}

	body.home .inside-article .post-image {
		grid-column: 1;
		margin-top: 0;
	}

	body.home .inside-article .entry-summary {
		grid-column: 1;
		margin-top: 0;
	}

	.inside-header {
		padding:10px 10px;
	}
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
		padding:30px 15px;
	}
	
	a.button, a.wp-block-button__link:not(.has-background) {
		margin:0;
	}
	
	.wp-block-buttons.is-content-justification-center {
		margin-bottom:20px;
	}
	
	#main {
		margin-left:10px;
		margin-right:10px;
		margin-bottom:20px !important;
	}
	
	.inside-right-sidebar{display:none;}

	.wp-block-buttons>.wp-block-button {
		width:80%;
	}
}







/* 다운로드 스킨용 */
/* 기본 스타일 */
.button-content a,
.button-content .download-link
{
  -webkit-mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,.2) 50%, #000 75%);
  mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,.2) 50%, #000 75%);
  -webkit-mask-size: 500%;
  mask-size: 500%;
  -webkit-mask-position: 0;
  mask-position: 0;
  position: relative;
  transition: all 0.3s ease, box-shadow 0.3s ease;
  animation:none;
}

/* 마우스 오버 시 효과 */
.button-content a:hover,
.button-content .download-link:hover
{
  opacity: 0.8;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
  -webkit-mask-position: 120%;
  mask-position: 120%;
  transition: all 0.5s ease, -webkit-mask-position 0.5s ease, mask-position 0.5s ease, box-shadow 0.3s ease;
}


/* 반짝임 효과 */
.button-content a.shining {
  -webkit-mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,.2) 50%, #000 75%);
  mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,.2) 50%, #000 75%);
  -webkit-mask-size: 500%;
  mask-size: 500%;
  -webkit-mask-position: 0;
  mask-position: 0;
  animation: autoShine 0.6s ease forwards;
}

@keyframes autoShine {
  0% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
  50% {
    -webkit-mask-position: 120%;
    mask-position: 120%;
  }
  100% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
}


.category-app .snippet {
	margin-bottom:20px;
}

.category-app .info {
	margin-bottom:20px;
}

/* 테이블 파란색 테마 */
.category-app .program-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  border: 1px solid #c2d5e8;
  margin-bottom:20px;
}

.category-app .program-table caption {
  color: white;
  font-size: 18px;
  font-weight: 600;
  background-color: #2c5282;
  padding: 15px;
  text-align: center;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.category-app .program-table th {
    text-align: center;
    padding: 10px 16px !important;
    background-color: #3182ce;
    color: white;
    font-weight: bold;
    width: 30%;
    border-bottom: 1px solid #c2d5e8;
    border: auto !important;
}

.category-app .program-table td {
  padding: 10px 16px;
  color: #2d3748;
  border-bottom: 1px solid #c2d5e8;
  width: 70%;
}

.category-app .program-table tr:nth-child(even) {
  background-color: #ebf8ff;
}

.category-app .program-table tr:last-child th,
.category-app .program-table tr:last-child td {
  border-bottom: none;
}

.category-app .program-table tr:hover {
  background-color: #bee3f8;
}

.category-app .program-table a {
  color: #3182ce;
  text-decoration: none;
  transition: color 0.2s;
}

.category-app .program-table a:hover {
  color: #2b6cb0;
  text-decoration: underline;
}


@media (max-width: 767px) {
  .category-app .program-table {
    border: none !important;
    box-shadow: none !important;
  }
  
  .category-app .program-table th,
  .category-app .program-table td {
    padding: 12px;
    font-size: 14px;
  }
  
  .category-app .program-table caption {
    font-size: 16px;
    border-radius: 6px;
    margin-bottom: 10px;
    width:auto;
  }
  
  .category-app .program-table tr {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #c2d5e8;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  }

  .category-app .program-table tr:nth-child(even) {
    background:transparent !important;
  }
  
  .category-app .program-table tr:last-child {
    margin-bottom: 0;
  }
  
  .category-app .program-table tbody {
    display: block;
  }
  
  .category-app .program-table th,
  .category-app .program-table td {
    display: block;
    width: auto;
    text-align: center;
  }
  
  .category-app .program-table th {
    border-bottom: none;
    border-radius: 0;
  }
}

/* 테이블 파란색 테마 끝 */ 

/* 네이버 스타일 녹색 테마 */
.category-app .program-table.green {
  border: 1px solid #c2e0d2;
}

.category-app .program-table.green caption {
  background-color: #2a8350;
  color: white;
}

.category-app .program-table.green th {
  background-color: #39a667;
  color: white;
  border-bottom: 1px solid #c2e0d2;
}

.category-app .program-table.green td {
  border-bottom: 1px solid #c2e0d2;
}

.category-app .program-table.green tr:nth-child(even) {
  background-color: #f0f8f4;
}

.category-app .program-table.green tr:hover {
  background-color: #e1f0e7;
}

.category-app .program-table.green a {
  color: #39a667 !important;
}

.category-app .program-table.green a:hover {
  color: #2a8350 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.green tr {
    border: 1px solid #c2e0d2;
  }
}

/* 테이블 녹색 테마  */


/* 테이블 노란색(카카오톡) 테마 */
.category-app .program-table.yellow {
  border: 1px solid #f9e79f;
}

.category-app .program-table.yellow caption {
  background-color: #3c1e1e;
  color: white;
}

.category-app .program-table.yellow th {
  background-color: #ffde00;
  color: #3c1e1e;
  border-bottom: 1px solid #f9e79f;
}

.category-app .program-table.yellow td {
  border-bottom: 1px solid #f9e79f;
}

.category-app .program-table.yellow tr:nth-child(even) {
  background-color: #fff9e6;
}

.category-app .program-table.yellow tr:hover {
  background-color: #fff5cc;
}

.category-app .program-table.yellow a {
  color: #3c1e1e !important;
}

.category-app .program-table.yellow a:hover {
  color: #ffde00 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.yellow tr {
    border: 1px solid #f9e79f;
  }
}
/* 테이블 노란색 테마 끝 */


/* 검은색 테마 */
.category-app .program-table.black {
  border: 1px solid #d1d1d1;
}

.category-app .program-table.black caption {
  background-color: #222222;
  color: white;
}

.category-app .program-table.black th {
  background-color: #333333;
  color: white;
  border-bottom: 1px solid #d1d1d1;
}

.category-app .program-table.black td {
  border-bottom: 1px solid #d1d1d1;
}

.category-app .program-table.black tr:nth-child(even) {
  background-color: #f5f5f5;
}

.category-app .program-table.black tr:hover {
  background-color: #e9e9e9;
}

.category-app .program-table.black a {
  color: #333333 !important;
}

.category-app .program-table.black a:hover {
  color: #000000 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.black tr {
    border: 1px solid #d1d1d1;
  }
} 


/* 오렌지 테마 */
.category-app .program-table.orange {
  border: 1px solid #fad2b8;
}

.category-app .program-table.orange caption {
  background-color: #c05621;
  color: white;
}

.category-app .program-table.orange th {
  background-color: #ed8936;
  color: white;
  border-bottom: 1px solid #fad2b8;
}

.category-app .program-table.orange td {
  border-bottom: 1px solid #fad2b8;
}

.category-app .program-table.orange tr:nth-child(even) {
  background-color: #fff5eb;
}

.category-app .program-table.orange tr:hover {
  background-color: #feebd2;
}

.category-app .program-table.orange a {
  color: #dd6b20 !important;
}

.category-app .program-table.orange a:hover {
  color: #c05621 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.orange tr {
    border: 1px solid #fad2b8;
  }
}

/* 레드 테마 */
.category-app .program-table.red {
  border: 1px solid #fed7d7;
}

.category-app .program-table.red caption {
  background-color: #c53030;
  color: white;
}

.category-app .program-table.red th {
  background-color: #e53e3e;
  color: white;
  border-bottom: 1px solid #fed7d7;
}

.category-app .program-table.red td {
  border-bottom: 1px solid #fed7d7;
}

.category-app .program-table.red tr:nth-child(even) {
  background-color: #fff5f5;
}

.category-app .program-table.red tr:hover {
  background-color: #fee2e2;
}

.category-app .program-table.red a {
  color: #e53e3e !important;
}

.category-app .program-table.red a:hover {
  color: #c53030 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.red tr {
    border: 1px solid #fed7d7;
  }
}

/* 보라색 테마 */
.category-app .program-table.purple {
  border: 1px solid #e9d8fd;
}

.category-app .program-table.purple caption {
  background-color: #6b46c1;
  color: white;
}

.category-app .program-table.purple th {
  background-color: #805ad5;
  color: white;
  border-bottom: 1px solid #e9d8fd;
}

.category-app .program-table.purple td {
  border-bottom: 1px solid #e9d8fd;
}

.category-app .program-table.purple tr:nth-child(even) {
  background-color: #faf5ff;
}

.category-app .program-table.purple tr:hover {
  background-color: #f3e8ff;
}

.category-app .program-table.purple a {
  color: #805ad5 !important;
}

.category-app .program-table.purple a:hover {
  color: #6b46c1 !important;
}

@media (max-width: 767px) {
  .category-app .program-table.purple tr {
    border: 1px solid #e9d8fd;
  }
}


.downBtns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin: 30px 0;
}

.downBtns a {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Align text and icon horizontally */
  text-decoration: none !important;
  color: #000 !important;
  background-color: #f5f5f5; /* Button background */
  padding: 0;
  border:1px solid #e4e1e1;
  border-radius: 5px; /* Rounded corners */
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1); /* Subtle shadow */
  overflow:hidden;
}

.downBtns a::before {
  content: '';
  display: inline-block;
  width: 40px; /* Icon size */
  height: 40px;
  margin-right: 10px; /* Space between icon and text */
}

.downBtns a.pc::before {
  background-image: url('/wp-content/uploads/image/pc.svg');
  background-size: contain;
}


.downBtns a.android::before {
  background-image: url('/wp-content/uploads/image/android.svg');
  background-size: contain;
}

.downBtns a.apple::before {
  background-image: url('/wp-content/uploads/image/apple.svg');
  background-size: contain;
} 

.downBtns a:hover {
  background-color: #e0e0e0; /* Change background on hover */
}

@media (max-width: 767px) {
  .downBtns {
    grid-template-columns: 1fr;
  }

}





body.single-post .category-app .inside-article {

}

.top-download-wrap {
  display: grid;
  grid-template-columns: 100px 1fr 250px;
  column-gap: 20px;
}

/* 영역 지정 */
body.single-post .category-app .featured-image {
  margin-top:0;
}

body.single-post .category-app header.entry-header {
  
}

body.single-post .category-app ._downloadBtnWrap {
  padding-top:10px;
}

body.single-post .category-app .entry-content {

}

body.single-post .category-app footer.entry-meta {
 
}

/* 썸네일 스타일 */
body.single-post .category-app .featured-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
}

body.single-post .category-app .entry-header {
	color: #808285;
}

body.single-post .category-app .entry-header h1 {
    font-weight: 600;
    font-size: 28px;
    color: #000;
}


/* 반응형 대응 */
@media screen and (max-width: 768px) {
	body.single-post .category-app .inside-article {

	}

  
	.top-download-wrap {
		grid-template-columns:1fr
	}

	body.single-post .category-app ._downloadBtnWrap {
	}

	body.single-post .category-app ._downloadBtnWrap.sticky-fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		padding: 10px 0;
	}
}




body.single-post .category-app  ._downloadBtnWrap {

}



body.single-post .category-app._downloadBtnWrapAll .download-button-container:last-child {
  margin-bottom:20px;
} 





body.single-post .category-app .download-button-container {
  margin-bottom:5px;
}




body.single-post .category-app .progress-button {
    position: relative;
    pointer-events: none;
    overflow: hidden;
}

/* 그레이스케일 오버레이 */
body.single-post .category-app .grayscale-overlay {
    position: absolute;
    top: 0;
    right: 0; /* 오른쪽에서 시작 */
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: grayscale(100%) brightness(100%);
    -webkit-backdrop-filter: grayscale(100%) brightness(100%);
    z-index: 1;
    transition-property: width;
    transition-timing-function: ease-out;
}

/* 로딩 상태에서 오버레이 너비 줄이기 */
body.single-post .category-app .progress-button.loading .grayscale-overlay {
    width: 0%;
} 

/* 로딩 완료 후 버튼 활성화 */
body.single-post .category-app .progress-button.loaded {
    pointer-events: auto;
}

/* 로딩 완료 상태 */
body.single-post .category-app .progress-button.loaded .grayscale-overlay {
    display: none; /* 완전히 숨김 */
}


body.single-post .category-app ._mobile .button-content a {
  display:block; 
  font-size:0; 
}

body.single-post .category-app ._downloadBtnWrap ._mobile  {
  display:none;
}





body.single-post .category-app .download-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: #D32F2F; 
  color: white;
  text-decoration: none;
  padding: 15px 20px;
  border-radius: 8px;
  font-size: 16px;
  width:100%;
  box-sizing: border-box;
  color: white !important;
  text-decoration: none !important;
}

body.single-post .category-app .download-link:hover {
  background-color: #B71C1C; 
  color: white !important;
  text-decoration: none !important;
}

body.single-post .category-app .download-text {
  font-weight:bold;
}


body.single-post .category-app .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.single-post .category-app .icon {
  width: 24px; 
  height: 24px;
}


body.single-post .category-app .entry-content {
	margin-top:0 !important;
}

body.single-post .category-app .featured-image {
	margin-bottom:0;
}


@media screen and (max-width: 767px) {


	body.single-post .category-app   ._downloadBtnWrap .download-button-container,
	body.single-post .category-app   ._downloadBtnWrapAll .download-button-container {
		display: block !important;
		width: 100%;
		margin-bottom: 10px;
	  }
	  

  

	body.single-post .category-app ._downloadBtnWrap ._mobile  {
        display: flex;
        gap: 5px;
    }
	
	.read-more {
		width:auto;
	}
}


.category-app .inside-article .wp-post-image {
	border-radius:20%;
    box-shadow: 0 9px 12px 0px rgba(0, 0, 0, 0.15);
}
/* 다운로드 스킨 끝 */



/* 페이징 */
/* 전체 nav-links 감싸기 */
.paging-navigation {
	background:transparent !important;
}
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-family: sans-serif;
}

/* 기본 버튼 스타일 */
.nav-links .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* 현재 페이지 */
.nav-links .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
    cursor: default;
    font-weight: bold;
}

/* 호버 시 */
.nav-links .page-numbers:hover:not(.current) {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Next / Prev 버튼 강조 */
.nav-links .next,
.nav-links .prev {
    font-weight: 600;
}

/* 시각장애인용 텍스트 숨김 */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}




.related-posts-cards {
    margin-top: 40px;
    padding: 20px 5px;
}

.related-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #222;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 기본 4개 */
    gap: 20px;
}

@media (max-width: 1024px) {
    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr); /* 태블릿 이하 2개 */
    }
}

@media (max-width: 480px) {
    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr); /* 모바일도 2개 유지 */
    }
}

.related-post-card {
    background: #fff;
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.related-post-card:hover {
    transform: translateY(-5px);
}

.related-post-card a {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.related-post-card img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
	border:1px solid rgba(0, 0, 0, 0.1);
}

.related-post-info {
    padding: 12px;
}

.related-post-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #333;
    line-height: 1.4;
}

.no-thumb {
    width: 100%;
    height: 140px;
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
}



.fixed-download {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding:15px 25px 0;
}

.download-placeholder {
  display: none;
}




.category-travel table th,
.category-travel table tr td:first-child,
.category-travel table tr:first-child td {
	background-color: #f2f2f2;
}

.category-travel table tr td {
	width:auto;
}



.google-auto-placed {
	margin:10px 0;
}