/**
Plugin Name: solotutes-frontend
Author: Prakash Joshi
Author URI: https://prakashjoshi.in
Description: Custom styles for solotutes-frontend plugin
Stylesheet for: download template (st-downloads.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-download-container {
  display: grid;
  grid-template-columns: 150px auto 350px; /* auto instead of 1fr */
  gap: 20px;
  max-width: 1400px;
  margin: 20px auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.st-main {
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  padding:25px;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
  max-width:700px;   /* control width */
  margin:0 auto;     /* center align inside auto col */
}


/* ===== Sidebars ===== */
.st-sidebar-ads {
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
  position:sticky;
  top:80px;
  height:max-content;
}
.st-sidebar-left {
  width:150px;
}
.st-sidebar-right {
  width:350px;
  max-width:350px;   /* ✅ fix */
  box-sizing:border-box; /* ✅ fix */
    box-shadow:unset;
      border:unset;
        background:unset;
}

.st-ad-vert {
  width:90px;
  height:600px;
  background:#f9f9f9;
  text-align:center;
  line-height:600px;
  color:#aaa;
}
.st-ad-square {
  width:300px;
  height:250px;
  background:#f1f1f1;
  margin-bottom:20px;
  text-align:center;
  line-height:250px;
  color:#777;
}

.st-main h1 {font-size:28px; margin-bottom:15px; color:#0A63E8;}
.st-main h2 {font-size:22px; margin:25px 0 12px; color:#222;}
.st-main p, .st-main li {font-size:16px; line-height:1.6;}
.st-main ol, .st-main ul {padding-left:20px;}

/* ===== Floating Download Panel (desktop) ===== */
.st-download-panel {
  position:fixed;
  bottom:20px;
  right:20px; /* agar 300px right sidebar active hai to overlap avoid karne ke liye right:320px karo */
  width:350px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.2);
  z-index:999;
}
.st-download-box {
  background:#f9fbff;
  border:2px solid #0A63E8;
  border-radius:8px;
  padding:15px;
  text-align:center;
}
#mainDownloadBtn {
  background:#0A63E8;
  color:#fff;
  padding:12px 20px;
  border:none;
  border-radius:8px;
  font-size:16px;
  cursor:pointer;
  margin-top:10px;
  width:100%;
}
#mainDownloadBtn:disabled {
  background:#aaa;
  cursor:not-allowed;
}
#downloadMsg {
  margin-top:8px;
  font-size:14px;
  color:#666;
}
#mainDownloadBtn.success {
  background:#28a745 !important;
  border:2px solid #28a745;
}

/* ===== Ads inside download box ===== */
.st-ad-box {
  margin:15px 0 0;
  text-align:center;
}
.st-ad-box-mobile {
   display: none;
}
/* ===== Mobile Download Sticky ===== */
@media (max-width: 767px) {
  .st-download-panel {
    position:unset;

    width:100%;

    border-radius:0;
    /* border-top:3px solid #0A63E8; */
    box-shadow:0 -3px 10px rgba(0,0,0,0.2);
    background:#fff;
    /* z-index:999; */
    padding:0px;
    height:auto; /* jitna content utni height */
  }
  .st-download-box {
    border:2px solid #0A63E8;
    border-radius:8px;
    padding:10px;
    text-align:center;
  }
  .st-ad-box-mobile {
     max-height: 150px;
     display: block;
  }
  .st-ad-box-desktop {
       display: none;
    }
  .site-content .ast-container {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .st-download-container, .st-main  {
    grid-template-columns: 1fr; /* mobile */
    max-width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .st-download-container{
    margin-left: 0;
    margin-right: 0;padding-left: 0;
    padding-right: 0;
  }
  .st-sidebar-left,
  .st-sidebar-right { display:none; }
}
@media (max-width: 1199px) {
  .st-download-container {
    grid-template-columns: 3fr 2fr; /* tablet: content + right */
  }
  .st-sidebar-left { display:none; }
}

/* .st-header {
  width: 100%;
  padding: 10px;
  text-align: center;
  display: block;
}
.site-content .ast-container {
  display: block!important;
} */