/*
Theme Name: HIV Ribbon
Author: HIV TEST KIT
Description: Pink ribbon WooCommerce storefront for HIV and specialist test kits. Falang multilingual and RTL support.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: hiv-test-kit
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#422330;--muted:#765764;--paper:#fffafb;--green:#ad244e;--lime:#ffcfde;--line:#efdce3;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #946600;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(2.8rem,5.8vw,5.4rem);font-weight:500;max-width:760px}h2{font-size:clamp(2rem,3.6vw,3.2rem);font-weight:500}h3{font-size:1.35rem}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.topbar{background:var(--ink);color:#fff;text-align:center;font-size:12px;padding:8px 16px;letter-spacing:.04em}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{text-decoration:none;font-weight:800;font-size:19px;letter-spacing:-.05em;display:flex;align-items:center;gap:10px}.brand-mark{background:var(--green);color:white;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:23px}.nav,.nav ul,.header-actions,.languages{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.nav a,.header-actions a{text-decoration:none;font-size:14px}.languages{gap:12px}.languages a[aria-current]{font-weight:800;border-bottom:2px solid}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center;padding-block:70px}.eyebrow{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:25px;color:var(--green)}.hero p{font-size:18px;max-width:520px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);color:white;padding:15px 25px;border:0;border-radius:7px;text-decoration:none;font-weight:600;cursor:pointer;line-height:1.4}.button:hover{background:var(--ink)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-block:30px}.small{font-size:13px}.hero-art{position:relative;min-height:490px;border-radius:160px 160px 20px 20px;background:#f9dae5;display:grid;place-items:center;overflow:hidden}.hero-art:before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:#f3b6cc;inset-block-start:60px}.kit{position:relative;width:265px;min-height:310px;background:#fffafb;transform:rotate(-9deg);box-shadow:20px 30px 35px #24443224;border:1px solid #efdce3;border-inline-end:15px solid #f7e6ed;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between}.kit b{font-size:34px;line-height:1.1;letter-spacing:-.04em}.kit .kit-band{background:var(--green);color:white;margin-inline:-24px;padding:16px 24px;font-size:12px;letter-spacing:.06em}.art-caption{position:absolute;bottom:16px;font-size:11px;color:#765764}.art-tag{position:absolute;bottom:58px;inset-inline-end:20px;border-radius:10px;background:white;padding:12px 17px;font-size:13px;box-shadow:0 6px 30px #26432610}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:26px;gap:30px}.benefits div{display:flex;gap:15px;align-items:center}.benefits span{font-size:22px}.benefits strong{display:block;font-size:14px}.benefits p{font-size:12px;margin:2px 0 0}.section{padding-block:75px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{margin:0}.section-head p{max-width:390px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.step-number{color:var(--green);display:block;margin-bottom:28px;font-size:13px}.card p:last-child{margin-bottom:0}.delivery{background:var(--ink);color:white;border-radius:24px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.delivery p{color:#f9e5ed}.delivery .eyebrow{color:var(--lime)}.delivery .button{background:var(--lime);color:var(--ink)}.delivery-list{border-top:1px solid #ffffff30;padding-block:17px}.delivery-list strong{display:block}.delivery-list span{color:#f9e5ed;font-size:14px}.faq{max-width:850px;margin-inline:auto}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:600}details p{margin-top:16px}.site-footer{background:#f9eaf0;padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #e5c9d4;font-size:12px;color:var(--muted)}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;background:white;padding:15px;z-index:10}.entry{max-width:850px;margin-inline:auto;padding-block:55px}.entry h1{font-size:clamp(2.4rem,5vw,4rem)}.entry-content{overflow-wrap:anywhere}.entry-content table{border-collapse:collapse;width:100%}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content iframe{max-width:100%}.empty-state{padding:30px;background:#fcecf2;border:1px solid var(--line);border-radius:16px}.store-content{padding-block:45px;min-height:50vh}.woocommerce ul.products li.product{background:white;padding:18px!important;border:1px solid var(--line);border-radius:14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px}.woocommerce ul.products li.product .price{color:var(--green)}.woocommerce div.product .product_title{font-size:clamp(2rem,4vw,3.5rem)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,input[type=search],input[type=text],input[type=email],textarea,select{padding:12px;border:1px solid #b38b9b;border-radius:6px;max-width:100%;background:#fff;color:var(--ink)}.woocommerce .quantity .qty{padding:12px;width:5em}.woocommerce-message,.woocommerce-info{border-top-color:var(--green)}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--green)}.region-prompt{position:fixed;bottom:20px;inset-inline-start:20px;z-index:50;max-width:min(420px,calc(100vw - 40px));padding:18px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 35px #42233020}.region-prompt[hidden]{display:none}.region-prompt button{margin-inline-start:20px;background:transparent;border:0;cursor:pointer;font-size:20px}.pagination{margin-block:30px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.4}[dir=rtl] .kit{transform:rotate(9deg)}@media(max-width:800px){.wrap{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:15px;padding-block:18px}.nav{order:3;width:100%;overflow:auto}.nav ul{gap:20px}.header-actions{gap:14px}.hero{grid-template-columns:1fr;padding-block:38px;gap:25px}.hero-art{min-height:390px;max-width:520px;width:100%;margin-inline:auto}.kit{min-height:270px;width:240px}.benefits{grid-template-columns:1fr;gap:18px}.section{padding-block:45px}.section-head{display:block}.section-head p{margin-top:15px}.steps{grid-template-columns:1fr}.delivery{grid-template-columns:1fr;padding:30px;gap:15px}.footer-top{flex-direction:column}.languages{gap:10px}.woocommerce ul.products li.product{width:100%!important;margin-inline:0!important}}@media(prefers-reduced-motion:no-preference){.button{transition:background .15s ease}}

/* Five-language navigation and Chinese typography. */
.header-inner,.header-actions,.languages{flex-wrap:wrap}.languages a{white-space:nowrap}.header-actions{max-width:100%}.header-inner{padding-block:16px}.brand{flex-shrink:0}html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{letter-spacing:0;line-height:1.3}html[lang^="zh"] .eyebrow{letter-spacing:.06em}@media(max-width:1100px){.header-inner>.nav{order:3;width:100%}}

/* Ribbon collection: editorial layout, native CSS artwork, no external fonts. */
.topbar{background:#92304e}.brand-mark{background:transparent;width:30px;height:40px;border-radius:0}.ribbon-icon{width:27px;height:38px;fill:#cf2854}.hero{padding-block:64px;gap:64px}.hero h1{font-weight:650;font-size:clamp(2.7rem,5.4vw,5rem)}.hero-art{border-radius:24px;min-height:480px;background:radial-gradient(ellipse at 70% 20%,#ffeef4,#f6c4d5)}.hero-art:before{width:310px;height:310px;background:transparent;border:1px solid #fff9}.hero-art .ribbon-icon{position:absolute;width:180px;height:250px;inset-inline-end:12px;top:30px;opacity:.12;transform:rotate(15deg)}.kit{transform:rotate(-7deg);border-radius:5px;box-shadow:18px 25px 45px #832b4b25}.kit b{font-size:39px}.art-tag{border:1px solid #efdce3;max-width:80%}.benefits{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.collection-card{display:flex;flex-direction:column;min-height:200px;border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;text-decoration:none}.collection-card:hover{border-color:var(--green);background:#fff1f6}.collection-card .collection-number{font-size:12px;color:var(--green);margin-bottom:30px}.collection-card h3{font-size:1.3rem;letter-spacing:-.02em;margin-bottom:10px}.collection-card p{font-size:13px;margin-bottom:0}.collection-card:first-child{background:#ad244e;color:white}.collection-card:first-child p,.collection-card:first-child .collection-number{color:#ffe5ef}.ribbon-statement{background:#fce8ef;border-radius:20px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:32px 40px}.ribbon-statement .ribbon-icon{width:48px;height:68px}.ribbon-statement h2{font-size:1.7rem;margin-bottom:10px}.ribbon-statement p{margin:0}.journal-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journal-preview article{border-top:2px solid var(--green);padding:24px;background:#fff;border-radius:0 0 14px 14px}.journal-preview h3{line-height:1.4}.journal-preview a{text-decoration:none}.journal-preview p{font-size:14px}.site-footer{margin-top:40px}.button{border-radius:30px}.section{padding-block:58px}.woocommerce ul.products li.product .button{border-radius:24px}.nav{flex-wrap:wrap}.nav .sub-menu{display:none}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block;position:absolute;z-index:20;padding:16px;background:white;border:1px solid var(--line)}
@media(max-width:800px){.hero{gap:30px;padding-block:35px}.hero-art{min-height:380px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{padding:20px}.journal-preview{grid-template-columns:1fr}.ribbon-statement{padding:25px;gap:20px}.benefits{padding:20px}.section{padding-block:38px}}
@media(max-width:420px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:150px}.hero h1{font-size:2.7rem}.header-actions{gap:12px}.languages{gap:12px;font-size:12px}}