/*
Theme Name: Promptszero Final
Author: Promptszero
Version: 1.0
*/

*{box-sizing:border-box}
body{margin:0;background:#050505;color:#fff;font-family:system-ui,Arial,sans-serif}
a{color:#fff;text-decoration:none}

.site-header{background:#050505;border-bottom:1px solid #1a1a1a}
.header-inner{max-width:1200px;margin:auto;padding:16px;display:flex;align-items:center;justify-content:space-between}
.custom-logo{max-width:140px;height:auto}

.card{background:#0f0f0f;border-radius:16px;overflow:hidden}
.card img{width:100%;height:260px;object-fit:cover;display:block}
.card h3{padding:14px;font-size:15px;text-align:center}
.category {
  font-size: 13px;
  color: #aaa;
  margin-top: 6px;
  text-align: center;
}
.single {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 18px;
}

.single img {
  width: 100%;
  border-radius: 16px;
  margin: 20px 0;
}

.single .content {
  line-height: 1.8;
  color: #ddd;
}

.category a {
  color: #aaa;
  font-size: 13px;
}
/* ===== CATEGORY 3 LINE + TOGGLE ===== */

.category-wrap {
  text-align: center;
}

.category {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}

.category.expanded {
  -webkit-line-clamp: unset;
}

.category-toggle {
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  color: #aaa;
  cursor: pointer;
}

/* ===== SEARCH CENTER TOP ===== */

.site-header .header-inner {
  position: relative;
}

.site-header .search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.site-header {
  background:#050505;
  border-bottom:1px solid #1a1a1a;
}

.header-inner {
  max-width:1200px;
  margin:auto;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo a {
  color:#fff;
  font-size:20px;
  text-decoration:none;
}

.menu-toggle {
  font-size:24px;
  cursor:pointer;
  color:#fff;
}

.search-center {
  flex:1;
  text-align:center;
}

.search-center input[type="search"] {
  width:220px;
  padding:6px 10px;
}

.mobile-menu {
  display:none;
  background:#050505;
  padding:12px;
}

.mobile-menu ul {
  list-style:none;
  padding:0;
}

.mobile-menu li {
  margin:10px 0;
}

.mobile-menu a {
  color:#fff;
  text-decoration:none;
}
/* ===== FIX MOBILE IMAGE STRETCH ISSUE ===== */

.single img,
.single-post img,
.single-content img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

/* agar featured image wrapper hai */
.single .wp-post-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* mobile specific safety */
@media (max-width: 768px) {
    .single img {
        height: auto !important;
        max-height: none !important;
    }
}
/* ===============================
   Global image fix
   =============================== */

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Card image */
.card img {
  width: 100%;
  height: auto;
  object-fit: contain; /* image stretch band */
}

/* Single page image fix */
.single img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/* Masonry Grid */
.grid {
  column-gap: 16px;
  padding: 12px;
}

/* Desktop */
@media (min-width: 1024px) {
  .grid {
    column-count: 4;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .grid {
    column-count: 3;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .grid {
    column-count: 2;
  }
}

/* Card */
.card {
  break-inside: avoid;
  margin-bottom: 16px;
  background: #0f0f0f;
  border-radius: 14px;
  overflow: hidden;
}
/* ===== Pinterest / Masonry Grid ===== */

.grid {
  max-width: 1200px;
  margin: 20px auto;
  padding: 12px;
  column-gap: 14px;
}

/* Desktop */
@media (min-width: 1024px) {
  .grid {
    column-count: 4;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .grid {
    column-count: 3;
  }
}

/* Mobile (Pinterest style) */
@media (max-width: 767px) {
  .grid {
    column-count: 2;
  }
}

/* Card */
.card {
  break-inside: avoid;
  margin-bottom: 14px;
  background: #0f0f0f;
  border-radius: 14px;
  overflow: hidden;
}

/* Image fix */
.card img {
  width: 100%;
  height: auto;
  display: block;
}
/* Site title / logo color */
.site-header .logo a {
  color: #9b5cff; /* purple */
}

/* hover effect (optional but recommended) */
.site-header .logo a:hover {
  color: #b98cff;
}