/* ITRA – storefront extras */

/* rating under price */
.itra-rating{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;font-size:14px}
.itra-rating .star-rating{margin:0!important;color:#F59E0B}
.itra-rating-link{color:#4B5563;text-decoration:none}
.itra-rating-link:hover{text-decoration:underline}
.itra-stars-empty{color:#D1D5DB;letter-spacing:2px;font-size:16px}

/* hide any online-payment buttons */
.ppc-button-wrapper,[id^="ppc-button"],.ppcp-messages,.wc-block-components-express-payment,.wc-block-cart__payment-options{display:none!important}

/* WhatsApp order form (checkout page) */
.itra-wa-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1100px;margin:0 auto}
@media (max-width:900px){.itra-wa-wrap{grid-template-columns:1fr}.itra-wa-sum{order:-1}}
.itra-wa-card{background:#fff;border:1px solid #EEE7DC;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(180,83,9,.06)}
.itra-wa-card h2{font-size:20px;margin:0 0 6px}
.itra-wa-sub{color:#6B7280;font-size:14px;margin:0 0 16px}
.itra-wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.itra-wa-grid{grid-template-columns:1fr}}
.itra-wa-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#374151}
.itra-wa-grid label.full{grid-column:1/-1}
.itra-wa-grid input,.itra-wa-grid textarea{font:inherit;font-weight:400;font-size:15px;padding:10px 12px;border:1px solid #D1D5DB;border-radius:10px;background:#fff;width:100%}
.itra-wa-grid input:focus,.itra-wa-grid textarea:focus{outline:2px solid #25D366;border-color:#25D366}
.itra-wa-err{color:#B91C1C;font-weight:600;margin:12px 0 0}
.itra-wa-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;background:#25D366;color:#fff!important;border:0;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}
.itra-wa-send:hover{background:#1EBE5B}
.itra-wa-send[disabled]{opacity:.7}
.itra-wa-sum ul{list-style:none;margin:0;padding:0}
.itra-wa-sum li{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #F3F4F6}
.itra-wa-sum li img{width:56px;height:56px;object-fit:cover;border-radius:8px}
.itra-wa-sum li b{display:block;font-size:14px;line-height:1.35}
.itra-wa-sum li small{color:#6B7280}
.itra-wa-sum li em{font-style:normal;font-weight:700}
.itra-wa-total{display:flex;justify-content:space-between;font-size:18px;margin:14px 0 6px}
.itra-wa-edit{font-size:14px}
.itra-wa-done{grid-column:1/-1;text-align:center;max-width:520px;margin:0 auto}
.itra-wa-empty{grid-column:1/-1;text-align:center}
.itra-wa-btn{background:#25D366!important;color:#fff!important}

/* header mega menus */
.itra-mm{position:relative;list-style:none}
.itra-mm>a{display:flex;align-items:center;gap:4px;cursor:pointer}
.itra-mm>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px}
.itra-mm-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);z-index:999;width:max-content;max-width:94vw;background:#fff;border:1px solid #EEE7DC;border-radius:14px;box-shadow:0 18px 40px -12px rgba(31,41,55,.25);display:grid;grid-template-columns:190px auto;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;text-transform:none;letter-spacing:normal;font-weight:400}
.itra-mm:hover .itra-mm-panel,.itra-mm:focus-within .itra-mm-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.itra-mm-panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.itra-mm-groups{margin:0;padding:12px;list-style:none;border-right:1px solid #F3EEE6;background:#FDFBF7;border-radius:14px 0 0 14px;max-height:70vh;overflow:auto}
.itra-mm-groups a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:#1F2937!important;font-size:14px;font-weight:600;text-decoration:none}
.itra-mm-groups a small{color:#9CA3AF;font-weight:600;font-size:12px}
.itra-mm-groups a.on,.itra-mm-groups a:hover{background:#FFF1E2;color:#903F00!important}
.itra-mm-body{padding:16px 20px 18px;min-width:0}
.itra-mm-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.itra-mm-head b{font-size:16px;color:#1F2937}
.itra-mm-head a{font-size:13px;font-weight:700;color:#B45309!important;text-decoration:none;white-space:nowrap}
.itra-mm-list{display:grid;grid-auto-flow:column;column-gap:22px;row-gap:2px;margin:0;padding:0;list-style:none}
.itra-mm-list a{display:block;white-space:nowrap;padding:6px 8px;border-radius:7px;color:#374151!important;font-size:14px;line-height:1.35;text-decoration:none}
.itra-mm-list a:hover{background:#F9F5EF;color:#903F00!important}
@media (max-width:999px){.itra-mm{display:none!important}}

/* mobile menu lists */
.itra-mob{margin:8px 0;padding:0;list-style:none}
.itra-mob details{border-bottom:1px solid rgba(0,0,0,.06)}
.itra-mob summary{cursor:pointer;padding:12px 4px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.itra-mob summary::-webkit-details-marker{display:none}
.itra-mob summary:after{content:"+";font-weight:700}
.itra-mob details[open] summary:after{content:"–"}
.itra-mob details a{display:block;padding:8px 14px;font-size:14px;text-decoration:none;color:inherit}

/* homepage custom header bar */
#itra .itra-mbar{display:flex;justify-content:center;gap:6px;border-top:1px solid rgba(0,0,0,.05);padding:2px 0}
#itra .itra-mbar>.itra-mm>a{padding:10px 14px;font-weight:700;font-size:14px;color:#1F2937}
#itra .itra-mbar>.itra-mm>a:hover{color:#903F00}
@media (max-width:999px){#itra .itra-mbar{display:none}}

/* basket: details + send on WhatsApp */
.itra-bk{margin-top:6px}
.itra-bk h3{font-size:17px;margin:4px 0 10px}
.itra-bk label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;margin-bottom:10px;color:#374151}
.itra-bk input,.itra-bk textarea,.itra-bk select{font:inherit;font-weight:400;font-size:15px;padding:9px 11px;border:1px solid #D1D5DB;border-radius:9px;background:#fff;width:100%;min-height:42px}
.itra-bk input[readonly]{background:#F9FAFB;color:#6B7280}
.itra-bk input:focus,.itra-bk textarea:focus{outline:2px solid #25D366;border-color:#25D366}
.itra-bk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.itra-bk-pinmsg{font-weight:500;color:#B45309;min-height:16px}
.itra-bk-pinmsg.ok{color:#15803D}
.itra-bk-saved{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.itra-bk-saved[hidden],.itra-bk-form[hidden]{display:none}
.itra-bk-saved-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.itra-bk-edit{background:none;border:0;color:#B45309;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
.itra-bk-addr{margin:0;font-size:14px;line-height:1.5;color:#374151}
.itra-bk-err{color:#B91C1C;font-weight:600;margin:6px 0}
.itra-bk-send{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;background:#25D366!important;color:#fff!important;border:0;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}
.itra-bk-send:hover{background:#1EBE5B!important}
.itra-bk-send[disabled]{opacity:.7}
.itra-bk-note{font-size:12px;color:#6B7280;margin:8px 0 0;text-align:center}
.itra-bk-done{text-align:center}
.itra-bk-done p{margin:6px 0 12px}
.woocommerce-shipping-calculator,.shipping-calculator-button,.woocommerce-shipping-destination{display:none!important}

/* product page: variant photo gallery */
body.itra-vgal .woocommerce-product-gallery{display:none!important}
.itra-gal{min-width:0}
.itra-gal .ig-stage{position:relative;border-radius:14px;overflow:hidden;background:#F7F4EE;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}
.itra-gal .ig-img{width:100%;height:100%;object-fit:contain;cursor:zoom-in;transition:opacity .18s}
.itra-gal.swap .ig-img{opacity:.35}
.itra-gal .ig-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.12);font-size:24px;line-height:38px;cursor:pointer;color:#1F2937;padding:0}
.itra-gal .ig-prev{left:10px}.itra-gal .ig-next{right:10px}
.itra-gal.one .ig-nav{display:none}
.itra-gal .ig-count{position:absolute;right:10px;bottom:10px;background:rgba(31,41,55,.7);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px}
.itra-gal .ig-count:empty{display:none}
.itra-gal .ig-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.itra-gal .ig-thumbs button{flex:none;width:72px;height:72px;border-radius:10px;border:2px solid transparent;padding:0;background:#F7F4EE;cursor:pointer;overflow:hidden;opacity:.65}
.itra-gal .ig-thumbs button.on{border-color:#B45309;opacity:1}
.itra-gal .ig-thumbs img{width:100%;height:100%;object-fit:cover}
.ig-lb{position:fixed;inset:0;z-index:100000;background:rgba(17,24,39,.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
.ig-lb img{max-width:94vw;max-height:92vh;object-fit:contain}
.ig-lb button{position:absolute;top:14px;right:18px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}

/* homepage: Categories / Fragrances on the search-bar line */
@media (min-width:1000px){
#itra .hdr-in{grid-template-columns:auto minmax(0,1fr) auto auto!important}
#itra .itra-mbar.itra-mbar-in{order:2;border-top:0;padding:0;gap:2px;margin:0;align-self:center}
#itra .hdr-row .acts{order:3}
#itra .itra-mbar.itra-mbar-in>.itra-mm>a{padding:10px 12px;white-space:nowrap}
#itra .itra-mbar.itra-mbar-in .itra-mm-panel{left:auto;right:-60px;transform:translateY(8px)}
#itra .itra-mbar.itra-mbar-in .itra-mm:hover .itra-mm-panel,#itra .itra-mbar.itra-mbar-in .itra-mm:focus-within .itra-mm-panel{transform:translateY(0)}
}
