/*
  Theme Name:   Jannah
  Theme URI:    http://jannah.tielabs.com/
  Description:  Beautiful, Powerful & Flexible WordPress Theme for News, Magazine and Blog websites.
  Author:       TieLabs
  Author URI:   https://tielabs.com/
  Version:      7.5.1
  License:      license purchased
  License URI:  http://themeforest.net/licenses/regular_extended
  Tags:         two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
  Text Domain:  jannah
  Tested up to: 6.5
  Requires at least: 5.0
*/

.buttons {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.download-btn,
.subscribe-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 50px;
  cursor: pointer;
}

.download-btn {
  background-color: #ff0000;
}

.subscribe-btn {
  background-color: #00aaff;
}

.download-btn .tie-icon-download,
.subscribe-btn .fa.fa-telegram {
  margin-left: 15px;
  color: #ffffff !important;
}

.buttons a:hover,
.buttons a:focus,
.buttons a:active {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .buttons {
    flex-direction: column;
    gap: 5px;
  }
  .download-btn,
  .subscribe-btn {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Wrapper للصورة */
.post-thumbnail-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 12px;
}

/* إعداد الصورة نفسها */
.post-thumbnail-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 12px;
	transition: transform 0.4s ease-in-out;
}

/* تكبير عند التمرير */
.post-thumbnail-wrapper:hover img {
	transform: scale(1.03);
}

/* البوكس اللي فيه رمز الكاميرا + alt */
.alt-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	padding: 6px 12px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	display: flex;
	align-items: center;
	gap: 6px;
	backdrop-filter: blur(4px);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

/* رمز الكاميرا */
.alt-overlay::before {
	content: "\1F4F7"; /* رمز الكاميرا 📷 */
	font-size: 15px;
}


/* The stylesheet is located in "assets/css/style.css". */