/*
Theme Name: Jarorat Premium
Theme URI: https://jarorat.com/
Author: Jarorat
Description: A modern, responsive affiliate shopping theme for product discovery, comparison, ratings and merchant click-throughs. WooCommerce recommended.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jarorat-premium
*/
:root{--jr-accent:#f15a24;--jr-accent-dark:#d94713;--jr-ink:#17212b;--jr-muted:#697586;--jr-line:#e8edf2;--jr-bg:#f7f8fa;--jr-card:#fff;--jr-radius:18px;--jr-shadow:0 12px 35px rgba(21,34,50,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--jr-bg);color:var(--jr-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--jr-accent)}img{max-width:100%;height:auto}button,input,select{font:inherit}.jr-container{width:min(1200px,calc(100% - 36px));margin-inline:auto}.jr-topbar{background:#17212b;color:#fff;font-size:12px;padding:7px 0}.jr-topbar .jr-container{display:flex;justify-content:space-between;gap:12px}.jr-header{background:#fff;border-bottom:1px solid var(--jr-line);position:sticky;top:0;z-index:99}.jr-header-inner{min-height:82px;display:flex;align-items:center;gap:26px}.jr-brand{font-weight:900;font-size:29px;letter-spacing:-1.2px;white-space:nowrap}.jr-brand span{color:var(--jr-accent)}.jr-brand img{max-height:48px;width:auto}.jr-search{display:flex;flex:1;max-width:610px;background:#f4f6f8;border:1px solid #e8edf2;border-radius:12px;overflow:hidden}.jr-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;padding:13px 15px;outline:0}.jr-search button{border:0;background:var(--jr-accent);color:#fff;padding:0 20px;cursor:pointer;font-weight:700}.jr-header-links{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.jr-nav{border-top:1px solid #f0f2f5}.jr-nav .jr-container{display:flex;gap:24px;overflow:auto;white-space:nowrap;padding-top:10px;padding-bottom:10px;font-size:13px;font-weight:700}.jr-nav a:hover{color:var(--jr-accent)}.jr-mobile-menu{display:none}.jr-hero{padding:42px 0 28px}.jr-hero-panel{background:linear-gradient(115deg,#fff2eb 0%,#fff 58%,#f2f7ff 100%);border:1px solid #f3e5dd;border-radius:28px;padding:clamp(26px,5vw,60px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:26px;overflow:hidden}.jr-eyebrow{display:inline-flex;background:#ffe3d7;color:#b33c13;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.jr-hero h1{font-size:clamp(32px,4.5vw,55px);line-height:1.08;letter-spacing:-1.8px;margin:18px 0 14px;max-width:650px}.jr-hero p{color:var(--jr-muted);max-width:560px;margin:0 0 24px}.jr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--jr-accent);color:#fff!important;padding:12px 19px;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.jr-btn:hover{background:var(--jr-accent-dark);transform:translateY(-1px);color:#fff}.jr-btn-outline{background:#fff;color:var(--jr-ink)!important;border:1px solid var(--jr-line)}.jr-btn-outline:hover{background:#f6f7f8;color:var(--jr-ink)!important}.jr-hero-art{min-height:210px;display:flex;align-items:center;justify-content:center}.jr-hero-art img{max-height:280px;object-fit:contain}.jr-floating-card{background:#fff;padding:16px 20px;border-radius:16px;box-shadow:var(--jr-shadow);font-weight:800;transform:rotate(-4deg)}.jr-floating-card small{display:block;color:var(--jr-muted);font-weight:500}.jr-section{padding:22px 0 32px}.jr-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.jr-section-head h2{font-size:clamp(23px,3vw,30px);letter-spacing:-.8px;line-height:1.2;margin:0}.jr-section-head p{margin:6px 0 0;color:var(--jr-muted);font-size:14px}.jr-text-link{color:var(--jr-accent);font-size:13px;font-weight:800;white-space:nowrap}.jr-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.jr-category{background:#fff;border:1px solid var(--jr-line);border-radius:15px;padding:18px 12px;text-align:center;font-weight:800;font-size:13px;transition:.2s}.jr-category:hover{box-shadow:var(--jr-shadow);transform:translateY(-3px);border-color:#ffd0bd}.jr-category-icon{width:48px;height:48px;margin:0 auto 9px;border-radius:15px;background:#fff0e9;display:grid;place-items:center;font-size:23px}.jr-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.jr-product-card{background:#fff;border:1px solid var(--jr-line);border-radius:var(--jr-radius);padding:14px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.jr-product-card:hover{box-shadow:var(--jr-shadow);transform:translateY(-3px)}.jr-product-image{height:205px;display:flex;align-items:center;justify-content:center;background:#fafbfc;border-radius:13px;margin-bottom:13px;overflow:hidden;position:relative}.jr-product-image img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}.jr-product-badge{position:absolute;top:10px;left:10px;background:#e8f8ee;color:#187044;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:900;text-transform:uppercase}.jr-product-title{font-size:14px;line-height:1.45;font-weight:800;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.jr-rating{display:flex;align-items:center;gap:6px;color:#e9a21a;font-size:12px;margin-bottom:8px}.jr-rating span{color:var(--jr-muted)}.jr-price{font-size:20px;font-weight:900;letter-spacing:-.4px;margin:0 0 3px}.jr-price del{font-size:12px;color:#8a94a3;font-weight:500;margin-right:5px}.jr-price ins{text-decoration:none}.jr-product-meta{font-size:11px;color:var(--jr-muted);margin-bottom:13px}.jr-product-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.jr-product-actions .jr-btn{padding:10px 8px;font-size:12px}.jr-compare-toggle{border:1px solid var(--jr-line);border-radius:10px;background:#fff;width:40px;cursor:pointer;color:var(--jr-ink)}.jr-compare-toggle.is-selected{border-color:var(--jr-accent);background:#fff0e9;color:var(--jr-accent)}.jr-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 0}.jr-trust{background:#fff;border:1px solid var(--jr-line);border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center}.jr-trust-icon{font-size:23px}.jr-trust strong{display:block;font-size:13px}.jr-trust span{font-size:12px;color:var(--jr-muted)}.jr-content{background:#fff;border:1px solid var(--jr-line);border-radius:var(--jr-radius);padding:clamp(20px,4vw,38px);margin:28px auto}.jr-content h1,.jr-content h2{line-height:1.2;letter-spacing:-.7px}.jr-page-title{font-size:clamp(27px,4vw,38px);margin:0 0 20px}.jr-breadcrumbs{font-size:12px;color:var(--jr-muted);margin:18px 0}.jr-footer{background:#17212b;color:#e9eef4;margin-top:42px;padding:45px 0 20px}.jr-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.jr-footer h3{color:#fff;font-size:14px}.jr-footer p,.jr-footer a{color:#b7c0cb;font-size:13px}.jr-footer-links{display:grid;gap:8px}.jr-footer-bottom{border-top:1px solid #35404c;margin-top:28px;padding-top:16px;color:#9ca7b4;font-size:12px}.jr-notice{background:#fff8e9;border:1px solid #f3e2b6;padding:13px 16px;border-radius:12px;color:#79591a;font-size:13px}.jr-empty{background:#fff;border:1px dashed #d9e0e8;padding:35px;border-radius:15px;text-align:center;color:var(--jr-muted)}.jr-compare-bar{display:none;position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:200;background:#17212b;color:#fff;padding:12px 14px;border-radius:15px;box-shadow:0 12px 40px #0003;align-items:center;gap:12px;max-width:calc(100% - 24px)}.jr-compare-bar.is-visible{display:flex}.jr-compare-bar span{font-size:13px;white-space:nowrap}.jr-compare-bar button{border:0;border-radius:9px;background:var(--jr-accent);color:#fff;font-weight:800;padding:9px 12px;cursor:pointer;white-space:nowrap}.jr-compare-table{width:100%;border-collapse:collapse;background:#fff}.jr-compare-table th,.jr-compare-table td{border:1px solid var(--jr-line);padding:12px;text-align:left;font-size:13px}.jr-compare-table th{background:#f7f8fa}.jr-archive-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.jr-filter-panel{background:#fff;border:1px solid var(--jr-line);border-radius:15px;padding:18px;height:max-content}.jr-filter-panel h3{margin-top:0;font-size:15px}.jr-filter-panel label{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0}.jr-sort-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.jr-sort-row select{padding:9px;border:1px solid var(--jr-line);border-radius:9px;background:#fff}.jr-pagination{margin:25px 0}.jr-pagination .page-numbers{display:inline-block;padding:8px 12px;background:#fff;border:1px solid var(--jr-line);border-radius:8px;margin-right:5px}.jr-pagination .current{background:var(--jr-accent);color:#fff}.jr-article-card{background:#fff;border:1px solid var(--jr-line);padding:20px;border-radius:15px;margin-bottom:15px}.jr-article-card h2{margin:0 0 7px;font-size:21px}.jr-article-card p{color:var(--jr-muted)}
/* WooCommerce integration */
.woocommerce .woocommerce-breadcrumb{font-size:12px;color:var(--jr-muted);margin:18px 0}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border:1px solid var(--jr-line);border-radius:var(--jr-radius);padding:14px!important;display:flex;flex-direction:column;min-width:0}.woocommerce ul.products li.product a img{height:205px;object-fit:contain;background:#fafbfc;border-radius:13px;padding:12px;margin:0 0 13px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.45;padding:0!important;font-weight:800;min-height:40px}.woocommerce ul.products li.product .price{color:var(--jr-ink)!important;font-size:19px!important;font-weight:900!important}.woocommerce ul.products li.product .star-rating{font-size:12px!important;color:#e9a21a!important;margin:7px 0!important}.woocommerce ul.products li.product a.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:flex!important;align-items:center;justify-content:center;background:var(--jr-accent)!important;color:#fff!important;border-radius:10px!important;padding:11px 12px!important;font-size:12px!important;font-weight:800!important;text-align:center;line-height:1.3!important}.woocommerce ul.products li.product a.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--jr-accent-dark)!important}.woocommerce span.onsale{background:#187044!important;border-radius:6px!important;min-height:auto!important;line-height:1.5!important;padding:4px 8px!important;left:10px!important;top:10px!important}.woocommerce div.product{background:#fff;border:1px solid var(--jr-line);border-radius:20px;padding:clamp(18px,3vw,32px);margin-top:15px}.woocommerce div.product div.images img{border-radius:14px;background:#fafbfc}.woocommerce div.product .product_title{font-size:clamp(26px,3.4vw,38px);line-height:1.2;letter-spacing:-.8px}.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:27px!important;font-weight:900;color:var(--jr-ink)!important}.woocommerce div.product .woocommerce-product-rating{margin:12px 0}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:8px 8px 0 0}.woocommerce div.product .related.products{margin-top:40px}.woocommerce div.product .related.products>h2{font-size:25px;margin-bottom:18px}.woocommerce .quantity .qty{min-height:42px;border:1px solid var(--jr-line);border-radius:8px}.woocommerce table.shop_attributes{border:1px solid var(--jr-line)}.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{padding:10px}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--jr-accent)}.woocommerce .woocommerce-info:before,.woocommerce .woocommerce-message:before{color:var(--jr-accent)}.woocommerce .woocommerce-result-count{font-size:13px;color:var(--jr-muted)}.woocommerce .woocommerce-ordering select{border:1px solid var(--jr-line);border-radius:9px;padding:9px;background:#fff}.woocommerce .products .product .added_to_cart{font-size:12px;font-weight:700}.woocommerce #reviews #comments ol.commentlist li .comment-text{border-radius:12px;border-color:var(--jr-line)}.woocommerce #review_form #respond textarea,.woocommerce #review_form #respond input[type=text],.woocommerce #review_form #respond input[type=email]{border:1px solid var(--jr-line);border-radius:8px;padding:10px}
@media(max-width:1000px){.jr-product-grid,.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.jr-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jr-header-inner{gap:14px}.jr-header-links{gap:10px}.jr-archive-layout{grid-template-columns:190px 1fr}}
@media(max-width:700px){.jr-topbar{display:none}.jr-container{width:min(100% - 24px,1200px)}.jr-header-inner{min-height:68px;flex-wrap:wrap;gap:10px;padding:10px 0}.jr-brand{font-size:25px}.jr-search{order:3;flex-basis:100%;max-width:none}.jr-search input[type=search]{padding:10px 12px}.jr-search button{padding:0 14px}.jr-header-links{margin-left:auto;font-size:12px}.jr-nav .jr-container{gap:18px}.jr-hero{padding-top:20px}.jr-hero-panel{grid-template-columns:1fr;padding:26px 22px;gap:8px;border-radius:20px}.jr-hero h1{font-size:34px;letter-spacing:-1px}.jr-hero-art{min-height:100px;justify-content:flex-start}.jr-floating-card{transform:none}.jr-section{padding:18px 0 22px}.jr-section-head{align-items:start}.jr-section-head h2{font-size:23px}.jr-product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jr-product-card{padding:9px;border-radius:13px}.jr-product-image{height:150px;margin-bottom:9px}.jr-product-title{font-size:12px;min-height:35px}.jr-price{font-size:17px}.jr-product-actions{grid-template-columns:1fr 34px;gap:5px}.jr-product-actions .jr-btn{padding:9px 4px;font-size:11px}.jr-compare-toggle{width:34px}.jr-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jr-category{padding:12px 6px;font-size:11px}.jr-category-icon{width:40px;height:40px;font-size:20px}.jr-trust-row{grid-template-columns:1fr;gap:8px}.jr-trust{padding:13px}.jr-footer-grid{grid-template-columns:1fr;gap:16px}.jr-archive-layout{grid-template-columns:1fr}.jr-filter-panel{display:none}.woocommerce div.product{padding:15px}.woocommerce div.product .product_title{font-size:26px}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:100%!important}.jr-compare-bar{width:calc(100% - 20px);justify-content:space-between}.jr-compare-bar span{white-space:normal}.woocommerce ul.products li.product{padding:9px!important}.woocommerce ul.products li.product a img{height:150px;padding:7px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px!important;min-height:35px}.woocommerce ul.products li.product .price{font-size:16px!important}}