/*
 * style-frontend.css
 * Semua CSS dari shortcode dan halaman single post
 */

/* Shortcode CSS */
.pwpr-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:1200px;margin:auto}.pwpr-tabs-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pwpr-tabs-group.top-tabs{justify-content:flex-start;border-bottom:1px solid #e0e0e0;padding-bottom:20px}.pwpr-tabs-group.bottom-tabs{justify-content:center}.pwpr-tab-item{padding:8px 20px;cursor:pointer;border-radius:99px;background-color:#f5f5f5;color:#555;transition:all .3s;font-weight:500;border:1px solid transparent;font-size:14px}.pwpr-tab-item.active{background-color:#00529b;color:#fff;box-shadow:0 4px 12px rgba(0,82,155,.2)}.pwpr-packages-scroll-container{display:flex;overflow-x:auto;gap:20px;padding:10px 5px 20px 5px;scrollbar-width:thin;scrollbar-color:#00529b #f1f1f1}.pwpr-packages-scroll-container::-webkit-scrollbar{height:8px}.pwpr-packages-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pwpr-packages-scroll-container::-webkit-scrollbar-thumb{background:#00529b;border-radius:4px}.pwpr-card{flex:0 0 290px;width:290px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.07);display:none;flex-direction:column;background:#fff;transition:transform .3s,opacity .4s;position:relative;border:1px solid #eee}.pwpr-card.visible{display:flex;animation:zoomIn .5s}.pwpr-bestseller-badge{position:absolute;top:0;left:15px;background:linear-gradient(145deg,#ff416c,#ff4b2b);color:#fff;padding:18px 8px 5px;font-weight:700;font-size:12px;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.pwpr-card-header img{width:100%;height:150px;object-fit:cover}.pwpr-card-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.pwpr-card-body h3{margin:0 0 8px;font-size:1.4em;color:#333}.pwpr-card-body .speed{color:#00529b;font-weight:700;margin-bottom:15px;font-size:1em}.pwpr-price-wrapper{margin-bottom:15px}.pwpr-price-diskon{font-size:2em;font-weight:700;color:#d9534f}.pwpr-price-normal{font-size:1.1em;color:#999;text-decoration:line-through;margin-left:8px}.pwpr-specs-list{list-style:none;padding:0;margin:0;flex-grow:1}.pwpr-specs-list li{display:flex;align-items:center;padding:10px 0;font-size:.95em;border-bottom:1px solid #f5f5f5}.pwpr-specs-list li:last-child{border-bottom:none}.pwpr-specs-list .spec-icon{width:20px;height:20px;margin-right:12px;color:#00529b}.pwpr-specs-list .spec-icon svg{width:100%;height:100%}.pwpr-card-footer{padding:20px;background-color:#fdfdfd;margin-top:auto}.pwpr-order-button{cursor:pointer;display:block;width:100%;padding:12px;background:linear-gradient(45deg,#ff4b2b,#ff416c);color:#fff!important;text-align:center;border-radius:8px;font-weight:700;font-size:1em;border:none;transition:all .3s}.pwpr-order-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,65,108,.4)}@keyframes zoomIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}

/* Single Post CSS */
.pwpr-single-container{max-width:800px;margin:40px auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.pwpr-single-header img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:15px;margin-bottom:20px}.pwpr-single-title{font-size:2.5em;margin-bottom:10px}.pwpr-single-price-wrapper{margin-bottom:20px}.pwpr-single-price-wrapper .pwpr-price-diskon{font-size:2.2em;font-weight:700;color:#d9534f}.pwpr-single-price-wrapper .pwpr-price-normal{font-size:1.5em;color:#888;text-decoration:line-through;margin-left:15px}.pwpr-single-specs{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.pwpr-specs-list li{display:flex;align-items:center;padding:12px 0;font-size:1.1em;border-bottom:1px solid #f5f5f5}.pwpr-specs-list li:last-child{border-bottom:none}.pwpr-specs-list .spec-icon{width:28px;height:28px;margin-right:15px;color:#00529b;display:inline-flex;align-items:center;justify-content:center}.pwpr-specs-list .spec-icon svg{width:100%;height:100%}.pwpr-order-button.wa-single-btn{cursor:pointer;display:inline-block;width:auto;padding:15px 30px;background:#25D366;color:#fff!important;text-align:center;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .2s;font-size:1.2em;border:none;margin-top:20px}.pwpr-order-button.wa-single-btn:hover{background-color:#1EBE57}

/* Modal CSS */
.pwpr-modal-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6);animation:fadeIn .3s}.pwpr-modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border:1px solid #888;width:90%;max-width:600px;border-radius:10px;position:relative;animation:slideIn .4s}.pwpr-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.pwpr-modal-close:hover{color:#000}.pwpr-modal-body h3{margin-top:0}.pwpr-form-grid{display:grid;grid-template-columns:1fr;gap:15px}.pwpr-form-grid input,.pwpr-form-grid textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (max-width: 768px) {
    .pwpr-tabs-group {flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 15px; -ms-overflow-style: none; scrollbar-width: none; }
    .pwpr-tabs-group::-webkit-scrollbar {display: none;}
    .pwpr-tabs-group.top-tabs, .pwpr-tabs-group.bottom-tabs {justify-content: flex-start;}
}