/**
Plugin Name: solotutes-frontend
Author: Prakash Joshi
Author URI: https://prakashjoshi.in
Description: Custom styles for solotutes-frontend plugin
Stylesheet for: attachment template (single-attachment.php)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solotutes-frontend
*/
.st-breadcrumb{margin-bottom:15px;font-size:14px;}
.qa-cover img{width:100%;border-radius:8px;margin-bottom:20px;}
.st-meta span{margin-right:15px;color:#555;font-size:14px;}
.qa-heading{font-size:24px;margin:20px 0;color:#0A63E8;}
.qa-block{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.05);}
.st-nav{display:flex;justify-content:space-between;margin:30px 0;}
.st-tax span {margin-right:15px;display:inline-block;font-size:13px;color:#444;}
.st-summary {font-size:15px;color:#444;margin-bottom:20px;}
.att-download .btn-download {
  display:inline-block;
  background:#0A63E8;
  color:#fff;
  padding:10px 20px;
  border-radius:6px;
  text-decoration:none;
  margin-top:15px;
}
.btn-download:hover {background:#084bb5;}
@media (max-width:768px){
  .qa-cover img, .qa-block, .st-extra-content {margin-left:0;margin-right:0;}
  .qa-heading {font-size:20px;}
}
  
		#downloadModal.download-inline {
		  margin-top:30px;
		  background:#f9f9f9;
		  border:1px solid #ddd;
		  padding:20px;
		  border-radius:6px;
		  text-align:center;
		  position:relative;
		}

		/* Overlay mode */
		#downloadModal.overlay {
		  position:fixed;
		  top:0;
		  left:0;
		  width:100vw;
		  height:100vh;
		  background:rgba(0,0,0,0.6);
		  z-index:9999;
		  display:flex;
		  align-items:center;
		  justify-content:center;
		  padding:15px;
		  box-sizing:border-box;
		}

		/* Inner white box */
		#downloadModal.overlay .downloadBox {
		  background:#fff;
		  padding:25px 20px;
		  border-radius:8px;
		  max-width:420px;
		  width:100%;
		  box-shadow:0 4px 15px rgba(0,0,0,0.25);
		  text-align:center;
		}

		/* Hide content by default */
		#downloadContent { display:none; }
		#downloadContent.active { display:block;align-self: center;}

		/* Responsive */
		@media (max-width:600px) {
		  #downloadModal.overlay .downloadBox {
		    max-width:95%;
		    padding:20px 15px;
		  }
		}