/*
Theme Name: Theme Built by Saidul Islam Miton
Theme URI: https://pink-tiger-483708.hostingersite.com/
Description: Child theme of Hello Elementor. Overrides the WooCommerce single product page with the custom "Artisan Canvas Tote" design (glassmorphism cards, gallery hover-zoom, color/size swatches, size-guide & delivery-policy modals). Built to survive parent theme, WooCommerce and WordPress core updates.
Author: Patricius It
Template: hello-elementor
Version: 1.0.0
Text Domain: tokyo-leather-child
*/

/*
 * This file is intentionally left otherwise empty.
 * All visual styling for the single product page lives in
 * assets/css/single-product-design.css so it stays easy to find and edit.
 * functions.php enqueues the parent theme's style.css, then this file,
 * then assets/css/single-product-design.css, in that order.
 */
/* test append */


/* ==== Category sections: typography matched to LogeAchi reference (Manrope) ==== */
.elementor-element-3a228f7 :is(h2,h3,p,span,button,a),
.elementor-element-22045f8 :is(h2,h3,p,span,button,a){font-family:Manrope,system-ui,sans-serif !important}
.lt-catslide-subtitle,.lt-catgrid-subtitle{font-size:11px !important;font-weight:800 !important;letter-spacing:1.2px !important;text-transform:none !important;color:#171717 !important;line-height:1.2 !important}
.elementor-element-3a228f7 h2,.elementor-element-22045f8 h2{font-size:30px !important;font-weight:800 !important;letter-spacing:-1px !important;text-transform:none !important;line-height:1.1 !important;color:#171615 !important}
.elementor-element-3a228f7 h2 + p,.elementor-element-22045f8 h2 + p{font-size:14px !important;font-weight:400 !important;line-height:1.55 !important;color:#171717 !important}
.lt-catslide-title,.lt-catgrid-title{font-size:17px !important;font-weight:800 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.1 !important}
.lt-catslide-arrow-btn,.lt-catgrid-arrow-btn{color:#171717 !important}

/* ===== Mobile + tablet (<=1024px) polish ===== */
@media (max-width:1024px){
/* search box: equal top/bottom padding */
html body .tlx .tlx-msearch{padding:10px 14px !important}

/* slimmer bottom nav */
html body #tltnav{bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important}
html body #tltnav,html body #tltnav .tltnav-in{height:52px !important;min-height:0 !important}
html body #tltnav .tltnav-in{padding:3px !important}
html body #tltnav .tltnav-in > a{height:46px !important;min-height:0 !important}

/* floating cart/price pill sits just above the nav */
html body .tltw-fab:not([hidden]){bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important;right:12px !important}

/* chat/social/scroll-up dock sits above nav, and above the cart pill when it is showing */
html body .tlx-dock{bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important;right:12px !important;transition:bottom .25s ease !important}
html body:has(.tltw-fab:not([hidden])) .tlx-dock{bottom:calc(126px + env(safe-area-inset-bottom,0px)) !important}
}

/* ==== Brand sync 2026-10-10: cart remove icon, empty cart and 404 use the LogeAchi red/black brand ==== */
/* Cart line (mobile + tablet): show only the trash icon, no extra cross */
body.woocommerce-cart .wc-block-cart-item__remove-link::before{content:none!important;display:none!important}

/* Empty cart panel */
#tltec .tltec-hero{background:linear-gradient(180deg,#faf7f4,#fff)!important;border-color:#e6ded9!important;box-shadow:0 10px 24px -18px rgba(23,23,23,.35)!important}
#tltec .tltec-ill svg circle[fill="#e8eeff"]{fill:#f2efec}
#tltec .tltec-ill svg path[fill="#3958AF"]{fill:#D9342B}
#tltec .tltec-ill svg path[stroke="#57AFE5"]{stroke:#171717}
#tltec h2.tltec-t,#tltec p.tltec-p{font-family:Manrope,system-ui,sans-serif!important}
#tltec h2.tltec-t{color:#171615!important}
#tltec p.tltec-p{color:#5e5752!important}
#tltec a.tltec-btn{background:#D9342B!important;border-color:#D9342B!important;color:#fff!important;box-shadow:none!important;font-family:Manrope,system-ui,sans-serif!important;font-weight:800!important}
#tltec a.tltec-btn:hover{background:#B82A23!important;border-color:#B82A23!important;color:#fff!important}
#tltec a.tltec-btn.ghost{background:#f8f8f8!important;border-color:#d9d9d9!important;color:#171717!important}
#tltec a.tltec-btn.ghost:hover{background:#171717!important;border-color:#171717!important;color:#fff!important}

/* Empty cart product cards: same look as the home / shop cards */
#tltec .tltpg-section{--tltpg-sky:#D9342B;--tltpg-royal:#171717;--tltpg-deep:#171717;--tltpg-navy:#171717;--tltpg-ink:#171615;--tltpg-muted:#5e5752;--tltpg-line:#e6ded9;--tltpg-btn-primary:#D9342B;--tltpg-btn-hover:#B82A23;font-family:Manrope,system-ui,sans-serif!important}
#tltec .tltpg-eyebrow{color:#171717!important;font:800 11px Manrope,system-ui,sans-serif!important;letter-spacing:2px}
#tltec .tltpg-title{font-family:Manrope,system-ui,sans-serif!important;letter-spacing:-1px!important;text-transform:none!important;color:#171615!important}
#tltec .tltpg-title span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#D9342B!important;-webkit-text-fill-color:#D9342B!important}
#tltec .tltpg-desc{color:#5e5752!important}
#tltec .tltpg-card{border-radius:20px!important;border-color:#e6ded9!important;box-shadow:0 10px 24px -18px rgba(23,23,23,.35)!important}
#tltec .tltpg-card:hover{box-shadow:0 20px 40px -20px rgba(23,23,23,.4)!important}
#tltec .tltpg-card__media{background:#f2efec!important}
#tltec .tltpg-badge{background:#000!important}
#tltec .tltpg-card__title{font-family:Manrope,system-ui,sans-serif!important;font-size:13.5px!important;color:#171615!important}
#tltec .tltpg-card__price{font-family:Manrope,system-ui,sans-serif!important;color:#171615!important}
#tltec .tltpg-addcart{background:#D9342B!important;font:800 12px Manrope,system-ui,sans-serif!important}
#tltec .tltpg-addcart:hover{background:#B82A23!important}

/* 404 page: black + red, same combination as the rest of the site */
.nf,.nf h1,.nf p,.nf a,.nf input,.nf button,.nf-card b{font-family:Manrope,system-ui,sans-serif!important}
.nf .nf-code{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#171717!important;-webkit-text-fill-color:#171717!important;font-weight:800!important}
.nf .nf-code i{font-style:normal;color:#D9342B!important;-webkit-text-fill-color:#D9342B!important}
.nf .tl-eyebrow{color:#D9342B!important}
.nf h1{color:#171717!important}
.nf .nf-sf{position:relative;max-width:540px;margin:0 auto 22px;text-align:left}
.nf .nf-sf .nf-search{max-width:none!important;margin:0!important;height:46px;align-items:center;gap:8px;padding:0 5px 0 18px!important;background:#fff!important;border:1px solid #d9d4cc!important;border-radius:999px!important;box-shadow:0 8px 20px -10px rgba(23,23,23,.35)!important;transition:border-color .25s,box-shadow .25s}
.nf .nf-sf .nf-search:focus-within{border-color:#171717!important;box-shadow:0 0 0 4px rgba(23,23,23,.08)!important}
.nf .nf-sf .nf-search input[type=search]{font:500 14px Manrope,system-ui,sans-serif!important;color:#171717!important;padding:0!important;height:100%;border:0!important;background:transparent!important;box-shadow:none!important}
.nf .nf-search button{height:36px;padding:0 22px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#171717,#3d3731)!important;color:#fff!important;font:700 13px Manrope,system-ui,sans-serif!important;transition:background .25s,transform .2s}
.nf .nf-search button:hover{background:linear-gradient(135deg,#D9342B,#b52a22)!important;transform:translateY(-1px)}
.nf .nf-res{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border:1px solid #e6ded9;border-radius:14px;box-shadow:0 24px 50px -18px rgba(23,23,23,.45);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}
.nf .nf-res.on{opacity:1;visibility:visible;transform:none}
.nf .nf-res a{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:#171717;transition:background .2s}
.nf .nf-res a:hover,.nf .nf-res a.sel{background:#f3f0ec}
.nf .nf-res img{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#efebe7}
.nf .nf-res b{display:block;font-size:13px;font-weight:700;line-height:1.3}
.nf .nf-res s{color:#8c8985;font-size:12px;margin-right:6px}
.nf .nf-res span{font-size:13px;font-weight:800;color:#D9342B}
.nf .nf-res .all{justify-content:center;font-weight:800;font-size:13px;color:#171717;border-top:1px solid #e6ded9}
.nf .nf-res .no{padding:16px;text-align:center;color:#8c8985;font-size:13px}
.nf .nf-btns a{border-radius:10px!important;border:1px solid #d9d9d9!important;background:#f8f8f8!important;color:#171717!important;font-weight:800!important;transition:background .25s,color .25s,border-color .25s}
.nf .nf-btns a:hover{background:#171717!important;border-color:#171717!important;color:#fff!important}
.nf .nf-btns a.p{background:#171717!important;background-image:none!important;border-color:#171717!important;color:#fff!important}
.nf .nf-btns a.p:hover{background:#D9342B!important;border-color:#D9342B!important}
.nf .nf-card{border-color:#e6ded9!important;text-decoration:none}
.nf .nf-card b{color:#171717!important}
.nf .nf-card span{color:#5e5752!important}
.nf .nf-card:hover{border-color:#D9342B!important}
.nf .nf-card:hover b{color:#D9342B!important}
/* ==== /Brand sync ==== */

/* ==== Header width 2026-10-10: logo row and category menu sit in the same 1350px container as the page content ==== */
@media(min-width:1025px){
#tlx .tlx-main{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:max(18px,calc((100% - 1350px)/2 + 18px))!important;padding-right:max(18px,calc((100% - 1350px)/2 + 18px))!important}
#tlx .tlx-menu{box-sizing:border-box!important;width:100%!important;max-width:1350px!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important;justify-content:center!important}
}
@media(min-width:1025px){#tlx .tlx-menu>li>a{white-space:nowrap!important}}
@media(min-width:1025px) and (max-width:1180px){#tlx .tlx-menu{gap:2px!important}#tlx .tlx-menu>li>a{padding-left:11px!important;padding-right:11px!important}}
/* ==== /Header width ==== */

/* ==== My Account pages 2026-10-10: brand styling (was default unstyled WooCommerce) ==== */
body.woocommerce-account main.site-main{max-width:1350px!important;margin:0 auto!important;padding:34px 18px 70px!important;box-sizing:border-box;font-family:Manrope,system-ui,sans-serif;color:#171615}
body.woocommerce-account main.site-main .page-header,body.woocommerce-account main.site-main .page-content{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
body.woocommerce-account .page-header .entry-title{font:800 clamp(28px,4vw,44px)/1.05 Manrope,system-ui,sans-serif!important;text-transform:uppercase;letter-spacing:-.5px;color:#171717!important;margin:0 0 22px!important;padding:0!important;max-width:none!important}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:270px minmax(0,1fr);gap:0 22px;align-items:start}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>*{grid-column:2;min-width:0;margin-bottom:18px}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:1/span 6}
body.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;background:#fff;border:1px solid #e6ded9;border-radius:20px;padding:10px;box-shadow:0 10px 24px -18px rgba(23,23,23,.35)}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:4px}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0;list-style:none}
body.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:12px 14px;border-radius:12px;font:700 14px/1.3 Manrope,system-ui,sans-serif;color:#171717!important;text-decoration:none!important;transition:background .2s,color .2s}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:#f2efec}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:#171717;color:#fff!important}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#D9342B!important}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads{display:none!important}
body.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;min-width:0;background:#fff;border:1px solid #e6ded9;border-radius:20px;padding:26px;box-shadow:0 10px 24px -18px rgba(23,23,23,.35);font-size:15px;line-height:1.6}
body.woocommerce-account .woocommerce a:not(.button){color:#D9342B;font-weight:700;text-decoration:none}
body.woocommerce-account .woocommerce a:not(.button):hover{color:#171717}
body.woocommerce-account .woocommerce h2,body.woocommerce-account .woocommerce h3,body.woocommerce-account .woocommerce legend{font:800 18px/1.2 Manrope,system-ui,sans-serif;text-transform:uppercase;letter-spacing:-.2px;color:#171717;margin:0 0 14px}
body.woocommerce-account .woocommerce .button,body.woocommerce-account .woocommerce button[type=submit]{display:inline-block;background:#171717!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:12px 22px!important;font:800 13px/1.2 Manrope,system-ui,sans-serif!important;text-decoration:none!important;cursor:pointer;transition:background .25s}
body.woocommerce-account .woocommerce .button:hover,body.woocommerce-account .woocommerce button[type=submit]:hover{background:#D9342B!important;color:#fff!important}
body.woocommerce-account .woocommerce label{font:700 13px/1.4 Manrope,system-ui,sans-serif;color:#171717;margin-bottom:5px;display:inline-block}
body.woocommerce-account .woocommerce .required{color:#D9342B}
body.woocommerce-account .woocommerce input.input-text,body.woocommerce-account .woocommerce input[type=text],body.woocommerce-account .woocommerce input[type=email],body.woocommerce-account .woocommerce input[type=tel],body.woocommerce-account .woocommerce input[type=password],body.woocommerce-account .woocommerce select,body.woocommerce-account .woocommerce textarea{width:100%;box-sizing:border-box;border:1px solid #d9d4cc!important;border-radius:12px!important;padding:11px 13px!important;font:500 14px Manrope,system-ui,sans-serif!important;background:#fff!important;color:#171717!important;outline:0;transition:border-color .2s,box-shadow .2s}
body.woocommerce-account .woocommerce input:focus,body.woocommerce-account .woocommerce select:focus,body.woocommerce-account .woocommerce textarea:focus{border-color:#171717!important;box-shadow:0 0 0 4px rgba(23,23,23,.08)}
body.woocommerce-account .woocommerce .form-row{margin:0 0 14px;padding:0}
body.woocommerce-account .woocommerce fieldset{border:1px solid #e6ded9;border-radius:14px;padding:18px;margin:18px 0}
body.woocommerce-account .woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e6ded9;border-radius:14px;overflow:hidden;font-size:14px;margin:0 0 18px}
body.woocommerce-account .woocommerce table.shop_table th{background:#f2efec;text-align:left;padding:12px 14px;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;border:0}
body.woocommerce-account .woocommerce table.shop_table td{padding:12px 14px;border:0;border-top:1px solid #e6ded9;background:#fff}
body.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.woocommerce-account .woocommerce-Addresses::before,body.woocommerce-account .woocommerce-Addresses::after{display:none!important}
body.woocommerce-account .woocommerce-Address{float:none!important;width:auto!important;border:1px solid #e6ded9;border-radius:14px;padding:18px}
body.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.6}
body.woocommerce-account .woocommerce-info,body.woocommerce-account .woocommerce-message,body.woocommerce-account .woocommerce-error{list-style:none!important;margin:0 0 18px!important;padding:14px 16px!important;border:0!important;border-left:4px solid #171717!important;border-radius:12px;background:#f2efec!important;color:#171717!important;font-size:14px}
body.woocommerce-account .woocommerce-info::before,body.woocommerce-account .woocommerce-message::before,body.woocommerce-account .woocommerce-error::before{display:none!important}
body.woocommerce-account .woocommerce-error{border-left-color:#D9342B!important}
/* login / register (logged out) */
body.woocommerce-account #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.woocommerce-account #customer_login::before,body.woocommerce-account #customer_login::after{display:none!important}
body.woocommerce-account #customer_login>div{float:none!important;width:auto!important}
body.woocommerce-account .woocommerce form.login,body.woocommerce-account .woocommerce form.register,body.woocommerce-account .woocommerce form.lost_reset_password{background:#fff;border:1px solid #e6ded9!important;border-radius:20px!important;padding:26px!important;margin:0!important;box-shadow:0 10px 24px -18px rgba(23,23,23,.35)}
body.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)):not(:has(#customer_login)){max-width:520px;margin:0 auto}
@media(max-width:900px){
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr)}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>*,body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{grid-column:1;grid-row:auto}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{order:-1}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto;gap:6px}
body.woocommerce-account .woocommerce-MyAccount-navigation a{white-space:nowrap}
body.woocommerce-account #customer_login,body.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
body.woocommerce-account .woocommerce-MyAccount-content{padding:18px}
body.woocommerce-account main.site-main{padding:22px 14px 110px!important}
body.woocommerce-account .woocommerce table.shop_table td{text-align:right}
body.woocommerce-account .woocommerce-info .button,body.woocommerce-account .woocommerce-message .button{float:none!important;display:inline-block;margin:0 0 10px!important}
}
body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)::before,body.woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)::after{display:none!important;content:none!important}
/* ==== /My Account ==== */