/*
Theme Name: Cassia Child
Theme URI: https://cassia.qodeinteractive.com
Description: A child theme of Cassia
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: cassia
Template: cassia
*/
.qodef-portfolio-info {
/*     display: none !important; */
}

.qodef-portfolio-single .qodef-portfolio-info .qodef-info--category,
.qodef-portfolio-single .qodef-portfolio-info .qodef-info--date { 
display: none !important; 
}

/* target portfolio single items that have the "concerts" category */
article.portfolio-category-concerts .qodef-e-title.entry-title.qodef-portfolio-title,
article.portfolio-category-concerts .qodef-e-title.entry-title.qodef-portfolio-title a {
/*   color: #ffffff !important; */
	display: none;
}

/* if the title text is inside spans/links, make sure those are white too */
article.portfolio-category-concerts .qodef-e-title.entry-title.qodef-portfolio-title * {
/*   color: #ffffff !important; */
	display: none;
}

.qodef-m-content.qodef-content-grid{
	width: auto !important;
}

.qodef-m-content.qodef-content-grid .qodef-m-title.entry-title {
/*   display: inline-block !important;
  background-color: hsl(4deg 20.87% 10.79% / 60%);
  color: #fff;
  padding: 6px 14px;
  border-radius: 9999px;
  line-height: 1.3;
  width: auto !important;
  justify-self: center;
  text-align: center;
  font-size: 35px; */
	
	  display: inline-block !important;   /* shrink-wrap to text */
  background: rgba(0, 0, 0, 0.35);    /* semi-transparent dark bg */
  backdrop-filter: blur(8px) saturate(180%);
  -webkit-backdrop-filter: blur(8px) saturate(180%);
  color: #fff;
  padding: 6px 14px;
  border-radius: 9999px;
  line-height: 1.3;
  width: auto !important;             /* kill 100% width */
  justify-self: center;               /* center inside grid */
  text-align: center;
  font-size: 35px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}


.qodef-m-content.qodef-content-grid .qodef-m-subtitle{
	  background: rgba(0, 0, 0, 0.35);    /* semi-transparent dark bg */
  backdrop-filter: blur(8px) saturate(180%);
  -webkit-backdrop-filter: blur(8px) saturate(180%);
    border-radius: 999px;
    color: white;
	display: inline-block !important;
    color: #fff;
    padding: 6px 14px;
    line-height: 1.3;
    width: auto !important;
    justify-self: center;
    text-align: center;
    margin: 6px auto;
	font-size: 80%;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.mfp-bottom-bar .mfp-title{
	display: none;
}

/* Concerts portfolio single → black background */
body.portfolio-cat-concerts .mfp-bg {
    background: #000 !important;
}
body.portfolio-cat-concerts .mfp-arrow,
body.portfolio-cat-concerts .mfp-close,
body.portfolio-cat-concerts .mfp-counter{
    color: #fff !important;
}

body.portfolio-cat-concerts .qodef-m-nav,
body.portfolio-cat-concerts .qodef-m-nav-label{
    color: #928989 !important;
}

/* Weddings portfolio single → white background */
body.portfolio-cat-weddings .mfp-bg {
    background: #fff !important;
}
body.portfolio-cat-weddings .mfp-arrow,
body.portfolio-cat-weddings .mfp-close {
    color: #000 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .qodef-m-content.qodef-content-grid .qodef-m-title.entry-title {
    font-size: 22px;   /* smaller text */
    padding: 4px 10px; /* tighter padding */
  }
}

/* Extra small screens */
@media (max-width: 480px) {
  .qodef-m-content.qodef-content-grid .qodef-m-title.entry-title {
    font-size: 12px;
    padding: 3px 8px;
  }
	.qodef-m-content.qodef-content-grid .qodef-m-subtitle{
		font-size: 40%;
		padding: 2px 4px;
	}
}

/* Target "Leave a review" block */
.qodef-portfolio-info .qodef-info--info-items {
  grid-column: 1 / -1;        /* span full width of grid */
  order: 99;                  /* push it below everything */
  margin-top: 20px;
	font-size: x-large;
}

/* Force it beneath gallery (only for single portfolio) */
.single-portfolio .qodef-portfolio-info .qodef-info--info-items {
  float: left;
  width: 100%;
  font-size: x-large;
}

.qodef-grid-item.qodef-col--3.qodef-portfolio-info {
	display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 20px !important;
}