/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.1.0 Text Domain: woodmart */ :root { --wassiti-purple:#6d4eec; --wassiti-purple-soft:rgba(109,78,236,.15); --wassiti-card:#242424; --wassiti-border:rgba(255,255,255,.10); } .wassiti-account-welcome{margin-bottom:22px}.wassiti-account-welcome h2{margin:2px 0 6px;font-size:clamp(24px,3vw,34px)} .wassiti-account-eyebrow{margin:0;color:#8b72f4;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .wassiti-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px} .wassiti-account-card{display:grid;grid-template-columns:44px 1fr 20px;gap:14px;align-items:center;min-height:130px;padding:20px;color:#fff!important;background:var(--wassiti-card);border:1px solid var(--wassiti-border);border-radius:14px;transition:border-color .2s ease,transform .2s ease,background .2s ease} .wassiti-account-card:hover{color:#fff!important;background:#292929;border-color:rgba(109,78,236,.65);transform:translateY(-2px)} .wassiti-account-card strong,.wassiti-account-card b,.wassiti-account-card small{display:block}.wassiti-account-card strong{font-size:17px}.wassiti-account-card b{margin:3px 0;color:#8b72f4;font-size:20px}.wassiti-account-card small{color:rgba(255,255,255,.65);line-height:1.4}.wassiti-account-card i{color:#8b72f4;font-size:20px;font-style:normal} .wassiti-account-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;background:var(--wassiti-purple-soft);border:1px solid rgba(109,78,236,.35);border-radius:12px;color:#9b87ff} .wassiti-account-icon:after{width:22px;height:22px;background:currentColor;content:""} .wassiti-account-card--credits .wassiti-account-icon:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h15a3 3 0 0 1 3 3v2h-4a3 3 0 1 0 0 6h4v2a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V7a2 2 0 0 1 2-2Zm14 7a1 1 0 1 0 0 2h4v-2h-4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h15a3 3 0 0 1 3 3v2h-4a3 3 0 1 0 0 6h4v2a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V7a2 2 0 0 1 2-2Zm14 7a1 1 0 1 0 0 2h4v-2h-4Z'/%3E%3C/svg%3E") center/contain no-repeat} .wassiti-account-card--orders .wassiti-account-icon:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14a2 2 0 0 1 2 2v18l-4-2-5 2-5-2-4 2V4a2 2 0 0 1 2-2Zm2 5v2h10V7H7Zm0 4v2h10v-2H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14a2 2 0 0 1 2 2v18l-4-2-5 2-5-2-4 2V4a2 2 0 0 1 2-2Zm2 5v2h10V7H7Zm0 4v2h10v-2H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E") center/contain no-repeat} .wassiti-account-card--codes .wassiti-account-icon:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm1 5v2h6V8H9Zm0 4v2h6v-2H9Zm0 4v2h4v-2H9Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Zm1 5v2h6V8H9Zm0 4v2h6v-2H9Zm0 4v2h4v-2H9Z'/%3E%3C/svg%3E") center/contain no-repeat} .wassiti-account-card--wishlist .wassiti-account-icon:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 3.6 12.6A5.7 5.7 0 0 1 12 5a5.7 5.7 0 0 1 8.4 7.6L12 21Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21 3.6 12.6A5.7 5.7 0 0 1 12 5a5.7 5.7 0 0 1 8.4 7.6L12 21Z'/%3E%3C/svg%3E") center/contain no-repeat} .woocommerce-MyAccount-navigation-link--woo-wallet>a:before,.woocommerce-MyAccount-navigation-link--view-license-keys>a:before{content:""!important;display:inline-block;width:1.05em;height:1.05em;margin-inline-end:.55em;background:currentColor;vertical-align:-.12em} .woocommerce-MyAccount-navigation-link--woo-wallet>a:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5a3 3 0 0 1 3-3h12a2 2 0 0 1 2 2v2h1a2 2 0 0 1 2 2v10a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V6a1 1 0 0 1 2-1Zm3-1a1 1 0 0 0-1 1h13V4H6Zm-3 3v10a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-2h-4a3 3 0 1 1 0-6h4V8a1 1 0 0 0-1-1H3Zm14 5a1 1 0 1 0 0 2h4v-2h-4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5a3 3 0 0 1 3-3h12a2 2 0 0 1 2 2v2h1a2 2 0 0 1 2 2v10a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V6a1 1 0 0 1 2-1Zm3-1a1 1 0 0 0-1 1h13V4H6Zm-3 3v10a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-2h-4a3 3 0 1 1 0-6h4V8a1 1 0 0 0-1-1H3Zm14 5a1 1 0 1 0 0 2h4v-2h-4Z'/%3E%3C/svg%3E") center/contain no-repeat} .woocommerce-MyAccount-navigation-link--view-license-keys>a:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7Zm2 4h6v2H9V8Zm0 4h6v2H9v-2Zm0 4h4v2H9v-2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7Zm2 4h6v2H9V8Zm0 4h6v2H9v-2Zm0 4h4v2H9v-2Z'/%3E%3C/svg%3E") center/contain no-repeat} .woo-wallet-content-heading,.woo-wallet-sidebar{border-color:var(--wassiti-border)!important}.woo-wallet-content-heading h2,.woo-wallet-content-heading h3{color:#fff!important}.woo-wallet-content .button,.woo-wallet-content input[type=submit]{color:#fff!important;background:var(--wassiti-purple)!important;border-radius:8px!important} .woo-wallet-my-wallet-container{display:grid;gap:16px;color:#fff}.woo-wallet-header h2{margin:0 0 5px;color:#fff}.woo-wallet-header p{margin:0;color:rgba(255,255,255,.62)} .woo-wallet-top-section{overflow:hidden;border:1px solid var(--wassiti-border);border-radius:16px;background:#232327!important}.woo-wallet-balance-card{padding:34px 22px!important;border:0!important;background:linear-gradient(135deg,#4d35df,#704ef2)!important;text-align:center}.woo-wallet-balance-card h3{color:#fff!important}.woo-wallet-price,.woo-wallet-price .amount{color:#fff!important;font-size:clamp(34px,5vw,52px)!important;font-weight:800!important} .woo-wallet-header h2{color:#fff!important}.woo-wallet-header p{color:rgba(255,255,255,.62)!important}.woo-wallet-nav-tabs{min-height:62px;border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;background:#232327!important}.woo-wallet-nav-item-wrapper{flex:1}.woo-wallet-nav-tab{height:100%;border-color:rgba(255,255,255,.08)!important;background:#232327!important;color:#fff!important}.woo-wallet-nav-tab:hover,.woo-wallet-nav-tab:focus,.woo-wallet-nav-tab.active{background:rgba(109,78,236,.16)!important;color:#a996ff!important}.woo-wallet-content-area{padding:0!important;background:transparent!important}.woo-wallet-stats-grid{gap:12px!important}.woo-wallet-stat-card,.woo-wallet-transactions-list{border:1px solid var(--wassiti-border)!important;border-radius:14px!important;background:#232327!important;color:#fff!important;box-shadow:none!important}.woo-wallet-stat-card__value,.woo-wallet-stat-card__value .amount,.ww-txn-title{color:#fff!important}.woo-wallet-stat-card__label,.ww-txn-empty{color:rgba(255,255,255,.58)!important}.woo-wallet-transactions-list{margin-top:14px!important}.ww-txn-head{border-color:var(--wassiti-border)!important} .woocommerce-account .nsl-container{margin:0 0 18px}.woocommerce-account .nsl-container-buttons{width:100%}.woocommerce-account .nsl-button{border-radius:10px!important} @media(max-width:767px){.wassiti-account-grid{grid-template-columns:1fr}.wassiti-account-card{min-height:112px;padding:16px}.woocommerce-account .woocommerce-my-account-wrapper{display:block!important}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:100%!important;max-width:none!important}.woocommerce-account .woocommerce-MyAccount-navigation{margin:0 0 20px!important;padding:0!important;border:0!important}.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:thin}.woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto;margin:0!important}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;min-height:42px;padding:9px 12px!important;border:1px solid var(--wassiti-border);border-radius:10px;background:#242424;white-space:nowrap}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{border-color:#7652ff;background:rgba(108,69,245,.18)}} /* Unified language and currency preferences */ .wassiti-gtranslate-engine,.gtranslate_wrapper,.gt_float_switcher,.gt_switcher_wrapper{display:none!important} .wassiti-preferences__tab{position:fixed;right:auto;left:0;bottom:118px;z-index:10000;display:flex;align-items:center;gap:5px;min-width:88px;height:44px;padding:0 11px 0 13px;border:1px solid rgba(255,255,255,.16);border-left:0;border-radius:0 24px 24px 0;background:#6c45f5;box-shadow:0 10px 28px rgba(0,0,0,.35);color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;transition:transform .2s ease,background-color .2s ease} .wassiti-preferences__tab:hover,.wassiti-preferences__tab:focus-visible{background:#7c5cff;color:#fff;transform:translateX(3px)} .wassiti-support-shortcut{position:fixed;left:10px;bottom:174px;z-index:9999;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:#2bbf6a;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .2s ease,background-color .2s ease}.wassiti-support-shortcut:hover,.wassiti-support-shortcut:focus-visible{background:#35ce77;color:#fff!important;transform:translateY(-2px)}.wassiti-support-shortcut svg{width:23px;height:23px;fill:currentColor}.wassiti-support-shortcut span{position:absolute;left:52px;visibility:hidden;padding:7px 10px;border-radius:8px;background:#18181b;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .15s ease}.wassiti-support-shortcut:hover span,.wassiti-support-shortcut:focus-visible span{visibility:visible;opacity:1} .wassiti-preferences__globe{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:15px} .wassiti-preferences__backdrop{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(3,3,7,.72);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease} .wassiti-preferences__backdrop[hidden]{display:none!important} .wassiti-preferences.is-open .wassiti-preferences__backdrop{opacity:1;pointer-events:auto} .wassiti-preferences__dialog{width:min(520px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#1c1c1f;box-shadow:0 28px 80px rgba(0,0,0,.55);color:#fff;transform:translateY(12px) scale(.98);transition:transform .18s ease} .wassiti-preferences.is-open .wassiti-preferences__dialog{transform:translateY(0) scale(1)} .wassiti-preferences__dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px} .wassiti-preferences__dialog header small{display:block;margin-bottom:3px;color:#9d8cff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .wassiti-preferences__dialog h2,.wassiti-preferences__dialog h3{margin:0;color:#fff} .wassiti-preferences__dialog h2{font-size:clamp(22px,4vw,30px)} .wassiti-preferences__dialog h3{margin-bottom:10px;font-size:13px;letter-spacing:.05em;text-transform:uppercase} .wassiti-preferences__close{width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:#29292d;color:#fff;font-size:24px;line-height:1} .wassiti-preferences__group+.wassiti-preferences__group{margin-top:22px} .wassiti-preferences__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .wassiti-preferences__choices button,.wassiti-preferences__choices a{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:58px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#252529;color:#fff;text-align:left;text-decoration:none} .wassiti-preferences__choices button:hover,.wassiti-preferences__choices a:hover,.wassiti-preferences__choices .is-active{border-color:#7652ff;background:rgba(108,69,245,.16);color:#fff} .wassiti-preferences__choices span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#161619;color:#a998ff;font-size:11px;font-weight:800} .wassiti-preferences__choices b{font-size:13px}.wassiti-preferences__choices small{grid-column:2/4;margin-top:-7px;color:#aaaab3;font-size:10px}.wassiti-preferences__choices i{width:10px;height:10px;border:2px solid #777781;border-radius:50%} .wassiti-preferences__choices .is-active i,.wassiti-preferences__choices [aria-pressed="true"] i{border-color:#fff;background:#7652ff;box-shadow:0 0 0 3px rgba(118,82,255,.28)} .wassiti-preferences__note{margin:22px 0 0;padding:12px 14px;border-radius:11px;background:#151518;color:#aaaab3;font-size:11px;line-height:1.55} .wassiti-preferences__welcome{margin:-8px 0 20px;padding:13px 15px;border:1px solid rgba(118,82,255,.45);border-radius:12px;background:rgba(108,69,245,.12);color:#ddd8ff;font-size:13px;line-height:1.55}.wassiti-preferences__welcome[hidden]{display:none!important} body.wassiti-preferences-open{overflow:hidden} @media(max-width:767px){.wassiti-preferences__tab{right:auto;left:0;bottom:calc(92px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:0;width:40px;min-width:40px;height:36px;padding:0 3px 0 0;border-right:1px solid rgba(255,255,255,.16);border-left:0;border-radius:0 20px 20px 0;font-size:7px;line-height:1}.wassiti-preferences__tab:hover,.wassiti-preferences__tab:focus-visible{transform:translateX(2px)}.wassiti-support-shortcut{left:5px;bottom:calc(138px + env(safe-area-inset-bottom));width:38px;height:38px}.wassiti-support-shortcut span{display:none}.wassiti-preferences__globe,.wassiti-preferences__separator{display:none}.wassiti-preferences__language,.wassiti-preferences__currency{display:block}.wassiti-preferences__backdrop{place-items:end center;padding:0}.wassiti-preferences__dialog{width:100%;max-height:min(82vh,680px);padding:22px 16px calc(22px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0;transform:translateY(100%)}.wassiti-preferences.is-open .wassiti-preferences__dialog{transform:translateY(0)}.wassiti-preferences__choices{grid-template-columns:1fr}.wassiti-preferences__choices button,.wassiti-preferences__choices a{min-height:52px}.wassiti-preferences__choices small{grid-column:auto;margin:0}.woo-wallet-stats-grid{grid-template-columns:1fr!important}} /* Branded License Manager customer area. */ .wassiti-codes-header{margin-bottom:18px;padding:22px;border:1px solid var(--wassiti-border);border-radius:16px;background:linear-gradient(135deg,rgba(109,78,236,.22),rgba(109,78,236,.06))}.wassiti-codes-header>span{display:block;margin-bottom:5px;color:#9d8cff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wassiti-codes-header h2{margin:0 0 7px;color:#fff}.wassiti-codes-header p{max-width:760px;margin:0;color:rgba(255,255,255,.65);line-height:1.6}.wassiti-codes-empty{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:24px;border:1px dashed rgba(109,78,236,.55);border-radius:16px;background:#232327}.wassiti-codes-empty__icon{width:54px;height:54px;border-radius:14px;background:rgba(109,78,236,.16)}.wassiti-codes-empty h3{margin:0 0 5px;color:#fff}.wassiti-codes-empty p{margin:0;color:rgba(255,255,255,.62);line-height:1.55}.wassiti-codes-empty .button,.wassiti-code-actions .button{border-radius:9px!important;background:var(--wassiti-purple)!important;color:#fff!important}.wassiti-code-groups{display:grid;gap:16px}.wassiti-code-group{overflow:hidden;border:1px solid var(--wassiti-border);border-radius:16px;background:#232327}.wassiti-code-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--wassiti-border)}.wassiti-code-group small{color:#9d8cff;font-size:10px;font-weight:800;text-transform:uppercase}.wassiti-code-group h3{margin:3px 0 0;color:#fff}.wassiti-code-list{display:grid;gap:10px;padding:16px}.wassiti-code-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:12px;background:#1b1b1e}.wassiti-code-card code{display:block;margin-top:6px;color:#fff;font-size:14px;word-break:break-all}.wassiti-code-actions{display:flex;gap:8px}.wassiti-code-actions .button-outline{border:1px solid rgba(255,255,255,.2)!important;background:transparent!important}@media(max-width:767px){.wassiti-codes-empty{grid-template-columns:44px 1fr}.wassiti-codes-empty .button{grid-column:1/-1}.wassiti-code-card,.wassiti-code-group>header{align-items:flex-start;flex-direction:column}.wassiti-code-actions{width:100%;flex-wrap:wrap}} /* Product information hierarchy: compact summary beside the image and structured detail below. */ .single-product .woocommerce-product-details__short-description{margin:16px 0;padding:14px 16px;border:1px solid rgba(118,82,255,.28);border-radius:12px;background:rgba(108,69,245,.08)} .single-product .woocommerce-product-details__short-description p{margin:0;line-height:1.65} .single-product .woocommerce-Tabs-panel--description>.wassiti-product-language{max-width:980px;margin-inline:auto} .wassiti-product-language h2{margin-bottom:14px;font-size:clamp(24px,3vw,34px)} .wassiti-product-language h3{margin:26px 0 9px;padding-left:12px;border-left:3px solid #7652ff;font-size:18px} .wassiti-language-rtl .wassiti-product-language h3{padding-right:12px;padding-left:0;border-right:3px solid #7652ff;border-left:0} .wassiti-product-language ol{margin:12px 0 20px;padding:16px 18px 16px 38px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)} .wassiti-language-rtl .wassiti-product-language ol{padding:16px 38px 16px 18px} .wassiti-product-language p,.wassiti-product-language li{line-height:1.75} .wassiti-language-rtl .product_title,.wassiti-language-rtl .woocommerce-product-details__short-description,.wassiti-language-rtl .woocommerce-Tabs-panel,.wassiti-language-rtl .page-title,.wassiti-language-rtl .wd-breadcrumbs{direction:rtl;text-align:right} .wassiti-product-language[hidden]{display:none!important}.wassiti-product-language{padding-block:4px}.wassiti-product-language h2{margin-top:0}.wassiti-product-language h3{margin-top:22px} .wassiti-catalog-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(109,78,236,.38);border-radius:8px;background:rgba(109,78,236,.13);color:#a996ff;font-size:12px;font-weight:700;line-height:1.3} .wassiti-catalog-details, .wassiti-availability-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:10px 16px!important;border:1px solid #6d4eec!important;border-radius:10px!important;background:#6d4eec!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:background-color .2s ease,transform .2s ease!important} .wassiti-catalog-details:hover, .wassiti-availability-button:hover{background:#7d60f2!important;color:#fff!important;transform:translateY(-1px)} .wassiti-catalog-notice .wassiti-availability-button{margin-top:14px} /* One predictable artwork canvas without cropping or stretching the source. */ .product-grid-item .product-element-top{aspect-ratio:4/5;overflow:hidden;background:#222;border-radius:4px} .product-grid-item .product-element-top>a{display:flex!important;width:100%;height:100%;align-items:center;justify-content:center} .product-grid-item .product-element-top img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important} /* Nextend Google button inside WoodMart account/login drawers and pages. */ .wassiti-google-login{clear:both;margin-top:22px} .wassiti-google-login .wd-login-divider{margin:0 0 14px} .wassiti-google-login .nsl-container,.wassiti-google-login .nsl-container-buttons{width:100%!important} .wassiti-google-login .nsl-container-buttons>a{display:block!important;width:100%!important;margin:0!important} .wassiti-google-login .nsl-button{width:100%!important;min-height:46px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:24px!important;box-shadow:none!important} .wassiti-google-login .nsl-button-label-container{font-weight:700!important;text-align:center!important} .wassiti-catalog-notice{display:grid;gap:4px;margin:16px 0;padding:15px 17px;border:1px solid rgba(109,78,236,.4);border-radius:12px;background:rgba(109,78,236,.12)}.wassiti-catalog-notice strong{color:#fff;font-size:15px}.wassiti-catalog-notice span{color:rgba(255,255,255,.7);font-size:12px;line-height:1.55} .single-product.wassiti-catalog-pending .stock.out-of-stock{display:none!important} /* Product-specific customer information and confirmation checklist. */ .wassiti-order-requirements{clear:both;margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#242426;color:#fff} .wassiti-order-requirements__eyebrow{display:block;margin-bottom:4px;color:#9d8cff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .wassiti-order-requirements h3{margin:0 0 8px;color:#fff;font-size:18px} .wassiti-order-requirements>p{margin:0 0 13px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.55} .wassiti-order-requirements__fields{display:grid;gap:7px;margin:0 0 15px;padding:0;list-style:none} .wassiti-order-requirements__fields li{position:relative;margin:0;padding-left:20px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.45} .wassiti-order-requirements__fields li:before{position:absolute;top:.48em;left:2px;width:7px;height:7px;border:2px solid #8b72f4;border-radius:50%;content:""} .wassiti-order-requirements__confirmations{display:grid;gap:7px;padding:12px;border-radius:10px;background:rgba(109,78,236,.11)} .wassiti-order-requirements__confirmations strong{margin-bottom:1px;font-size:12px} .wassiti-order-requirements__confirmations span{display:grid;grid-template-columns:17px 1fr;gap:7px;align-items:start;color:rgba(255,255,255,.78);font-size:11px;line-height:1.45} .wassiti-order-requirements__confirmations i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#6d4eec;color:#fff;font-size:10px;font-style:normal} .wassiti-order-requirements>small{display:block;margin-top:11px;color:#aaaab3;font-size:10px;line-height:1.5} .fpf-fields{margin:18px 0}.fpf-fields .fpf-field{margin-bottom:14px}.fpf-fields label{color:#fff;font-weight:700}.fpf-fields input,.fpf-fields select,.fpf-fields textarea{border-color:rgba(255,255,255,.13)!important;border-radius:9px!important;background:#1b1b1d!important;color:#fff!important} .fpf-fields .optional{display:none!important} .fpf-fields .fpf-checkbox .woocommerce-input-wrapper,.fpf-fields .fpf-checkbox label.checkbox{display:block!important;width:100%} .fpf-fields .fpf-checkbox label.checkbox{position:relative;padding:13px 14px 13px 46px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#1b1b1d;color:rgba(255,255,255,.9);font-size:12px;line-height:1.5;cursor:pointer} .fpf-fields .fpf-checkbox input[type=checkbox]{position:absolute!important;top:15px!important;left:14px!important;width:20px!important;height:20px!important;margin:0!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:5px!important;background:#111!important;appearance:auto!important;accent-color:#6d4eec} .wassiti-password-field{position:relative;display:block}.wassiti-password-field input{padding-right:48px!important}.wassiti-password-field>.show-password-input{display:none!important}.wassiti-password-toggle{position:absolute;right:4px;top:50%;display:grid;width:38px;height:38px;padding:0;transform:translateY(-50%);place-items:center;border:0!important;border-radius:8px!important;background:transparent!important;color:#aaa!important}.wassiti-password-toggle:hover,.wassiti-password-toggle:focus-visible{background:rgba(109,78,236,.16)!important;color:#fff!important}.wassiti-password-toggle span{width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.5 5.2 9.5 7s-4 7-9.5 7S2.5 13.8 2.5 12 6.5 5 12 5Zm0 2c-3.8 0-6.7 3.3-7.4 5 .7 1.7 3.6 5 7.4 5s6.7-3.3 7.4-5c-.7-1.7-3.6-5-7.4-5Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.5 0 9.5 5.2 9.5 7s-4 7-9.5 7S2.5 13.8 2.5 12 6.5 5 12 5Zm0 2c-3.8 0-6.7 3.3-7.4 5 .7 1.7 3.6 5 7.4 5s6.7-3.3 7.4-5c-.7-1.7-3.6-5-7.4-5Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z'/%3E%3C/svg%3E") center/contain no-repeat} @media(max-width:767px){.wassiti-order-requirements{padding:15px}.wassiti-order-requirements h3{font-size:16px}} /* Cart quantity and compact digital checkout. */ .wd-header-cart .wd-tools-icon{position:relative}.wd-header-cart .wd-cart-number{position:absolute!important;top:-8px!important;right:-10px!important;display:grid!important;min-width:19px!important;height:19px!important;padding:0 5px!important;place-items:center;border:2px solid #222!important;border-radius:10px!important;background:#6d4eec!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:15px!important}.wd-header-cart .wd-cart-number>span{display:none!important} .wassiti-mini-cart-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#1f1f22}.wassiti-mini-cart-summary strong{color:#fff;font-size:14px}.wassiti-mini-cart-summary span{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(109,78,236,.18);color:#aa98ff;font-size:11px;font-weight:800} .woocommerce-checkout .woocommerce-billing-fields>h3{font-size:20px}.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row{float:none!important;width:100%!important;margin:0!important}.woocommerce-checkout #billing_email_field{grid-column:1/-1}.woocommerce-checkout #billing_email{opacity:.82}.woocommerce-checkout .woocommerce-additional-fields{display:none!important} .woocommerce-checkout .payment_method_woo_wallet .payment_box{margin-top:12px!important;padding:14px!important;border:1px solid rgba(118,82,255,.28)!important;border-radius:11px!important;background:rgba(118,82,255,.09)!important}.wassiti-wallet-checkout-heading,.wassiti-wallet-checkout-balance,.wassiti-wallet-checkout-missing,.wassiti-wallet-checkout-notice{display:block}.wassiti-wallet-checkout-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff}.wassiti-wallet-checkout-heading img{width:28px;height:28px;object-fit:contain;border-radius:8px}.wassiti-wallet-checkout-balance{color:#fff;font-weight:650}.wassiti-wallet-checkout-missing{margin-top:4px;color:#ffcf70;font-size:12px}.wassiti-wallet-checkout-notice{margin-top:7px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.55}.wassiti-wallet-checkout-notice a{display:inline-block;margin-top:7px;padding:8px 11px;border-radius:8px;background:#7652ff;color:#fff!important;font-weight:800;text-decoration:none} @media(max-width:767px){.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}.woocommerce-checkout #billing_email_field{grid-column:auto}} /* Clear, touch-friendly variable-product choices. WoodMart/WooCommerce still own selection, validation, pricing and inventory behavior. */ .single-product form.variations_form table.variations{width:100%;margin:14px 0 8px;border-collapse:separate;border-spacing:0 10px} .single-product form.variations_form table.variations tr{display:grid;grid-template-columns:minmax(90px,120px) minmax(0,1fr);gap:12px;align-items:center} .single-product form.variations_form table.variations th,.single-product form.variations_form table.variations td{display:block;padding:0;border:0;background:transparent} .single-product form.variations_form table.variations label{color:rgba(255,255,255,.76);font-size:12px;font-weight:800;letter-spacing:.02em} .single-product form.variations_form table.variations select{width:100%;min-height:46px;padding:0 44px 0 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background-color:#1b1b1d;color:#fff;font-weight:700;box-shadow:none} .single-product form.variations_form table.variations select:hover,.single-product form.variations_form table.variations select:focus{border-color:#7652ff;outline:0;box-shadow:0 0 0 3px rgba(118,82,255,.16)} .single-product form.variations_form .reset_variations{float:right;display:inline-flex!important;margin:7px 0 0!important;padding:5px 9px!important;border:1px solid rgba(118,82,255,.38);border-radius:999px;background:rgba(118,82,255,.1);color:#c7bcff!important;font-size:10px;font-weight:800;line-height:1} .single-product form.variations_form .single_variation_wrap{clear:both;margin-top:12px;padding:0;border:0;background:transparent} .single-product form.variations_form .woocommerce-variation{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#202023} .single-product form.variations_form .woocommerce-variation-price{margin:0} .single-product form.variations_form .woocommerce-variation-price .price{color:#a996ff;font-size:22px;font-weight:800} @media(max-width:767px){.single-product form.variations_form table.variations tr{grid-template-columns:1fr;gap:7px}.single-product form.variations_form table.variations select{min-height:48px}.single-product form.variations_form .woocommerce-variation{padding:11px 12px}.single-product form.variations_form .woocommerce-variation-price .price{font-size:20px}} /* Product service data edited from the WooCommerce product screen. */ .wassiti-service-information{clear:both;width:100%;margin:18px 0;padding:18px;border:1px solid rgba(118,82,255,.3);border-radius:14px;background:linear-gradient(145deg,rgba(118,82,255,.12),rgba(255,255,255,.025));color:#fff}.wassiti-service-information__eyebrow{display:block;margin-bottom:4px;color:#a996ff;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.wassiti-service-information h3{margin:0 0 14px;color:#fff;font-size:18px}.wassiti-service-information dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.08)}.wassiti-service-information dl>div{min-width:0;padding:12px;background:#202023}.wassiti-service-information dt{margin-bottom:4px;color:rgba(255,255,255,.52);font-size:10px;font-weight:800;text-transform:uppercase}.wassiti-service-information dd{margin:0;color:#fff;font-size:12px;line-height:1.5;word-break:break-word}.wassiti-service-information dd a{color:#ad9bff;font-weight:750}.wassiti-service-information .is-code dd{display:flex;align-items:center;justify-content:space-between;gap:10px}.wassiti-service-information code{padding:4px 7px;border-radius:6px;background:#111114;color:#fff;font-size:13px}.wassiti-copy-service-code{min-height:31px;padding:5px 10px!important;border:1px solid rgba(118,82,255,.7)!important;border-radius:7px!important;background:rgba(118,82,255,.16)!important;color:#fff!important;font-size:10px!important;font-weight:800!important} @media(max-width:767px){.wassiti-service-information{padding:14px}.wassiti-service-information dl{grid-template-columns:1fr}} /* Native variation dropdowns are intentionally retained. They scale better for * products that later add warranty, region and delivery-method choices. */ .single-product form.variations_form table.variations select{ position:static!important; display:block!important; width:100%!important; min-width:190px!important; height:46px!important; padding:0 42px 0 14px!important; clip:auto!important; clip-path:none!important; overflow:visible!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:10px!important; background-color:#1b1b1d!important; color:#fff!important; white-space:normal!important; } .single-product form.variations_form table.variations select:focus{ border-color:#7652ff!important; box-shadow:0 0 0 3px rgba(118,82,255,.18)!important; outline:0!important; } /* Account credit top-ups: three-step manual verification with a private proof. */ .woocommerce-MyAccount-navigation-link--add-credits>a:before{content:"+"!important;display:inline-grid!important;width:1.05em;height:1.05em;margin-inline-end:.55em;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.75em;font-weight:900;vertical-align:.1em}.wassiti-topup{display:grid;gap:18px}.wassiti-topup__header{padding:24px;border:1px solid rgba(118,82,255,.3);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(118,82,255,.2),transparent 44%),#222225}.wassiti-topup__header>span{color:#a996ff;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.wassiti-topup__header h2{margin:5px 0 7px;color:#fff;font-size:28px}.wassiti-topup__header p{margin:0;color:rgba(255,255,255,.65)}.wassiti-topup__created{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid rgba(43,191,106,.45);border-radius:13px;background:rgba(43,191,106,.09)}.wassiti-topup__created strong{color:#fff}.wassiti-topup__created span{color:rgba(255,255,255,.68);font-size:12px;line-height:1.5}.wassiti-topup__created .button{border-radius:9px!important;background:#22a95a!important;color:#fff!important}.wassiti-topup__form{display:grid;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#222225}.wassiti-topup__step{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:17px;border-radius:13px;background:#1b1b1e}.wassiti-topup__step>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#6d4eec;color:#fff;font-weight:900}.wassiti-topup__step h3{margin:3px 0 14px;color:#fff;font-size:17px}.wassiti-topup__step label>span{display:block;margin:12px 0 6px;color:rgba(255,255,255,.7);font-size:11px;font-weight:750}.wassiti-topup__step input[type=number]{width:100%;max-width:340px;border-color:rgba(255,255,255,.15)!important;border-radius:9px!important;background:#111114!important;color:#fff!important}.wassiti-topup__step>div>small{display:block;margin-top:6px;color:rgba(255,255,255,.48);font-size:10px}.wassiti-topup__amounts{display:flex;flex-wrap:wrap;gap:8px}.wassiti-topup__amounts button{min-height:40px;padding:8px 13px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;background:#27272b!important;color:#fff!important;font-size:12px!important;font-weight:800!important}.wassiti-topup__amounts button.is-active{border-color:#7652ff!important;background:#6d4eec!important}.wassiti-topup__methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wassiti-topup__methods label{position:relative;display:grid;min-height:90px;padding:14px 14px 14px 42px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#242428;cursor:pointer}.wassiti-topup__methods input{position:absolute;top:17px;left:14px;accent-color:#6d4eec}.wassiti-topup__methods strong{color:#fff;font-size:13px}.wassiti-topup__methods small{color:rgba(255,255,255,.52);font-size:10px;line-height:1.45}.wassiti-topup__methods label:has(input:checked){border-color:#7652ff;background:rgba(118,82,255,.13)}.wassiti-topup__proof{display:grid;gap:5px;padding:14px;border:1px dashed rgba(118,82,255,.55);border-radius:10px;background:rgba(118,82,255,.06)}.wassiti-topup__proof input{margin-bottom:7px;color:#fff}.wassiti-topup__proof strong{color:#fff;font-size:12px}.wassiti-topup__proof small{color:rgba(255,255,255,.5);font-size:10px}.wassiti-topup__submit{justify-self:start;min-height:46px!important;border-radius:10px!important;background:#6d4eec!important;color:#fff!important}.wassiti-topup__safety{margin:0;color:rgba(255,255,255,.5);font-size:10px;line-height:1.55}.wassiti-topup__history{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#222225}.wassiti-topup__history h3{margin:0 0 14px;color:#fff}.wassiti-topup__history>p{color:rgba(255,255,255,.58)}.wassiti-topup__table{display:grid;gap:8px}.wassiti-topup__table article{display:grid;grid-template-columns:1.25fr .75fr 1fr 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:10px;background:#1b1b1e}.wassiti-topup__table strong,.wassiti-topup__table b{color:#fff}.wassiti-topup__table small{display:block;color:rgba(255,255,255,.45);font-size:9px}.wassiti-topup__table span{color:rgba(255,255,255,.68);font-size:11px}.wassiti-topup__table i{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-style:normal;font-weight:800;text-align:center}.wassiti-topup__table i.is-approved{background:rgba(43,191,106,.16);color:#61db95}.wassiti-topup__table i.is-rejected,.wassiti-topup__table i.is-cancelled{background:rgba(239,68,68,.14);color:#fb8585}.wassiti-topup__table a{color:#64d893;font-size:10px;font-weight:800} @media(max-width:800px){.wassiti-topup__methods{grid-template-columns:1fr}.wassiti-topup__created{grid-template-columns:1fr}.wassiti-topup__created .button{width:100%;text-align:center}.wassiti-topup__table article{grid-template-columns:1fr 1fr}.wassiti-topup__table article>div{grid-column:1/-1}}@media(max-width:480px){.wassiti-topup__step{grid-template-columns:1fr}.wassiti-topup__amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wassiti-topup__amounts button{width:100%}} /* Branded customer password reset; no customer-facing WordPress login UI. */ .woocommerce-lost-password .woocommerce-ResetPassword,.woocommerce-account .woocommerce-ResetPassword{width:min(560px,100%);margin:18px auto;padding:clamp(20px,4vw,34px);border:1px solid rgba(118,82,255,.34);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(118,82,255,.18),transparent 44%),#222225;box-shadow:0 22px 65px rgba(0,0,0,.22)}.woocommerce-ResetPassword>p:first-child{margin-bottom:22px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.7}.woocommerce-ResetPassword label{color:#fff;font-weight:750}.woocommerce-ResetPassword input{border-color:rgba(255,255,255,.15)!important;border-radius:10px!important;background:#17171a!important;color:#fff!important}.woocommerce-ResetPassword .button{width:100%;min-height:48px!important;border-radius:10px!important;background:#6d4eec!important;color:#fff!important}.woocommerce-ResetPassword .woocommerce-password-strength{border-radius:8px} /* Customer delivery mirrors the structured email instead of raw plugin rows. */ .wassiti-code-group__product{display:flex;align-items:center;gap:13px}.wassiti-code-group__image{display:block;width:54px;height:54px;overflow:hidden;border-radius:10px;background:#19191c}.wassiti-code-group__image img{width:100%!important;height:100%!important;object-fit:contain!important}.wassiti-code-group__product-link{color:#a996ff!important;font-size:11px;font-weight:800}.wassiti-code-card{display:grid!important;gap:14px!important;align-items:stretch!important;padding:17px!important;background:#1b1b1e!important}.wassiti-code-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px}.wassiti-code-card__top span{display:block;margin-bottom:3px;color:#63d695;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wassiti-code-card__top strong{color:#fff}.wassiti-code-card__top i{color:rgba(255,255,255,.48);font-size:10px;font-style:normal}.wassiti-code-card dl{display:grid;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:11px}.wassiti-code-card dl>div{display:grid;grid-template-columns:minmax(90px,28%) minmax(0,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.wassiti-code-card dl>div:last-child{border-bottom:0}.wassiti-code-card dt,.wassiti-code-card dd{margin:0;padding:10px 12px}.wassiti-code-card dt{color:rgba(255,255,255,.52);font-size:10px;font-weight:800}.wassiti-code-card dd{border-left:1px solid rgba(255,255,255,.08);color:#fff;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45;word-break:break-word}.wassiti-code-card dd a{color:#a996ff!important}.wassiti-code-actions{justify-content:flex-end}.wassiti-code-actions .button{min-height:38px!important}.woocommerce-view-order .woocommerce-order-details,.woocommerce-view-order .woocommerce-customer-details{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#222225}.woocommerce-view-order .woocommerce-order-details__title,.woocommerce-view-order .woocommerce-column__title{color:#fff}.woocommerce-view-order .shop_table{overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:#1b1b1e!important}.woocommerce-view-order .shop_table th,.woocommerce-view-order .shop_table td{border-color:rgba(255,255,255,.08)!important}.woocommerce-view-order .woocommerce-order-details .product-name a{color:#fff!important;font-weight:800}.woocommerce-view-order .woocommerce-customer-details address{padding:15px!important;border:0!important;border-radius:10px!important;background:#1b1b1e!important;color:rgba(255,255,255,.74)!important} @media(max-width:767px){.wassiti-code-card__top,.wassiti-code-group>header{align-items:flex-start!important}.wassiti-code-card dl>div{grid-template-columns:1fr}.wassiti-code-card dd{border-top:1px solid rgba(255,255,255,.08);border-left:0}.wassiti-code-actions .button{flex:1}.woocommerce-view-order .woocommerce-order-details,.woocommerce-view-order .woocommerce-customer-details{padding:15px}} /* Floating helpers belong to the page layer, never above WoodMart drawers. */ html:has(.wd-side-hidden.wd-opened) .wassiti-support-shortcut,html:has(.wd-side-hidden.wd-opened) .wassiti-preferences__tab,body.wd-close-side-opened .wassiti-support-shortcut,body.wd-close-side-opened .wassiti-preferences__tab{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateX(-16px)!important} /* Credit top-up payment instructions. */ .wassiti-topup__method-details{margin-top:12px}.wassiti-topup__method-detail{display:grid;gap:9px;padding:15px;border:1px solid rgba(118,82,255,.34);border-radius:11px;background:rgba(118,82,255,.08)}.wassiti-topup__method-detail[hidden]{display:none!important}.wassiti-topup__method-detail h4{margin:0 0 2px;color:#fff;font-size:14px}.wassiti-topup__method-detail>div{display:grid;grid-template-columns:minmax(120px,.55fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.wassiti-topup__method-detail>div span{color:rgba(255,255,255,.56);font-size:10px;font-weight:700}.wassiti-topup__method-detail>div strong{overflow-wrap:anywhere;color:#fff;font-size:12px}.wassiti-topup__method-detail p{margin:1px 0;color:rgba(255,255,255,.7);font-size:11px;line-height:1.55}.wassiti-topup__method-whatsapp,.wassiti-topup__unavailable .button{justify-self:start;border-radius:9px!important;background:#22a95a!important;color:#fff!important}.wassiti-topup__unavailable{display:grid;gap:8px;padding:20px;border:1px solid rgba(239,186,74,.4);border-radius:14px;background:rgba(239,186,74,.08)}.wassiti-topup__unavailable h3,.wassiti-topup__unavailable p{margin:0}.wassiti-topup__unavailable h3{color:#fff}.wassiti-topup__unavailable p{color:rgba(255,255,255,.68)} /* Keep the WhatsApp shortcut fully inside the viewport and above mobile UI. */ .wassiti-support-shortcut{left:max(16px,env(safe-area-inset-left))!important;bottom:calc(156px + env(safe-area-inset-bottom))!important;width:46px!important;height:46px!important;box-sizing:border-box!important;overflow:visible!important;isolation:isolate!important}.wassiti-support-shortcut svg{display:block!important;width:24px!important;height:24px!important}.wassiti-support-shortcut:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:3px}@media(max-width:767px){.wassiti-support-shortcut{left:max(12px,env(safe-area-inset-left))!important;bottom:calc(140px + env(safe-area-inset-bottom))!important;width:42px!important;height:42px!important}.wassiti-topup__method-detail>div{grid-template-columns:1fr;gap:4px}} /* One aligned side dock for support and store preferences. */ .wassiti-preferences__tab,.wassiti-support-shortcut{left:0!important;right:auto!important;width:112px!important;min-width:112px!important;height:42px!important;box-sizing:border-box!important;border-left:0!important;border-radius:0 22px 22px 0!important;transform:none!important}.wassiti-preferences__tab{bottom:24px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:5px!important;padding:0 12px 0 9px!important;font-size:10px!important;line-height:1!important}.wassiti-support-shortcut{bottom:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 12px 0 8px!important;background:#20b965!important}.wassiti-support-shortcut:hover,.wassiti-support-shortcut:focus-visible{background:#28c870!important;transform:translateX(3px)!important}.wassiti-support-shortcut svg{flex:0 0 auto;width:20px!important;height:20px!important}.wassiti-support-shortcut span{position:static!important;display:block!important;visibility:visible!important;padding:0!important;background:transparent!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;opacity:1!important}.wassiti-preferences__globe{display:grid!important;width:19px!important;height:19px!important;font-size:12px!important}.wassiti-preferences__separator{display:inline!important}@media(max-width:767px){.wassiti-preferences__tab,.wassiti-support-shortcut{width:106px!important;min-width:106px!important;height:40px!important}.wassiti-preferences__tab{bottom:calc(82px + env(safe-area-inset-bottom))!important}.wassiti-support-shortcut{bottom:calc(130px + env(safe-area-inset-bottom))!important}.wassiti-preferences__language,.wassiti-preferences__currency{display:inline!important}.wassiti-topup__method-detail>div{grid-template-columns:1fr;gap:4px}} /* Phones use the original compact controls so product cards stay uncovered. */ @media(max-width:767px){.wassiti-preferences__tab{left:0!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;width:40px!important;min-width:40px!important;height:36px!important;padding:0 3px 0 0!important;border-radius:0 20px 20px 0!important;font-size:7px!important;line-height:1!important}.wassiti-preferences__globe,.wassiti-preferences__separator{display:none!important}.wassiti-preferences__language,.wassiti-preferences__currency{display:block!important}.wassiti-support-shortcut{left:5px!important;bottom:calc(138px + env(safe-area-inset-bottom))!important;display:grid!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:50%!important}.wassiti-support-shortcut svg{width:21px!important;height:21px!important}.wassiti-support-shortcut span{display:none!important}} /* Keep consent and payment controls from competing for the same mobile space. */ @media(max-width:767px){ html:has(.wd-cookies-popup:not(.wd-hide)){scroll-padding-bottom:190px} body:has(.wd-cookies-popup:not(.wd-hide)) .main-page-wrapper{padding-bottom:180px} body:has(.wd-cookies-popup:not(.wd-hide)) .wassiti-support-shortcut, body:has(.wd-cookies-popup:not(.wd-hide)) .wassiti-preferences__tab, body:has(.wd-cookies-popup:not(.wd-hide)) .scrollToTop{visibility:hidden!important;opacity:0!important;pointer-events:none!important} } /* Use WoodMart's own WhatsApp brand glyph for an exact, crisp small icon. */ .wassiti-whatsapp-brand:before{content:"\f175";font-family:"woodmart-font";font-size:20px;font-style:normal;font-weight:400;line-height:1;color:#fff}.wassiti-support-shortcut .wassiti-whatsapp-brand{display:grid;place-items:center;width:22px;height:22px}@media(max-width:767px){.wassiti-whatsapp-brand:before{font-size:19px}} /* Restored WASSITI footer. The imported Elementor footer data was malformed, so this keeps the original four-column information architecture in a stable, responsive HTML block. */ .wd-footer{margin-top:clamp(46px,7vw,88px);background:#111113;color:rgba(255,255,255,.7)} .wd-footer .main-footer{padding-top:0;padding-bottom:0} .wassiti-footer{padding:0;color:rgba(255,255,255,.72)} .wassiti-footer__locale{display:none}.language-en .wassiti-footer__locale--en,.language-fr .wassiti-footer__locale--fr,.language-ar .wassiti-footer__locale--ar{display:block}.wassiti-footer__locale--ar{direction:rtl;text-align:right}.wassiti-footer__locale--ar nav{align-items:flex-end}.wassiti-footer__locale--ar .wassiti-footer__bottom{direction:rtl} .wassiti-footer__trust{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px} .wassiti-footer__trust strong{color:#fff;font-size:15px}.wassiti-footer__trust span{color:rgba(255,255,255,.55)} .wassiti-footer__grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,1fr));gap:clamp(28px,4vw,64px);padding:48px 0 42px} .wassiti-footer__brand img{display:block;width:230px;max-width:100%;height:auto;margin:0 0 18px}.wassiti-footer__brand p{max-width:340px;margin:0 0 13px;line-height:1.7}.wassiti-footer__email{color:#a996ff!important;font-weight:700} .wassiti-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.wassiti-footer h3{margin:0 0 8px;color:#fff;font-size:16px}.wassiti-footer nav>p{display:flex!important;flex-direction:column;gap:10px;width:100%;margin:0!important}.wassiti-footer nav a{display:block!important;width:100%;margin:0!important;color:rgba(255,255,255,.7)!important;font-size:13px;line-height:1.45}.wassiti-footer nav a:hover{color:#a996ff!important} .wassiti-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:11px} @media(max-width:900px){.wassiti-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wassiti-footer__brand{grid-column:1/-1}.wassiti-footer__brand p{max-width:600px}} @media(max-width:600px){.wd-footer{margin-top:42px}.wassiti-footer__trust,.wassiti-footer__bottom{align-items:flex-start;flex-direction:column;gap:7px}.wassiti-footer__grid{grid-template-columns:1fr;gap:30px;padding:36px 0}.wassiti-footer__brand{grid-column:auto}.wassiti-footer__brand img{width:190px}} /* WASSITI guides, policy pages and evergreen editorial content. */ .wassiti-guide{width:min(1120px,calc(100% - 32px));margin:0 auto 64px}.wassiti-guide__hero{margin-bottom:28px;padding:clamp(28px,5vw,58px);border:1px solid rgba(118,82,255,.25);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(118,82,255,.22),transparent 42%),#202023}.wassiti-guide__hero>span{display:block;margin-bottom:8px;color:#a996ff;font-size:11px;font-weight:800;letter-spacing:.14em}.wassiti-guide__hero h1{max-width:820px;margin:0 0 12px;color:#fff;font-size:clamp(32px,5vw,54px);line-height:1.08}.wassiti-guide__hero p{max-width:780px;margin:0;color:rgba(255,255,255,.68);font-size:clamp(15px,2vw,18px);line-height:1.7}.wassiti-guide__body{display:grid;gap:18px}.wassiti-guide__section{padding:clamp(22px,4vw,36px);border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#222225}.wassiti-guide__section--accent{border-color:rgba(118,82,255,.38);background:rgba(118,82,255,.1)}.wassiti-guide__section h2{margin:0 0 14px;color:#fff;font-size:clamp(22px,3vw,30px)}.wassiti-guide__section p,.wassiti-guide__section li{color:rgba(255,255,255,.72);line-height:1.75}.wassiti-guide__section p:last-child,.wassiti-guide__section ul:last-child{margin-bottom:0}.wassiti-guide__section a{color:#aa98ff}.wassiti-guide__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wassiti-guide__cards article{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#1a1a1d}.wassiti-guide__cards h3{margin:0 0 8px;color:#fff;font-size:17px}.wassiti-guide__cards p{margin:0;color:rgba(255,255,255,.64);line-height:1.65}.wassiti-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:wassiti-step;margin:0;padding:0;list-style:none}.wassiti-steps li{position:relative;display:grid;grid-template-columns:38px 1fr;gap:3px 12px;min-height:108px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#1a1a1d;counter-increment:wassiti-step}.wassiti-steps li:before{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#6d4eec;color:#fff;font-weight:800;content:counter(wassiti-step)}.wassiti-steps strong{color:#fff;font-size:15px}.wassiti-steps span{color:rgba(255,255,255,.63);font-size:13px;line-height:1.55}.wassiti-faq{display:grid;gap:10px}.wassiti-faq details{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#222225}.wassiti-faq summary{position:relative;padding:20px 52px 20px 20px;color:#fff;font-weight:750;cursor:pointer;list-style:none}.wassiti-faq summary:after{position:absolute;right:20px;color:#a996ff;font-size:22px;content:"+"}.wassiti-faq details[open] summary:after{content:"−"}.wassiti-faq p{margin:0;padding:0 20px 20px;color:rgba(255,255,255,.68);line-height:1.7}.wassiti-guide__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.wassiti-guide__actions .button{min-height:46px;padding:13px 20px!important;border-radius:10px!important;background:#6d4eec!important;color:#fff!important}.wassiti-guide__actions .button-outline{border:1px solid rgba(255,255,255,.16)!important;background:transparent!important}.wassiti-tracking-form{margin-top:20px;padding:20px;border-radius:14px;background:#1a1a1d}.wassiti-tracking-form .form-row{float:none!important;width:100%!important}.blog .article-inner,.archive .article-inner{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#222225} @media(max-width:767px){.wassiti-guide{width:min(100% - 22px,1120px);margin-bottom:40px}.wassiti-guide__hero{border-radius:16px}.wassiti-guide__cards,.wassiti-steps{grid-template-columns:1fr}.wassiti-guide__section{padding:20px}.wassiti-steps li{min-height:0}.wassiti-guide__actions .button{width:100%;text-align:center}} /* Order confirmation and My Account delivery UX. */ .woocommerce-view-order .woocommerce-MyAccount-content>p:first-child{margin:0 0 18px;padding:15px 18px;border:1px solid rgba(118,82,255,.26);border-radius:13px;background:rgba(118,82,255,.08);color:rgba(255,255,255,.76);line-height:1.65}.woocommerce-view-order .woocommerce-MyAccount-content>p:first-child mark{display:inline-flex;margin:0 3px;padding:3px 8px;border:0;border-radius:999px;background:rgba(118,82,255,.2);color:#c4b8ff;font-weight:800}.woocommerce-view-order .woocommerce-order-details{margin-bottom:18px}.woocommerce-view-order .woocommerce-order-details .shop_table{table-layout:fixed}.woocommerce-view-order .woocommerce-order-details .product-total{width:180px;text-align:right}.woocommerce-view-order .woocommerce-order-details tfoot th{width:auto}.woocommerce-view-order .woocommerce-order-details tfoot td{text-align:right}.woocommerce-view-order .woocommerce-order-details .amount{color:#8e70ff;font-weight:800} .wassiti-order-delivery{margin:18px 0;padding:clamp(18px,3vw,28px);border:1px solid rgba(118,82,255,.3);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(118,82,255,.18),transparent 42%),#222225}.wassiti-order-delivery__header{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}.wassiti-order-delivery__header>span{display:block;margin-bottom:4px;color:#a996ff;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.wassiti-order-delivery__header h2{margin:0 0 7px;color:#fff;font-size:clamp(23px,3vw,31px)}.wassiti-order-delivery__header p{max-width:720px;margin:0;color:rgba(255,255,255,.65);line-height:1.6}.wassiti-order-delivery__groups{display:grid;gap:14px}.wassiti-order-delivery__group{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#1b1b1e}.wassiti-order-delivery__product{display:flex;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.wassiti-order-delivery__image{display:block;flex:0 0 52px;width:52px;height:52px;overflow:hidden;border-radius:10px;background:#111114}.wassiti-order-delivery__image img{width:100%!important;height:100%!important;object-fit:contain!important}.wassiti-order-delivery__product small{display:block;margin-bottom:3px;color:#a996ff;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.wassiti-order-delivery__product h3{margin:0;color:#fff;font-size:18px;line-height:1.3;word-break:break-word}.wassiti-order-delivery__code{display:grid;gap:13px;padding:16px 17px}.wassiti-order-delivery__status{display:flex;align-items:center;justify-content:space-between;gap:12px}.wassiti-order-delivery__status strong{color:#62d995;font-size:11px;text-transform:uppercase}.wassiti-order-delivery__status span{color:rgba(255,255,255,.48);font-size:10px}.wassiti-order-delivery__code dl{display:grid;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:11px}.wassiti-order-delivery__code dl>div{display:grid;grid-template-columns:minmax(100px,24%) minmax(0,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.wassiti-order-delivery__code dl>div:last-child{border-bottom:0}.wassiti-order-delivery__code dt,.wassiti-order-delivery__code dd{margin:0;padding:10px 12px}.wassiti-order-delivery__code dt{color:rgba(255,255,255,.52);font-size:10px;font-weight:800}.wassiti-order-delivery__code dd{border-left:1px solid rgba(255,255,255,.08);color:#fff;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.wassiti-order-delivery__code dd a{color:#ac9aff!important}.wassiti-order-delivery__code>.button{justify-self:start;min-height:40px!important;border-radius:9px!important;background:#6d4eec!important;color:#fff!important}.wassiti-order-delivery__security{margin:16px 0 0;padding:13px 15px;border-radius:10px;background:#15151a;color:rgba(255,255,255,.62);font-size:11px;line-height:1.55} /* Digital Codes stays compact and readable on phones. */ .wassiti-code-group>header{gap:16px}.wassiti-code-group__product{min-width:0}.wassiti-code-group__product>div{min-width:0}.wassiti-code-group__product h3{margin:0;color:#fff;font-size:20px;line-height:1.35;overflow-wrap:anywhere}.wassiti-code-card dd{overflow-wrap:anywhere}.wassiti-code-actions{display:flex;gap:9px;flex-wrap:wrap} /* Safer, clearer top-up feedback and touch targets. */ .woocommerce-account .woocommerce-notices-wrapper:not(:empty){margin-bottom:16px}.woocommerce-account .woocommerce-error,.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-info{border-radius:12px!important;line-height:1.55}.wassiti-topup__form select,.wassiti-topup__form input[type=number],.wassiti-topup__form input[type=file]{min-height:46px}.wassiti-topup__method-detail strong{user-select:all}.wassiti-topup__submit{padding-inline:22px!important;font-weight:800!important} @media(max-width:767px){.woocommerce-view-order .woocommerce-MyAccount-content>p:first-child{padding:13px 14px}.woocommerce-view-order .woocommerce-order-details{padding:13px}.woocommerce-view-order .woocommerce-order-details .shop_table{display:table!important;width:100%!important}.woocommerce-view-order .woocommerce-order-details .shop_table th,.woocommerce-view-order .woocommerce-order-details .shop_table td{padding:12px 8px!important;font-size:12px}.woocommerce-view-order .woocommerce-order-details .product-total{width:92px}.woocommerce-view-order .woocommerce-order-details tfoot th{width:52%!important}.wassiti-order-delivery{padding:14px;border-radius:15px}.wassiti-order-delivery__header h2{font-size:24px}.wassiti-order-delivery__product{padding:13px}.wassiti-order-delivery__image{flex-basis:46px;width:46px;height:46px}.wassiti-order-delivery__product h3{font-size:16px}.wassiti-order-delivery__code{padding:13px}.wassiti-order-delivery__status{align-items:flex-start;flex-direction:column;gap:3px}.wassiti-order-delivery__code dl>div,.wassiti-code-card dl>div{grid-template-columns:82px minmax(0,1fr)}.wassiti-order-delivery__code dd,.wassiti-code-card dd{border-top:0;border-left:1px solid rgba(255,255,255,.08);font-size:11px}.wassiti-order-delivery__code dt,.wassiti-order-delivery__code dd,.wassiti-code-card dt,.wassiti-code-card dd{padding:9px}.wassiti-order-delivery__code>.button{width:100%;text-align:center}.wassiti-code-group>header{align-items:flex-start!important;flex-direction:column}.wassiti-code-group__product h3{font-size:17px}.wassiti-code-card{padding:13px!important}.wassiti-code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.wassiti-code-actions .button{width:100%;padding-inline:8px!important;text-align:center}.wassiti-topup__header{padding:19px}.wassiti-topup__header h2{font-size:24px}.wassiti-topup__form{padding:13px}.wassiti-topup__step{padding:14px}.wassiti-topup__submit{width:100%;text-align:center}} /* The post-checkout confirmation uses the same polished order cards. */ .woocommerce-order-received .woocommerce-order-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:18px 0 22px!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#222225}.woocommerce-order-received .woocommerce-order-overview li{float:none!important;width:auto!important;margin:0!important;padding:17px 14px!important;border-right:1px solid rgba(255,255,255,.09)!important;color:rgba(255,255,255,.56);font-size:10px!important;line-height:1.45;text-transform:uppercase}.woocommerce-order-received .woocommerce-order-overview li:last-child{border-right:0!important}.woocommerce-order-received .woocommerce-order-overview strong{display:block;margin-top:6px;color:#fff;font-size:14px!important;line-height:1.35;text-transform:none;overflow-wrap:anywhere}.woocommerce-order-received .woocommerce-order-details,.woocommerce-order-received .woocommerce-customer-details{margin-bottom:18px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#222225}.woocommerce-order-received .woocommerce-order-details .shop_table{table-layout:fixed;overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;background:#1b1b1e!important}.woocommerce-order-received .woocommerce-order-details .shop_table th,.woocommerce-order-received .woocommerce-order-details .shop_table td{border-color:rgba(255,255,255,.08)!important}.woocommerce-order-received .woocommerce-order-details .product-total{width:180px;text-align:right}.woocommerce-order-received .woocommerce-order-details tfoot td{text-align:right}.woocommerce-order-received .woocommerce-order-details .amount{color:#8e70ff;font-weight:800}.woocommerce-order-received .woocommerce-customer-details address{padding:15px!important;border:0!important;border-radius:10px!important;background:#1b1b1e!important;color:rgba(255,255,255,.74)!important} @media(max-width:900px){.woocommerce-order-received .woocommerce-order-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce-order-received .woocommerce-order-overview li{border-bottom:1px solid rgba(255,255,255,.09)!important}.woocommerce-order-received .woocommerce-order-overview li:last-child{grid-column:1/-1;border-bottom:0!important}} @media(max-width:767px){.woocommerce-order-received .woocommerce-order-overview{margin-top:12px!important}.woocommerce-order-received .woocommerce-order-overview li{padding:12px 10px!important}.woocommerce-order-received .woocommerce-order-overview strong{font-size:12px!important}.woocommerce-order-received .woocommerce-order-details,.woocommerce-order-received .woocommerce-customer-details{padding:13px}.woocommerce-order-received .woocommerce-order-details .shop_table{display:table!important;width:100%!important}.woocommerce-order-received .woocommerce-order-details .shop_table th,.woocommerce-order-received .woocommerce-order-details .shop_table td{padding:12px 8px!important;font-size:12px}.woocommerce-order-received .woocommerce-order-details .product-total{width:92px}.woocommerce-order-received .woocommerce-order-details tfoot th{width:52%!important}} /* Phone-first account navigation and automatic Binance Pay top-up flow. */ .woocommerce-MyAccount-navigation-link--add-credits>a:before{content:""!important;display:inline-block!important;width:1.15em!important;height:1.15em!important;border:0!important;border-radius:0!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2h1a2 2 0 0 1 2 2v10a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V6a1 1 0 0 1 1-1h2Zm3-1a1 1 0 0 0-1 1h12a1 1 0 0 0-1-1H7ZM3 7v11a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-8h-4v2h2v2h-2v2h-2v-2h-2v-2h2v-2h6V9H3V7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v2h1a2 2 0 0 1 2 2v10a3 3 0 0 1-3 3H5a4 4 0 0 1-4-4V6a1 1 0 0 1 1-1h2Zm3-1a1 1 0 0 0-1 1h12a1 1 0 0 0-1-1H7ZM3 7v11a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-8h-4v2h2v2h-2v2h-2v-2h-2v-2h2v-2h6V9H3V7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;vertical-align:-.16em} .wassiti-topup,.wassiti-topup__form,.wassiti-topup__step,.wassiti-topup__step>div,.wassiti-topup__method-details{min-width:0;max-width:100%}.wassiti-topup__method-detail:has(.wassiti-binance-topup-fields){padding:0;border:0;background:transparent}.wassiti-binance-topup-fields{display:grid;gap:16px;margin-top:12px;padding:18px;border:1px solid rgba(118,82,255,.48);border-radius:15px;background:linear-gradient(145deg,rgba(118,82,255,.16),rgba(17,17,20,.96))}.wassiti-binance-topup-fields__intro>span{display:block;margin-bottom:5px;color:#62d995;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.wassiti-binance-topup-fields__intro h4{margin:0 0 6px!important;color:#fff!important;font-size:19px!important}.wassiti-binance-topup-fields__intro p{margin:0!important;color:rgba(255,255,255,.66)!important}.wassiti-binance-quote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wassiti-binance-quote>div{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#17171b}.wassiti-binance-quote span,.wassiti-binance-payee>span{color:rgba(255,255,255,.52);font-size:10px;font-weight:750}.wassiti-binance-quote strong{overflow-wrap:anywhere;color:#fff;font-size:17px;line-height:1.3}.wassiti-binance-quote>div:last-child strong{color:#a996ff}.wassiti-binance-quote small{color:rgba(255,255,255,.43);font-size:9px}.wassiti-binance-payee{display:grid;gap:7px;padding:14px;border:1px solid rgba(98,217,149,.25);border-radius:12px;background:rgba(98,217,149,.07)}.wassiti-binance-payee strong{display:flex;align-items:center;justify-content:space-between;gap:10px}.wassiti-binance-payee code{overflow-wrap:anywhere;color:#fff;font-size:16px}.wassiti-binance-payee button{flex:0 0 auto;min-height:38px!important;padding:8px 13px!important;border:1px solid rgba(98,217,149,.38)!important;border-radius:9px!important;background:#1f9f59!important;color:#fff!important;font-size:11px!important;font-weight:850!important}.wassiti-binance-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:binance-step}.wassiti-binance-flow li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:2px 9px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#1a1a1e;counter-increment:binance-step}.wassiti-binance-flow li:before{grid-row:1/3;display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#6d4eec;color:#fff;font-size:11px;font-weight:900;content:counter(binance-step)}.wassiti-binance-flow b{color:#fff;font-size:11px}.wassiti-binance-flow span{color:rgba(255,255,255,.52);font-size:9px;line-height:1.45}.wassiti-binance-identifiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wassiti-binance-identifiers label{display:grid;gap:6px;min-width:0}.wassiti-binance-identifiers label>span{margin:0!important;color:rgba(255,255,255,.72)!important;font-size:10px!important}.wassiti-binance-identifiers input{width:100%!important;min-width:0;min-height:46px;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;background:#111114!important;color:#fff!important}.wassiti-binance-security{margin:0!important;padding:11px 13px;border-radius:9px;background:#141419;color:rgba(255,255,255,.56)!important;font-size:9px!important;line-height:1.55!important}.wassiti-topup__form.is-binance .wassiti-topup__safety{display:none}.wassiti-topup__submit:disabled{cursor:wait;opacity:.68} @media(max-width:767px){html,body{direction:ltr!important}.wassiti-language-rtl .wassiti-product-language,.wassiti-language-rtl .woocommerce-product-details__short-description,.wassiti-language-rtl .woocommerce-Tabs-panel{direction:rtl;text-align:right}.woocommerce-account .woocommerce-MyAccount-content{min-width:0!important;overflow:visible!important}.woocommerce-account .woocommerce-MyAccount-content>*{max-width:100%}.wassiti-account-grid{gap:10px}.wassiti-account-card{min-height:104px!important;padding:14px!important}.wassiti-account-card strong{font-size:13px}.wassiti-account-card b{font-size:18px}.wassiti-account-card small{font-size:10px}.wassiti-topup{gap:12px}.wassiti-topup__header{padding:17px!important;border-radius:14px}.wassiti-topup__header h2{font-size:25px!important}.wassiti-topup__header p{font-size:12px;line-height:1.55}.wassiti-topup__form{gap:10px;padding:10px!important;border-radius:14px}.wassiti-topup__step{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;padding:12px!important}.wassiti-topup__step>span{width:32px;height:32px;border-radius:9px}.wassiti-topup__step h3{margin-top:2px;font-size:16px}.wassiti-topup__amounts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.wassiti-topup__amounts button{width:100%!important;min-width:0!important;padding:7px!important;font-size:11px!important}.wassiti-topup__step input[type=number]{max-width:none!important}.wassiti-topup__methods{grid-template-columns:1fr!important}.wassiti-topup__methods label{min-height:72px;padding:12px 12px 12px 40px}.wassiti-topup__method-detail{padding:12px}.wassiti-binance-topup-fields{gap:12px;margin-top:8px;padding:12px;border-radius:13px}.wassiti-binance-topup-fields__intro h4{font-size:17px!important}.wassiti-binance-quote,.wassiti-binance-identifiers{grid-template-columns:1fr}.wassiti-binance-quote>div{padding:12px}.wassiti-binance-quote strong{font-size:15px}.wassiti-binance-payee strong{align-items:flex-start;flex-direction:column}.wassiti-binance-payee button{width:100%}.wassiti-binance-flow{grid-template-columns:1fr}.wassiti-topup__history{padding:13px}.wassiti-topup__table article{grid-template-columns:1fr!important}.wassiti-topup__table article>*{grid-column:auto!important}.wassiti-topup__submit{min-height:50px!important}.wassiti-topup__proof-step[hidden]{display:none!important}} @media(max-width:360px){.wassiti-topup__step{grid-template-columns:1fr!important}.wassiti-topup__amounts{grid-template-columns:1fr!important}} .wassiti-binance-quote__payment label{margin:0;color:rgba(255,255,255,.52);font-size:10px;font-weight:750}.wassiti-binance-quote__input{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:3px}.wassiti-binance-quote__input input{width:100%!important;min-width:0;min-height:44px!important;margin:0!important;border:1px solid rgba(118,82,255,.5)!important;border-radius:9px!important;background:#101013!important;color:#fff!important;font-size:17px!important;font-weight:850!important}.wassiti-binance-quote__input b{color:#a996ff;font-size:13px} /* Keep the native WoodMart account sidebar on tablets. Phone navigation is a single horizontal row (defined above), so it stays compact and familiar. */ @media(min-width:768px) and (max-width:1024px){ html,body{direction:ltr!important;overflow-x:hidden!important} .wassiti-language-rtl .wassiti-product-language,.wassiti-language-rtl .woocommerce-product-details__short-description,.wassiti-language-rtl .woocommerce-Tabs-panel{direction:rtl;text-align:right} .wassiti-topup,.wassiti-topup__form,.wassiti-topup__step{min-width:0!important} .wassiti-topup__methods{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wassiti-binance-identifiers{grid-template-columns:1fr!important} } /* Guided top-up sequence: amount first, then method, then verification. */ .wassiti-topup__step-hint{margin:-7px 0 13px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.5}.wassiti-topup__method-step{transition:border-color .2s ease,opacity .2s ease}.wassiti-topup__method-step.is-locked{opacity:.62}.wassiti-topup__method-step.is-locked .wassiti-topup__methods{pointer-events:none}.wassiti-topup__method-step:not(.is-locked) .wassiti-topup__step-hint{display:none}.wassiti-topup__methods input:disabled+strong,.wassiti-topup__methods input:disabled~small{opacity:.55} /* Language changes must never mirror the WoodMart shell. Product and brand * names remain LTR; only real Arabic prose is RTL. */ html[lang^="ar"],html[lang^="ar"] body,body.wassiti-language-rtl,body.rtl{ direction:ltr!important; text-align:left; } html[lang^="ar"] .whb-header, html[lang^="ar"] .main-page-wrapper, html[lang^="ar"] .site-content, html[lang^="ar"] .woocommerce-my-account-wrapper, html[lang^="ar"] .product_title, html[lang^="ar"] .wd-breadcrumbs, html[lang^="ar"] form.variations_form, body.rtl .whb-header, body.rtl .main-page-wrapper, body.rtl .site-content, body.rtl .woocommerce-my-account-wrapper, body.rtl .product_title, body.rtl .wd-breadcrumbs, body.rtl form.variations_form, .wassiti-language-rtl .whb-header, .wassiti-language-rtl .main-page-wrapper, .wassiti-language-rtl .site-content, .wassiti-language-rtl .woocommerce-my-account-wrapper, .wassiti-language-rtl .product_title, .wassiti-language-rtl .wd-breadcrumbs, .wassiti-language-rtl form.variations_form{ direction:ltr!important; text-align:left!important; } .wassiti-language-rtl .wassiti-product-language[lang="ar"], .wassiti-language-rtl .wassiti-product-summary-language[lang="ar"]{ direction:rtl!important; text-align:right!important; } .wassiti-product-language[hidden], .wassiti-product-summary-language[hidden]{display:none!important} .wassiti-canonical-product-name{direction:ltr!important;unicode-bidi:isolate!important} @media(max-width:767px){ .single-product form.variations_form table.variations, .single-product form.variations_form table.variations tbody, .single-product form.variations_form table.variations tr, .single-product form.variations_form table.variations th, .single-product form.variations_form table.variations td{display:block!important;width:100%!important} .single-product form.variations_form table.variations th{padding-bottom:7px!important} .single-product form.variations_form table.variations td{padding-top:0!important} .single-product form.variations_form table.variations select{min-width:0!important;width:100%!important} } /* ============================================================ WASSITI 2026-07-29 — product language blocks, server-side gating Problem: all three language blocks shipped visible; store-preferences.js hid the inactive ones only AFTER load, so customers saw EN+AR+FR stacked until JS ran, and permanently if JS failed. Fix: CSS gates on the existing body .language-* class, so only the active language ever paints. JS [hidden] switching still works on top of this. Only blocks that carry a lang attribute are gated, so any untagged content stays visible by default. ============================================================ */ .wassiti-product-language[lang], .wassiti-product-summary-language[lang]{display:none} .language-en .wassiti-product-language[lang="en"], .language-fr .wassiti-product-language[lang="fr"], .language-ar .wassiti-product-language[lang="ar"]{display:block} .language-en .wassiti-product-summary-language[lang="en"], .language-fr .wassiti-product-summary-language[lang="fr"], .language-ar .wassiti-product-summary-language[lang="ar"]{display:block} /* ============================================================ WASSITI 2026-07-30 — clear single-product presentation Service information is a readable definition list, not a pseudo-table. The WoodMart layout owns placement; these rules own spacing and controls. ============================================================ */ .single-product .wassiti-service-information{ margin:24px 0 0; padding:0; border:0; border-radius:0; background:transparent; } .single-product .wassiti-service-information__eyebrow{ margin-bottom:6px; font-size:11px; } .single-product .wassiti-service-information h3{ margin-bottom:16px; font-size:20px; } .single-product .wassiti-service-information dl{ display:block; margin:0; overflow:visible; border:0; border-radius:0; background:transparent; } .single-product .wassiti-service-information dl>div{ position:relative; display:block; min-width:0; padding:13px 0 13px 24px; border-bottom:1px solid rgba(255,255,255,.1); background:transparent; } .single-product .wassiti-service-information dl>div:first-child{ border-top:1px solid rgba(255,255,255,.1); } .single-product .wassiti-service-information dl>div:before{ position:absolute; top:18px; left:2px; width:8px; height:8px; border:2px solid #8d73ff; border-radius:50%; content:""; } .single-product .wassiti-service-information dt{ margin-bottom:5px; color:#a99aff; font-size:10px; letter-spacing:.06em; } .single-product .wassiti-service-information dd{ font-size:13px; line-height:1.6; } .single-product .elementor-element-68c569c{ border:1px solid rgba(255,255,255,.1); box-shadow:0 18px 55px rgba(0,0,0,.18); } .single-product .elementor-element-68c569c .price{ line-height:1.2; } .single-product .single_add_to_cart_button, .single-product .wd-buy-now-btn{ min-height:52px!important; padding:12px 20px!important; border-radius:12px!important; font-size:13px!important; font-weight:800!important; letter-spacing:0!important; } .single-product .single_add_to_cart_button{ background:#6d4eec!important; box-shadow:0 9px 24px rgba(109,78,236,.25)!important; } .single-product .wd-buy-now-btn{ border:1px solid rgba(168,148,255,.75)!important; background:rgba(118,82,255,.1)!important; color:#fff!important; } .single-product .wd-buy-now-btn:hover, .single-product .wd-buy-now-btn:focus-visible{ background:rgba(118,82,255,.22)!important; } .single-product .elementor-element-4d83750{ max-width:940px; } .single-product .elementor-element-4d83750 .wassiti-product-language{ max-width:none; } .single-product .elementor-element-4d83750 .wassiti-product-language>p{ max-width:840px; } @media(max-width:767px){ .single-product .wassiti-service-information{ margin-top:20px; padding:0; } .single-product .wassiti-service-information h3{ font-size:18px; } .single-product .wassiti-service-information dl>div{ padding:12px 0 12px 22px; } .single-product .elementor-element-68c569c{ padding:20px!important; border-radius:14px!important; } .single-product .single_add_to_cart_button, .single-product .wd-buy-now-btn{ width:100%!important; min-height:50px!important; } } /* Account-first checkout gate. WooCommerce still enforces authentication. */ .woocommerce-checkout .woocommerce-form-login-toggle{ display:none!important; } .wassiti-checkout-auth{ max-width:720px; margin:10px auto; padding:30px; border:1px solid rgba(118,82,255,.35); border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(118,82,255,.2),transparent 45%),#232327; color:#fff; text-align:center; } .wassiti-checkout-auth>span{ display:block; margin-bottom:6px; color:#aa98ff; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; } .wassiti-checkout-auth h2{ margin:0 0 9px; color:#fff; font-size:clamp(24px,4vw,34px); } .wassiti-checkout-auth>p{ max-width:590px; margin:0 auto 22px; color:rgba(255,255,255,.68); line-height:1.65; } .wassiti-checkout-auth__actions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .wassiti-checkout-auth__actions .button{ display:flex!important; min-height:50px; align-items:center; justify-content:center; border-radius:11px!important; font-weight:800!important; } .wassiti-checkout-auth__login{ background:#6d4eec!important; color:#fff!important; } .wassiti-checkout-auth__register{ border:1px solid rgba(168,148,255,.6)!important; background:transparent!important; color:#fff!important; } .wassiti-checkout-auth__divider{ display:flex; align-items:center; gap:12px; margin:20px 0 13px; color:rgba(255,255,255,.45); font-size:10px; font-weight:800; text-transform:uppercase; } .wassiti-checkout-auth__divider:before, .wassiti-checkout-auth__divider:after{ flex:1; height:1px; background:rgba(255,255,255,.1); content:""; } .wassiti-checkout-auth__google .nsl-container, .wassiti-checkout-auth__google .nsl-container-buttons, .wassiti-checkout-auth__google .nsl-button{ width:100%!important; max-width:none!important; } .wassiti-checkout-auth>small{ display:block; margin-top:14px; color:rgba(255,255,255,.5); line-height:1.5; } @media(max-width:767px){ .wassiti-checkout-auth{ margin:0; padding:22px 16px; border-radius:15px; } .wassiti-checkout-auth__actions{ grid-template-columns:1fr; } .wd-cookies-popup{ right:8px!important; bottom:calc(74px + env(safe-area-inset-bottom))!important; left:8px!important; width:auto!important; border:1px solid rgba(255,255,255,.1); border-radius:14px; } .wd-cookies-popup .wd-cookies-inner{ display:grid!important; grid-template-columns:1fr auto; gap:10px 14px; padding:12px 13px!important; } .wd-cookies-popup .cookies-info-text{ grid-column:1/-1; margin:0!important; font-size:11px!important; line-height:1.45!important; text-align:left!important; } .wd-cookies-popup .cookies-buttons{ grid-column:1/-1; display:flex!important; align-items:center; justify-content:flex-end; gap:9px; } .wd-cookies-popup .cookies-buttons a{ min-height:36px!important; padding:8px 13px!important; font-size:10px!important; } } /* WASSITI 2026-07-29 — legal/guide page language blocks. wpm_translate_string() strips all HTML from content that mixes tags with [:xx] markers, so legal pages rendered as one unformatted wall of text. Pages are now stored as three complete monolingual blocks and gated here, the same proven pattern as the footer and product descriptions. */ .wassiti-page-language[lang]{display:none} .language-en .wassiti-page-language[lang="en"], .language-fr .wassiti-page-language[lang="fr"], .language-ar .wassiti-page-language[lang="ar"]{display:block} .wassiti-page-language[lang="ar"]{direction:rtl;text-align:right} /* Footer policy row. All seven policy pages must be reachable in every language, but .wassiti-footer__grid is fixed at brand + 3 navs and a 5th column overflows just above the 900px breakpoint. So policy links live in their own wrapping row and Customer Care keeps only support links. Overrides the column-nav rules above. */ .wassiti-footer__legal{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.1)} .wassiti-footer__legal a{display:inline-block!important;width:auto!important;margin:0!important;color:rgba(255,255,255,.55)!important;font-size:12px;line-height:1.5} .wassiti-footer__legal a:hover{color:#a996ff!important} .wassiti-footer__legal+.wassiti-footer__bottom{border-top:0} @media(max-width:600px){.wassiti-footer__legal{gap:8px 16px;padding-top:14px}}