/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
hr {border-bottom: 1px dashed var(--global-gray-400)!important;	margin: 15px 0 !important;}
.prompt-category {margin-bottom: 25px;}
 .category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}

.category-item {
  border: 1px solid #eee;
  padding: 16px;
  border-radius: 6px;
  background: #ffffff;
}

.category-item h3 {
  margin-top: 0;
  font-size: 18px;
}

.home-hero p,
.home-about p {
  max-width: 800px;
}

/* prompt grid css */
.prompt-grid .grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

.prompt-grid .grid-item {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  background: #f9f9f9;
}

.prompt-grid .grid-item img {
  width: 100%;
  height: auto;
  display: block;
}

.prompt-grid .grid-item h3 {
  font-size: 15px;
  line-height: 1.4;
  padding: 10px;
  margin: 0;
}

/* layout POST prompt */
.breadcrumb {margin: 0;}
.prompt-right h1 {margin-top: 5px!important;}
.prompt-layout{display:flex;gap:32px;align-items:flex-start;}
.prompt-left{width:35%;}
.prompt-right{width:65%;}
.prompt-preview img{width:100%;height:auto;border-radius:6px;}
.prompt-meta p,.prompt-category p{margin:6px 0;}
.prompt-box{border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin:24px 0;background:#fafafa;}
.prompt-box-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;}
.prompt-box pre{white-space:pre-wrap;font-size:14px;line-height:1.6;margin:0 0 12px 0;}
.prompt-disclosure{margin-top:40px;font-size:14px;color:#555;}
.prompt-tips, .prompt-variations, .prompt-internal-links, .prompt-disclosure, .prompt-usage {margin: 10px 0;}
.prompt-meta {margin: 10px 0;}
.prompt-meta p {margin: 0 !important;font-size: 16px;font-style: italic;}
@media(max-width:768px){
.prompt-layout{flex-direction:column;}
.prompt-left,.prompt-right{width:100%;}
}
.prompt-actions{display:flex;gap:10px;width:100%;}
.prompt-actions button,
.prompt-actions a{flex:1;text-align:center;padding:10px 0;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;}
.copy-button{background:#198754;color:#fff;border:none;}
.try-button{border:1px solid #d1d5db;background:#f3f4f6;color:#111827;}
.try-button:hover{background:#f9fafb;}
@media(max-width:768px){
  .prompt-actions{flex-direction:column;}
  .prompt-actions br{display: none;}
}
/* protect image */
.protected-image{-webkit-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.image-wrapper{position:relative;} 
/* grid */
.grid-container br {display: none;}
.grid-container a {text-align: center;text-decoration: none !important;}
.grid-container p {margin: 0 !important;} 
.view-prompt {background: #198754;	color: #fff;	border: none;	width: 100%;}
/* image zoom lightbox */
.image-wrapper{position:relative;cursor:pointer;}
.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
.lightbox{
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
align-items:center;
justify-content:center;
}

.lightbox.active{
display:flex;
}

.lightbox-content{
max-width:90%;
max-height:85vh;
border-radius:6px;
transition:transform 0.2s ease;
cursor:zoom-in;
position:relative;
}

.lightbox-close{
position:absolute;
top:20px;
right:35px;
color:#fff;
font-size:40px;
font-weight:bold;
cursor:pointer;
}

@media(max-width:768px){
.lightbox-content{
max-width:95%;
max-height:80vh;
}
}
/* mini faq on POST */
.prompt-faq-mini {margin-top: 20px;}
.prompt-faq-mini h3 {margin: 0 !important;font-size: 1.4em!important;font-style: italic!important;font-weight: inherit!important;}
.prompt-faq-mini p {margin: 0 0 15px 0!important;}

/* grid pillar hub-page MASONRY - HOVER - CLEAN DESIGN */
.breadcrumb br {display: none;}
.breadcrumb a {text-decoration: none;padding: 0 3px;}
.hub-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.hub-page h1 {
  margin: 0 0 15px 0!important;
}

.hub-page p {
  margin-bottom: 25px;
}

.hub-grid {
  column-count: 3;
  column-gap: 20px;
}
#hubGrid h3 {
  margin: 0;
  text-align: center;
}
#hubGrid a {
	margin: -10px 0 0 0;
}
#hubGrid p {
	display: contents;
	margin: -10px 0 0 0; 
}

@media(max-width:992px) {
  .hub-grid {
    column-count: 2;
  }
}

@media(max-width:600px) {
  .hub-grid {
    column-count: 1;
  }
}

.hub-card {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  color: #111;
  break-inside: avoid;
  background: #f4f4f4;
  border-radius: 8px;
  overflow: hidden; 
  transition: 0.3s ease;
}

.hub-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-4px);
}

.hub-image-wrapper {
  position: relative;
  overflow: hidden;
}

.hub-image-wrapper img {
  width: 100%;
  display: block;
  transition: transform 0.4s ease;
}

.hub-card:hover img {
  transform: scale(1.05);
}

.hub-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease;
}

.hub-overlay span {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px 16px;
  border-radius: 4px;
}

.hub-card:hover .hub-overlay {
  opacity: 1;
}

.hub-card h3 {
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.view-prompt {
  width: 100%;
  border: none;
  background: #1f7a47;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 12px;
  cursor: pointer;
  transition: 0.3s ease;
}

.view-prompt:hover {
  background: #166437;
}

.hub-card h3 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
}
/* super pillar grid */
.pillar-page{
max-width:1100px;
margin:0 auto;
padding:40px 20px;
}

.pillar-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
margin-top:20px;
}
.pillar-grid p {
	display: none;
}

.pillar-card{
display:block;
border:1px solid #eee;
border-radius:10px;
overflow:hidden;
background:#fff;
text-decoration:none;
color:#111;
transition:0.3s ease;
}

.pillar-card:hover{
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transform:translateY(-5px);
}

.pillar-image-wrapper{
position:relative;
overflow:hidden;
}

.pillar-image-wrapper img{
width:100%;
display:block;
transition:transform 0.4s ease;
}

.pillar-card:hover img{
transform:scale(1.05);
}

.pillar-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.45);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:0.3s ease;
}

.pillar-overlay span{
color:#fff;
font-weight:600;
background:rgba(0,0,0,0.6);
padding:8px 16px;
border-radius:4px;
}

.pillar-card:hover .pillar-overlay{
opacity:1;
}

.pillar-card h3 { 
	margin: 0 !important;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 15px 10px;
	background: #1f7a47;
	color: #fff;
}

.pillar-card p{
padding:0 18px 20px 18px;
margin:0;
font-size:14px;
color:#555;
}