.elementor-1248 .elementor-element.elementor-element-05017fa{--display:flex;--overlay-opacity:1;}.elementor-1248 .elementor-element.elementor-element-05017fa::before, .elementor-1248 .elementor-element.elementor-element-05017fa > .elementor-background-video-container::before, .elementor-1248 .elementor-element.elementor-element-05017fa > .e-con-inner > .elementor-background-video-container::before, .elementor-1248 .elementor-element.elementor-element-05017fa > .elementor-background-slideshow::before, .elementor-1248 .elementor-element.elementor-element-05017fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-1248 .elementor-element.elementor-element-05017fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://perfumezandi.ir/wp-content/uploads/2026/08/802a95b1-ee7c-412f-a5f6-41978eefe500-1.png");--background-overlay:'';}/* Start custom CSS for shortcode, class: .elementor-element-0ecf6d4 *//* ========================================================= PERFUME ZANDI COMPLETE MY ACCOUNT UI CLEAN / MERGED VERSION ========================================================= */ /* ========================================================= VARIABLES ========================================================= */ body.woocommerce-account{ --z-green:#173c28; --z-green-dark:#102c1d; --z-text:#152219; --z-muted:#768078; --z-red:#754646; --z-glass:rgba(255,255,255,.30); --z-glass-light:rgba(255,255,255,.44); --z-border:rgba(255,255,255,.56); --z-line:rgba(23,60,40,.08); --z-shadow: 0 18px 45px rgba(23,60,40,.065), inset 0 1px 0 rgba(255,255,255,.75); font-family:"Vazir",sans-serif; background:#f5f3e9; } /* ========================================================= RESET / STRUCTURE ========================================================= */ body.woocommerce-account *, body.woocommerce-account *::before, body.woocommerce-account *::after{ box-sizing:border-box; } body.woocommerce-account .woocommerce{ display:block !important; width:calc(100% - 50px) !important; max-width:1360px !important; margin:45px auto !important; padding:0 !important; float:none !important; clear:both !important; direction:rtl !important; } /* حذف منوی پیشفرض ووکامرس */ body.woocommerce-account .woocommerce-MyAccount-navigation{ display:none !important; } /* محتوای اصلی */ body.woocommerce-account .woocommerce-MyAccount-content{ display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; float:none !important; clear:both !important; margin:0 !important; padding:0 !important; direction:rtl !important; } /* حذف متن پیشفرض Dashboard */ body.zandi-account-home .woocommerce-MyAccount-content > p{ display:none !important; } /* ========================================================= GENERIC GLASS ========================================================= */ body.woocommerce-account .zandi-x-account, body.woocommerce-account .zandi-profile-card, body.woocommerce-account .zandi-latest-order, body.woocommerce-account .zandi-x-access, body.woocommerce-account .zandi-recent-products, body.woocommerce-account .zandi-account-page-head, body.woocommerce-account .zandi-order-progress, body.woocommerce-account .zandi-security-card{ border:1px solid var(--z-border); backdrop-filter: blur(20px) saturate(145%); -webkit-backdrop-filter: blur(20px) saturate(145%); box-shadow:var(--z-shadow); } /* ========================================================= DASHBOARD WRAPPER ========================================================= */ body.woocommerce-account .zandi-x-account{ position:relative; width:100% !important; margin:0; padding:clamp(28px,4vw,50px); overflow:hidden; border-radius:34px; background: linear-gradient( 135deg, rgba(255,255,255,.40), rgba(255,255,255,.10) ); } /* Reflection */ body.woocommerce-account .zandi-x-account::before{ content:""; position:absolute; width:65%; height:220px; top:-170px; right:-10%; transform:rotate(-8deg); background: linear-gradient( 115deg, rgba(255,255,255,.65), rgba(255,255,255,.08) 45%, transparent 72% ); filter:blur(10px); pointer-events:none; z-index:0; } /* ========================================================= AMBIENT LIGHTS ========================================================= */ body.woocommerce-account .zandi-x-orb{ position:absolute; border-radius:50%; pointer-events:none; opacity:.45; z-index:0; } body.woocommerce-account .zandi-x-orb-1{ width:250px; height:250px; top:-110px; left:-90px; background: radial-gradient( circle, rgba(23,60,40,.22), transparent 68% ); } body.woocommerce-account .zandi-x-orb-2{ width:300px; height:300px; bottom:-180px; right:-120px; background: radial-gradient( circle, rgba(247,245,227,.9), transparent 70% ); } /* ========================================================= DASHBOARD HERO ========================================================= */ body.woocommerce-account .zandi-x-hero{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:8px 6px 34px; } body.woocommerce-account .zandi-x-hero-copy{ max-width:650px; } body.woocommerce-account .zandi-x-kicker{ display:block; margin-bottom:11px; direction:ltr; text-align:right; color:var(--z-green); font-size:9px; font-weight:400; letter-spacing:4px; } body.woocommerce-account .zandi-x-hero h2{ margin:0; color:var(--z-text); font-size:clamp(32px,4.3vw,58px); font-weight:300; line-height:1.35; letter-spacing:-1.5px; } body.woocommerce-account .zandi-x-hero h2 span{ color:var(--z-green); font-weight:400; } body.woocommerce-account .zandi-x-hero p{ max-width:500px; margin:12px 0 0; color:var(--z-muted); font-size:12px; font-weight:300; line-height:2.1; } /* ========================================================= MAIN AVATAR ========================================================= */ body.woocommerce-account .zandi-x-profile{ position:relative; flex:0 0 auto; } body.woocommerce-account .zandi-x-avatar-ring{ width:94px; height:94px; padding:5px; border-radius:50%; background: linear-gradient( 135deg, rgba(255,255,255,.8), rgba(23,60,40,.20) ); box-shadow: 0 15px 35px rgba(23,60,40,.13), inset 0 1px 0 rgba(255,255,255,.95); } body.woocommerce-account .zandi-x-avatar{ display:block; width:100% !important; height:100% !important; object-fit:cover; border-radius:50%; } body.woocommerce-account .zandi-x-profile-status{ position:absolute; right:5px; bottom:7px; width:17px; height:17px; border-radius:50%; background:var(--z-green); border:3px solid rgba(255,255,255,.82); } /* ========================================================= PROFILE CARD ========================================================= */ body.woocommerce-account .zandi-profile-card{ position:relative; z-index:2; width:100%; margin-bottom:18px; padding:20px 22px; display:grid; grid-template-columns: 1.4fr 1fr auto; align-items:center; gap:18px; overflow:hidden; border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.32), rgba(255,255,255,.09) ); } body.woocommerce-account .zandi-profile-main{ display:flex; align-items:center; gap:14px; min-width:0; } body.woocommerce-account .zandi-profile-avatar-mini{ width:62px; height:62px; flex:0 0 62px; padding:3px; border-radius:50%; background: linear-gradient( 135deg, rgba(255,255,255,.75), rgba(23,60,40,.13) ); } body.woocommerce-account .zandi-profile-avatar-mini img{ display:block; width:100% !important; height:100% !important; object-fit:cover; border-radius:50%; } body.woocommerce-account .zandi-profile-eyebrow{ display:block; margin-bottom:4px; direction:ltr; text-align:right; color:var(--z-green); font-size:6px; letter-spacing:2.5px; } body.woocommerce-account .zandi-profile-info h3{ margin:0 !important; color:var(--z-green) !important; font-size:16px !important; font-weight:400 !important; } body.woocommerce-account .zandi-profile-info p{ margin:4px 0 0 !important; color:#7c857e !important; font-size:8px !important; } /* profile meta */ body.woocommerce-account .zandi-profile-meta{ display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px; } body.woocommerce-account .zandi-profile-meta > div{ min-height:60px; padding:10px 12px; display:flex; flex-direction:column; justify-content:center; gap:4px; background:rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.34); border-radius:12px; } body.woocommerce-account .zandi-profile-meta span{ color:#858d87; font-size:6px; } body.woocommerce-account .zandi-profile-meta strong{ color:var(--z-green); font-size:9px; font-weight:400; } /* ========================================================= GENERIC GREEN PILL BUTTON ========================================================= */ body.woocommerce-account .zandi-profile-edit, body.woocommerce-account .zandi-latest-view{ position:relative; z-index:3; display:inline-flex; align-items:center; justify-content:center; gap:12px; background:var(--z-green); border:1px solid var(--z-green); border-radius:100px; color:#fff !important; font-family:"Vazir",sans-serif; font-size:8px; font-weight:300; text-decoration:none !important; transition: background .18s ease, transform .18s ease; } body.woocommerce-account .zandi-profile-edit{ min-height:44px; padding:6px 14px; white-space:nowrap; } body.woocommerce-account .zandi-profile-edit:hover, body.woocommerce-account .zandi-latest-view:hover{ background:var(--z-green-dark); color:#fff !important; transform:translateY(-2px); } /* ========================================================= DIVIDER ========================================================= */ body.woocommerce-account .zandi-x-line{ position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-bottom:27px; } body.woocommerce-account .zandi-x-line span{ height:1px; background: linear-gradient( 90deg, transparent, rgba(23,60,40,.16) ); } body.woocommerce-account .zandi-x-line span:last-child{ background: linear-gradient( 90deg, rgba(23,60,40,.16), transparent ); } body.woocommerce-account .zandi-x-line em{ color:rgba(23,60,40,.35); font-size:8px; font-style:normal; letter-spacing:4px; } /* ========================================================= DASHBOARD STATS ========================================================= */ body.woocommerce-account .zandi-x-stats{ position:relative; z-index:2; display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap:14px; margin-bottom:18px; } body.woocommerce-account .zandi-x-stat{ position:relative; min-height:175px; padding:20px; overflow:hidden; display:flex; align-items:flex-end; background: linear-gradient( 145deg, rgba(255,255,255,.39), rgba(255,255,255,.12) ); border: 1px solid rgba(255,255,255,.62); border-radius:22px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 12px 30px rgba(23,60,40,.045); text-decoration:none !important; cursor:pointer; transition: transform .22s ease, box-shadow .22s ease; } body.woocommerce-account .zandi-x-stat:hover{ transform:translateY(-5px); box-shadow: 0 20px 45px rgba(23,60,40,.10), inset 0 1px 0 rgba(255,255,255,.85); } body.woocommerce-account .zandi-x-stat-no{ position:absolute; top:17px; left:19px; color:rgba(23,60,40,.22); font-family:Georgia,serif; font-size:12px; } body.woocommerce-account .zandi-x-stat-center{ display:flex; flex-direction:column; gap:7px; } body.woocommerce-account .zandi-x-stat-center strong{ color:var(--z-green); font-family:Georgia,serif; font-size:54px; font-weight:400; line-height:.85; } body.woocommerce-account .zandi-x-stat-center span{ color:var(--z-muted); font-size:10px; } body.woocommerce-account .zandi-x-arrow{ position:absolute; left:17px; bottom:17px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(23,60,40,.07); color:var(--z-green); font-size:15px; transition:.2s ease; } body.woocommerce-account .zandi-x-stat:hover .zandi-x-arrow{ background:var(--z-green); color:#fff; transform:translateX(-3px); } /* ========================================================= LATEST ORDER ========================================================= */ body.woocommerce-account .zandi-latest-order{ position:relative; z-index:2; margin-bottom:18px; padding:22px; border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.32), rgba(255,255,255,.09) ); } body.woocommerce-account .zandi-latest-order-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:16px; margin-bottom:15px; border-bottom:1px solid var(--z-line); } body.woocommerce-account .zandi-latest-eyebrow{ display:block; margin-bottom:5px; direction:ltr; text-align:right; color:var(--z-green); font-size:7px; letter-spacing:3px; } body.woocommerce-account .zandi-latest-order-head h3{ margin:0 !important; color:var(--z-green) !important; font-size:18px !important; font-weight:300 !important; } body.woocommerce-account .zandi-latest-order-number{ color:rgba(23,60,40,.32); font-family:Georgia,serif; font-size:16px; } body.woocommerce-account .zandi-latest-order-grid{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)) auto; align-items:center; gap:10px; } body.woocommerce-account .zandi-latest-item{ min-height:67px; padding:12px 14px; display:flex; flex-direction:column; justify-content:center; gap:5px; background:rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.35); border-radius:13px; } body.woocommerce-account .zandi-latest-item span{ color:#828a83; font-size:7px; } body.woocommerce-account .zandi-latest-item strong{ color:var(--z-green); font-size:10px; font-weight:400; } body.woocommerce-account .zandi-latest-view{ min-height:67px; padding:0 16px; justify-content:space-between; } /* ========================================================= QUICK ACCESS ========================================================= */ body.woocommerce-account .zandi-x-access{ position:relative; z-index:2; width:100%; padding:24px; border-radius:22px; background: linear-gradient( 135deg, rgba(255,255,255,.25), rgba(255,255,255,.08) ); } body.woocommerce-account .zandi-x-access-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:18px; margin-bottom:8px; border-bottom:1px solid var(--z-line); } body.woocommerce-account .zandi-x-access-head span{ display:block; color:var(--z-green); font-size:7px; letter-spacing:3px; direction:ltr; text-align:right; } body.woocommerce-account .zandi-x-access-head h3{ margin:5px 0 0; color:var(--z-text); font-size:21px; font-weight:300; } body.woocommerce-account .zandi-x-access-head p{ margin:0; color:var(--z-muted); font-size:9px; } body.woocommerce-account .zandi-x-links{ display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap:9px; } body.woocommerce-account .zandi-x-links a{ position:relative; min-height:100px; padding:15px; display:grid; grid-template-columns: 35px 1fr 25px; align-items:center; gap:10px; text-decoration:none !important; background:rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.38); border-radius:15px; transition: transform .2s ease, background .2s ease; } body.woocommerce-account .zandi-x-links a:hover{ transform:translateY(-2px); background:rgba(255,255,255,.36); } body.woocommerce-account .zandi-x-link-icon{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(23,60,40,.07); color:var(--z-green); font-family:Georgia,serif; font-size:9px; } body.woocommerce-account .zandi-x-links strong{ display:block; margin-bottom:4px; color:var(--z-text); font-size:10px; font-weight:400; } body.woocommerce-account .zandi-x-links span{ color:var(--z-muted); font-size:8px; line-height:1.7; } body.woocommerce-account .zandi-x-links i{ color:var(--z-green); font-size:14px; font-style:normal; } /* ========================================================= RECENT PURCHASES ========================================================= */ body.woocommerce-account .zandi-recent-products{ position:relative; width:100%; margin-top:18px; padding:24px; border-radius:22px; background: linear-gradient( 135deg, rgba(255,255,255,.34), rgba(255,255,255,.09) ); } body.woocommerce-account .zandi-recent-products-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--z-line); } body.woocommerce-account .zandi-recent-products-eyebrow{ display:block; margin-bottom:5px; direction:ltr; text-align:right; color:var(--z-green); font-size:7px; letter-spacing:3px; } body.woocommerce-account .zandi-recent-products-head h3{ margin:0 !important; color:var(--z-green) !important; font-size:21px !important; font-weight:300 !important; } body.woocommerce-account .zandi-recent-products-head p{ margin:5px 0 0 !important; color:#818981 !important; font-size:9px !important; } body.woocommerce-account .zandi-recent-products-all{ min-height:38px; padding:5px 14px; display:inline-flex; align-items:center; gap:10px; border-radius:100px; background:rgba(23,60,40,.065); border: 1px solid rgba(23,60,40,.10); color:var(--z-green) !important; font-size:8px; text-decoration:none !important; } body.woocommerce-account .zandi-recent-products-grid{ display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:10px; } body.woocommerce-account .zandi-recent-product{ position:relative; min-width:0; padding:10px; display:flex; flex-direction:column; gap:11px; background:rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.40); border-radius:16px; color:inherit !important; text-decoration:none !important; transition: transform .22s ease, background .22s ease; } body.woocommerce-account .zandi-recent-product:hover{ transform:translateY(-4px); background:rgba(255,255,255,.34); } body.woocommerce-account .zandi-recent-product-image{ width:100%; aspect-ratio:1; overflow:hidden; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(255,255,255,.22); } body.woocommerce-account .zandi-recent-product-img{ width:82% !important; height:82% !important; object-fit:contain !important; margin:auto !important; transition:transform .3s ease; } body.woocommerce-account .zandi-recent-product:hover .zandi-recent-product-img{ transform:scale(1.05); } body.woocommerce-account .zandi-recent-product-info{ display:flex; flex-direction:column; gap:4px; } body.woocommerce-account .zandi-recent-product-order{ color:#889089; font-size:6px; } body.woocommerce-account .zandi-recent-product-info strong{ color:var(--z-green); font-size:10px; font-weight:400; line-height:1.8; } body.woocommerce-account .zandi-recent-product-date{ color:#89908a; font-size:7px; } body.woocommerce-account .zandi-recent-product-arrow{ position:absolute; left:11px; bottom:10px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(23,60,40,.06); color:var(--z-green); font-size:11px; } /* ========================================================= INTERNAL PAGE WRAPPER ========================================================= */ body.woocommerce-account:not(.zandi-account-home) .woocommerce-MyAccount-content{ width:100% !important; padding:clamp(24px,4vw,44px) !important; background: linear-gradient( 135deg, rgba(255,255,255,.36), rgba(255,255,255,.10) ) !important; border: 1px solid rgba(255,255,255,.60) !important; border-radius:28px !important; backdrop-filter: blur(24px) saturate(145%) !important; -webkit-backdrop-filter: blur(24px) saturate(145%) !important; box-shadow:var(--z-shadow) !important; } /* ========================================================= BACK BUTTON ========================================================= */ body.woocommerce-account .zandi-account-back-wrap{ width:100%; margin:0 0 16px !important; display:flex; } body.woocommerce-account .zandi-account-back{ display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:6px 16px 6px 8px; border-radius:100px; background:rgba(255,255,255,.28); border:1px solid var(--z-border); color:var(--z-green) !important; font-size:9px; text-decoration:none !important; } body.woocommerce-account .zandi-account-back-icon{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--z-green); color:#fff; font-size:13px; } /* ========================================================= INTERNAL PAGE HEADER ========================================================= */ body.woocommerce-account .zandi-account-page-head{ width:100%; margin:0 0 22px; padding:24px 26px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) ); } body.woocommerce-account .zandi-account-page-eyebrow{ display:block; margin-bottom:7px; color:var(--z-green); direction:ltr; text-align:right; font-size:7px; letter-spacing:3px; } body.woocommerce-account .zandi-account-page-head h1{ margin:0 !important; color:var(--z-green) !important; font-size:clamp(22px,3vw,34px) !important; font-weight:300 !important; } body.woocommerce-account .zandi-account-page-head p{ margin:7px 0 0 !important; color:#778078 !important; font-size:10px !important; line-height:1.9 !important; } body.woocommerce-account .zandi-account-page-line{ flex:1; max-width:180px; height:1px; margin-bottom:10px; background: linear-gradient( 90deg, rgba(23,60,40,.22), transparent ); } /* ========================================================= ORDERS ========================================================= */ body.woocommerce-account .woocommerce-orders-table{ width:100% !important; border:0 !important; background:transparent !important; border-collapse:separate !important; border-spacing:0 14px !important; } body.woocommerce-account .woocommerce-orders-table thead{ display:none !important; } body.woocommerce-account .woocommerce-orders-table tbody{ display:block !important; width:100% !important; } body.woocommerce-account .woocommerce-orders-table tbody tr{ display:grid !important; grid-template-columns: 1.1fr 1fr .9fr 1.2fr auto; align-items:center; gap:18px; width:100%; margin-bottom:14px; padding:20px 22px; background: linear-gradient( 135deg, rgba(255,255,255,.34), rgba(255,255,255,.10) ); border: 1px solid rgba(255,255,255,.58); border-radius:20px; box-shadow: 0 14px 35px rgba(23,60,40,.06); transition:transform .2s ease; } body.woocommerce-account .woocommerce-orders-table tbody tr:hover{ transform:translateY(-3px); } body.woocommerce-account .woocommerce-orders-table td{ display:block !important; width:auto !important; padding:0 !important; border:0 !important; background:transparent !important; color:#5d675f !important; font-size:11px !important; } body.woocommerce-account .woocommerce-orders-table td::before{ display:block !important; margin-bottom:4px; color:rgba(23,60,40,.46); font-size:7px; font-weight:400; } body.woocommerce-account .woocommerce-orders-table__cell-order-number::before{ content:"ORDER" !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-date::before{ content:"تاریخ سفارش" !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-status::before{ content:"وضعیت" !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-total::before{ content:"مبلغ سفارش" !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-actions::before{ display:none !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-number a{ color:var(--z-green) !important; font-family:Georgia,serif; font-size:22px; text-decoration:none !important; } /* ========================================================= ORDER STATUS BADGES ========================================================= */ body.woocommerce-account .woocommerce-orders-table__cell-order-status{ display:inline-flex !important; width:max-content !important; padding:6px 10px !important; border-radius:100px; font-size:9px !important; font-weight:400 !important; } body.woocommerce-account tr.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status{ color:#506b42 !important; background:rgba(80,107,66,.10) !important; } body.woocommerce-account tr.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{ color:var(--z-green) !important; background:rgba(23,60,40,.09) !important; } body.woocommerce-account tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status, body.woocommerce-account tr.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{ color:#7c6a3b !important; background:rgba(124,106,59,.10) !important; } body.woocommerce-account tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status, body.woocommerce-account tr.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status{ color:var(--z-red) !important; background:rgba(117,70,70,.10) !important; } body.woocommerce-account tr.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status{ color:#5f6870 !important; background:rgba(95,104,112,.10) !important; } /* ========================================================= GENERIC WOOCOMMERCE BUTTONS ========================================================= */ body.woocommerce-account .woocommerce button.button, body.woocommerce-account .woocommerce a.button, body.woocommerce-account .woocommerce input.button{ min-height:42px !important; padding:8px 18px !important; background:var(--z-green) !important; border:1px solid var(--z-green) !important; border-radius:100px !important; color:#fff !important; font-family:"Vazir",sans-serif !important; font-size:10px !important; font-weight:300 !important; text-decoration:none !important; box-shadow:none !important; } body.woocommerce-account .woocommerce button.button:hover, body.woocommerce-account .woocommerce a.button:hover, body.woocommerce-account .woocommerce input.button:hover{ background:var(--z-green-dark) !important; border-color:var(--z-green-dark) !important; color:#fff !important; } /* ========================================================= ORDER DETAILS ========================================================= */ body.woocommerce-account .woocommerce-order-details{ margin-top:20px !important; } body.woocommerce-account table.shop_table{ width:100% !important; border: 1px solid rgba(255,255,255,.55) !important; border-radius:18px !important; overflow:hidden; background: rgba(255,255,255,.18) !important; border-collapse:separate !important; border-spacing:0 !important; } body.woocommerce-account table.shop_table th{ padding:14px !important; background: rgba(23,60,40,.055) !important; color:var(--z-green) !important; font-size:10px !important; font-weight:400 !important; } body.woocommerce-account table.shop_table td{ padding:14px !important; border-top: 1px solid rgba(23,60,40,.07) !important; color:#606a63 !important; font-size:11px !important; } /* order product image */ body.woocommerce-account .zandi-order-product{ display:flex; align-items:center; gap:12px; } body.woocommerce-account .zandi-order-product-image{ width:58px; height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:rgba(255,255,255,.24); border: 1px solid rgba(255,255,255,.45); } body.woocommerce-account .zandi-order-product-img{ width:85% !important; height:85% !important; object-fit:contain !important; } body.woocommerce-account .zandi-order-product-name{ color:var(--z-green); font-size:10px; font-weight:400; } /* ========================================================= ORDER TIMELINE ========================================================= */ body.woocommerce-account .zandi-order-progress{ width:100%; margin:0 0 22px; padding:22px; border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.32), rgba(255,255,255,.09) ); } body.woocommerce-account .zandi-order-progress-head{ display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:16px; margin-bottom:22px; border-bottom:1px solid var(--z-line); } body.woocommerce-account .zandi-order-progress-head span{ display:block; margin-bottom:5px; color:var(--z-green); font-size:7px; letter-spacing:3px; } body.woocommerce-account .zandi-order-progress-head h3{ margin:0 !important; color:var(--z-green) !important; font-size:18px !important; font-weight:300 !important; } body.woocommerce-account .zandi-order-progress-track{ position:relative; display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:12px; } body.woocommerce-account .zandi-order-progress-track::before{ content:""; position:absolute; top:18px; right:16.5%; left:16.5%; height:1px; background:rgba(23,60,40,.10); } body.woocommerce-account .zandi-order-step{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; } body.woocommerce-account .zandi-order-step-marker{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(255,255,255,.72); border: 1px solid rgba(23,60,40,.12); } body.woocommerce-account .zandi-order-step.is-complete .zandi-order-step-marker{ background:var(--z-green); border-color:var(--z-green); } body.woocommerce-account .zandi-order-step.is-complete .zandi-order-step-marker span{ color:#fff; } body.woocommerce-account .zandi-order-step.is-current .zandi-order-step-marker{ background:rgba(23,60,40,.09); border:1px solid var(--z-green); } body.woocommerce-account .zandi-order-step-content strong{ display:block; color:var(--z-green); font-size:9px; font-weight:400; } body.woocommerce-account .zandi-order-step-content p{ margin:3px 0 0 !important; color:#858d86 !important; font-size:7px !important; } /* ========================================================= ADDRESS CARDS ========================================================= */ body.woocommerce-account .woocommerce-Addresses{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:16px !important; margin-top:18px !important; } body.woocommerce-account .woocommerce-Address{ position:relative; width:100% !important; margin:0 !important; padding:24px !important; background: linear-gradient( 135deg, rgba(255,255,255,.34), rgba(255,255,255,.10) ) !important; border: 1px solid rgba(255,255,255,.58) !important; border-radius:20px !important; box-shadow: 0 14px 36px rgba(23,60,40,.06); } body.woocommerce-account .woocommerce-Address-title{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:15px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid var(--z-line); } body.woocommerce-account .woocommerce-Address-title h2{ margin:0 !important; color:var(--z-green) !important; font-size:16px !important; font-weight:400 !important; } body.woocommerce-account .woocommerce-Address-title .edit{ display:inline-flex !important; min-height:34px; padding:6px 14px; align-items:center; border-radius:100px; background:rgba(23,60,40,.07); color:var(--z-green) !important; font-size:9px; text-decoration:none !important; } body.woocommerce-account .woocommerce-Address address{ margin:0 !important; padding:0 !important; border:0 !important; color:#687168 !important; font-size:11px !important; font-style:normal !important; line-height:2.1 !important; } /* ========================================================= FORMS ========================================================= */ body.woocommerce-account .woocommerce-address-fields__field-wrapper, body.woocommerce-account .woocommerce-EditAccountForm{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:14px 16px !important; } body.woocommerce-account .form-row{ width:100% !important; margin:0 !important; padding:0 !important; float:none !important; } body.woocommerce-account .form-row-wide{ grid-column:1 / -1 !important; } body.woocommerce-account label{ display:block; margin-bottom:7px; color:#4c574f !important; font-size:10px !important; font-weight:300 !important; } body.woocommerce-account .woocommerce-MyAccount-content input[type="text"], body.woocommerce-account .woocommerce-MyAccount-content input[type="email"], body.woocommerce-account .woocommerce-MyAccount-content input[type="password"], body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"], body.woocommerce-account .woocommerce-MyAccount-content textarea, body.woocommerce-account .woocommerce-MyAccount-content select{ width:100% !important; min-height:52px; padding:11px 14px !important; background:rgba(255,255,255,.42) !important; border: 1px solid rgba(23,60,40,.13) !important; border-radius:13px !important; color:var(--z-text) !important; font-family:"Vazir",sans-serif !important; font-size:11px !important; font-weight:300 !important; outline:none !important; box-shadow:none !important; } body.woocommerce-account .woocommerce-MyAccount-content input:focus, body.woocommerce-account .woocommerce-MyAccount-content textarea:focus, body.woocommerce-account .woocommerce-MyAccount-content select:focus{ background:rgba(255,255,255,.70) !important; border-color:var(--z-green) !important; } /* ========================================================= PASSWORD AREA ========================================================= */ body.woocommerce-account .woocommerce-EditAccountForm fieldset{ grid-column:1 / -1; margin:12px 0 0 !important; padding:24px !important; background:rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.55) !important; border-radius:20px; } body.woocommerce-account .woocommerce-EditAccountForm legend{ padding:0 10px; color:var(--z-green); font-size:12px; } /* ========================================================= SECURITY CARD ========================================================= */ body.woocommerce-account .zandi-security-card{ grid-column:1 / -1; margin-top:22px; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:25px; border-radius:20px; background: linear-gradient( 135deg, rgba(255,255,255,.30), rgba(255,255,255,.08) ); } body.woocommerce-account .zandi-security-eyebrow{ display:block; margin-bottom:6px; color:var(--z-green); font-size:7px; letter-spacing:3px; } body.woocommerce-account .zandi-security-copy h3{ margin:0 !important; color:var(--z-green) !important; font-size:17px !important; } body.woocommerce-account .zandi-security-copy p{ margin:6px 0 0 !important; color:#788179 !important; font-size:9px !important; } body.woocommerce-account .zandi-logout-btn{ min-height:42px; padding:6px 16px; display:inline-flex; align-items:center; gap:12px; border-radius:100px; background:rgba(117,70,70,.08); border: 1px solid rgba(117,70,70,.14); color:var(--z-red) !important; font-size:9px; text-decoration:none !important; } /* ========================================================= RESET PASSWORD ========================================================= */ body.woocommerce-account .woocommerce-ResetPassword{ width:100% !important; max-width:620px !important; margin:auto !important; padding:28px !important; background: linear-gradient( 135deg, rgba(255,255,255,.36), rgba(255,255,255,.10) ) !important; border: 1px solid rgba(255,255,255,.60) !important; border-radius:24px !important; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); box-shadow:var(--z-shadow); } /* ========================================================= EMPTY STATES ========================================================= */ body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info, body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message{ width:100% !important; margin:0 !important; padding:28px !important; background: linear-gradient( 135deg, rgba(255,255,255,.34), rgba(255,255,255,.10) ) !important; border: 1px solid rgba(255,255,255,.58) !important; border-radius:20px !important; color:#687269 !important; font-size:11px !important; line-height:2 !important; box-shadow:var(--z-shadow); } body.woocommerce-account .woocommerce-info::before, body.woocommerce-account .woocommerce-message::before{ display:none !important; } /* ========================================================= CLICK PROTECTION ========================================================= */ body.woocommerce-account .zandi-x-account::before, body.woocommerce-account .zandi-x-orb, body.woocommerce-account .zandi-x-stat::before{ pointer-events:none !important; } body.woocommerce-account .zandi-x-stat, body.woocommerce-account .zandi-x-links a, body.woocommerce-account .zandi-profile-edit, body.woocommerce-account .zandi-latest-view, body.woocommerce-account .zandi-recent-product{ pointer-events:auto !important; cursor:pointer !important; } /* ========================================================= MOBILE MAX 320px ========================================================= */ @media(max-width:767px){ body.woocommerce-account.logged-in .woocommerce{ width:calc(100% - 20px) !important; max-width:320px !important; margin:20px auto !important; } body.woocommerce-account .zandi-x-account{ max-width:320px !important; padding:21px 14px; border-radius:23px; } /* HERO */ body.woocommerce-account .zandi-x-hero{ align-items:flex-start; gap:13px; padding:3px 2px 25px; } body.woocommerce-account .zandi-x-kicker{ margin-bottom:7px; font-size:6px; letter-spacing:2px; } body.woocommerce-account .zandi-x-hero h2{ font-size:23px; letter-spacing:-.6px; } body.woocommerce-account .zandi-x-hero p{ margin-top:6px; font-size:8px; line-height:1.9; } body.woocommerce-account .zandi-x-avatar-ring{ width:58px; height:58px; padding:3px; } /* PROFILE */ body.woocommerce-account .zandi-profile-card{ padding:14px 12px; grid-template-columns:1fr; gap:10px; border-radius:15px; } body.woocommerce-account .zandi-profile-avatar-mini{ width:50px; height:50px; flex-basis:50px; } body.woocommerce-account .zandi-profile-meta{ grid-template-columns:1fr 1fr; } body.woocommerce-account .zandi-profile-edit{ width:100%; min-height:40px; justify-content:space-between; } /* STATS */ body.woocommerce-account .zandi-x-stats{ grid-template-columns:1fr !important; gap:8px; } body.woocommerce-account .zandi-x-stat{ min-height:87px; padding:14px; border-radius:15px; } body.woocommerce-account .zandi-x-stat-center strong{ font-size:30px; } /* LATEST ORDER */ body.woocommerce-account .zandi-latest-order{ padding:15px 12px; border-radius:15px; } body.woocommerce-account .zandi-latest-order-grid{ grid-template-columns:1fr 1fr; gap:7px; } body.woocommerce-account .zandi-latest-view{ grid-column:1 / -1; min-height:42px; } /* QUICK ACCESS */ body.woocommerce-account .zandi-x-access{ padding:16px 12px; border-radius:16px; } body.woocommerce-account .zandi-x-access-head{ align-items:flex-start; flex-direction:column; gap:5px; } body.woocommerce-account .zandi-x-links{ grid-template-columns:1fr !important; gap:7px; } body.woocommerce-account .zandi-x-links a{ min-height:69px; padding:10px; grid-template-columns: 29px 1fr 20px; border-radius:12px; } /* RECENT PRODUCTS */ body.woocommerce-account .zandi-recent-products{ padding:15px 12px; border-radius:15px; } body.woocommerce-account .zandi-recent-products-head{ align-items:flex-start; flex-direction:column; gap:9px; } body.woocommerce-account .zandi-recent-products-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); gap:7px; } body.woocommerce-account .zandi-recent-product{ padding:7px; border-radius:12px; } /* INTERNAL */ body.woocommerce-account:not(.zandi-account-home) .woocommerce-MyAccount-content{ padding:18px 14px !important; border-radius:18px !important; } body.woocommerce-account .zandi-account-page-head{ padding:17px 14px; margin-bottom:12px; border-radius:15px; } body.woocommerce-account .zandi-account-page-head h1{ font-size:19px !important; } body.woocommerce-account .zandi-account-page-head p{ font-size:8px !important; } body.woocommerce-account .zandi-account-page-line{ display:none; } /* ORDERS */ body.woocommerce-account .woocommerce-orders-table tbody tr{ grid-template-columns:1fr 1fr; gap:14px 10px; padding:16px 14px; border-radius:16px; } body.woocommerce-account .woocommerce-orders-table td{ font-size:9px !important; } body.woocommerce-account .woocommerce-orders-table__cell-order-actions{ grid-column:1 / -1; width:100%; } body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{ width:100% !important; } /* TIMELINE */ body.woocommerce-account .zandi-order-progress{ padding:15px 11px; border-radius:15px; } body.woocommerce-account .zandi-order-progress-track{ grid-template-columns:1fr; gap:10px; } body.woocommerce-account .zandi-order-progress-track::before{ top:18px; bottom:18px; right:17px; left:auto; width:1px; height:auto; } body.woocommerce-account .zandi-order-step{ flex-direction:row; align-items:flex-start; text-align:right; } /* ADDRESSES */ body.woocommerce-account .woocommerce-Addresses{ grid-template-columns:1fr !important; gap:9px !important; } body.woocommerce-account .woocommerce-Address{ padding:16px !important; border-radius:15px !important; } /* FORMS */ body.woocommerce-account .woocommerce-address-fields__field-wrapper, body.woocommerce-account .woocommerce-EditAccountForm{ grid-template-columns:1fr !important; gap:10px !important; } body.woocommerce-account .form-row-wide{ grid-column:auto !important; } body.woocommerce-account .woocommerce-EditAccountForm fieldset{ grid-column:auto; padding:16px 12px !important; border-radius:15px; } body.woocommerce-account .woocommerce-EditAccountForm button.button{ width:100% !important; } /* SECURITY */ body.woocommerce-account .zandi-security-card{ padding:16px 13px; flex-direction:column; align-items:stretch; gap:14px; border-radius:15px; } body.woocommerce-account .zandi-logout-btn{ width:100%; justify-content:space-between; } /* RESET PASSWORD */ body.woocommerce-account .woocommerce-ResetPassword{ padding:18px 14px !important; border-radius:17px !important; } /* TABLES */ body.woocommerce-account table.shop_table{ display:block; overflow-x:auto; } } /* ========================================================= PERFUME ZANDI MY ACCOUNT AUTH FINAL LOGIN + REGISTER + VIDEO + FOOTER FIX ========================================================= */ body.woocommerce-account:not(.logged-in){ --za-green:#173c28; --za-green-dark:#102f1f; --za-text:#17231b; --za-muted:#69736c; --za-cream:#F7F5E3; font-family:"Vazir",sans-serif !important; background:var(--za-cream) !important; } /* ========================================================= MY ACCOUNT SECTION ========================================================= */ body.woocommerce-account:not(.logged-in) .woocommerce{ position:relative !important; isolation:isolate !important; width:100vw !important; max-width:none !important; min-height:710px !important; margin: 0 calc(50% - 50vw) !important; padding: 55px 20px !important; overflow:hidden !important; display:flex !important; align-items:center !important; justify-content:center !important; direction:rtl !important; background:#08120c !important; z-index:1 !important; } /* ========================================================= VIDEO BACKGROUND فقط داخل WooCommerce ========================================================= */ body.woocommerce-account:not(.logged-in) .woocommerce .zandi-login-video-bg{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; overflow:hidden !important; z-index:-2 !important; pointer-events:none !important; background:#08120c !important; } body.woocommerce-account:not(.logged-in) .woocommerce .zandi-login-video{ position:absolute !important; top:50% !important; left:50% !important; width:100% !important; height:100% !important; min-width:100% !important; min-height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center center !important; transform: translate(-50%,-50%) !important; display:block !important; } /* Overlay */ body.woocommerce-account:not(.logged-in) .woocommerce .zandi-login-video-overlay{ position:absolute !important; inset:0 !important; z-index:2 !important; pointer-events:none !important; background: radial-gradient( circle at 50% 40%, rgba(255,255,255,.035), transparent 42% ), linear-gradient( 180deg, rgba(4,14,8,.08), rgba(4,14,8,.30) ) !important; } /* ========================================================= LOGIN CARD ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login{ position:relative !important; z-index:10 !important; isolation:isolate !important; display:block !important; width:100% !important; max-width:430px !important; margin:0 auto !important; padding:10px !important; overflow:hidden !important; border: 1px solid rgba(255,255,255,.32) !important; border-radius:30px !important; background: linear-gradient( 145deg, rgba(255,255,255,.23), rgba(255,255,255,.07) ) !important; backdrop-filter: blur(30px) saturate(150%) !important; -webkit-backdrop-filter: blur(30px) saturate(150%) !important; box-shadow: 0 30px 80px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.43) !important; } /* ========================================================= GLASS REFLECTIONS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login::before{ content:""; position:absolute; width:310px; height:170px; top:-145px; right:-80px; z-index:-1; border-radius:50%; background: radial-gradient( ellipse, rgba(255,255,255,.44), rgba(255,255,255,.07) 45%, transparent 72% ); filter:blur(8px); pointer-events:none; } body.woocommerce-account:not(.logged-in) #customer_login::after{ content:""; position:absolute; width:270px; height:270px; left:-180px; bottom:-190px; z-index:-1; border-radius:50%; background: radial-gradient( circle, rgba(23,60,40,.24), transparent 70% ); filter:blur(10px); pointer-events:none; } /* ========================================================= WOOCOMMERCE COLUMNS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .u-column1, body.woocommerce-account:not(.logged-in) #customer_login .u-column2{ position:relative !important; z-index:4 !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; } /* default Woo titles */ body.woocommerce-account:not(.logged-in) #customer_login > .u-column1 > h2, body.woocommerce-account:not(.logged-in) #customer_login > .u-column2 > h2{ display:none !important; } /* ========================================================= CUSTOM HEADER ========================================================= */ body.woocommerce-account:not(.logged-in) .zandi-auth-header{ position:relative; z-index:5; padding: 24px 20px 15px; text-align:center; } body.woocommerce-account:not(.logged-in) .zandi-auth-brand{ display:block; margin-bottom:7px; direction:ltr; color: rgba(255,255,255,.66); font-family: Georgia, serif; font-size:7px; letter-spacing:4.5px; } body.woocommerce-account:not(.logged-in) .zandi-auth-header h2{ margin:0 !important; color:#fff !important; font-family: "Vazir", sans-serif !important; font-size:25px !important; font-weight:300 !important; line-height:1.5 !important; } body.woocommerce-account:not(.logged-in) .zandi-auth-header p{ max-width:280px; margin: 5px auto 0 !important; color: rgba(255,255,255,.56) !important; font-size:8px !important; font-weight:300 !important; line-height:2 !important; } /* ========================================================= TABS ========================================================= */ body.woocommerce-account:not(.logged-in) .zandi-auth-tabs{ position:relative; z-index:5; display:grid; grid-template-columns: 1fr 1fr; gap:3px; margin: 2px 7px 10px; padding:4px; overflow:hidden; border: 1px solid rgba(255,255,255,.10); border-radius:999px; background: rgba(0,0,0,.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } body.woocommerce-account:not(.logged-in) .zandi-auth-slider{ position:absolute; top:4px; right:4px; width: calc(50% - 5.5px); height: calc(100% - 8px); border-radius:999px; background: linear-gradient( 135deg, rgba(255,255,255,.97), rgba(255,255,255,.78) ); box-shadow: 0 7px 20px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.98); z-index:1; pointer-events:none; } body.woocommerce-account:not(.logged-in) .zandi-auth-tab{ position:relative; z-index:2; width:100%; min-height:42px; padding:5px 10px; border:0; border-radius:999px; background:transparent; color: rgba(255,255,255,.60); font-family: "Vazir", sans-serif; font-size:9px; font-weight:300; cursor:pointer; transition: color .3s ease, transform .2s ease; } body.woocommerce-account:not(.logged-in) .zandi-auth-tab.is-active{ color:var(--za-green); } body.woocommerce-account:not(.logged-in) .zandi-auth-tab:active{ transform:scale(.97); } /* ========================================================= PANELS ========================================================= */ body.woocommerce-account:not(.logged-in) .zandi-auth-panel-hidden{ display:none !important; } body.woocommerce-account:not(.logged-in) .zandi-auth-panel-active{ display:block !important; } /* ========================================================= FORMS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login, body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-register{ width:100% !important; margin:0 !important; padding: 20px 19px 21px !important; border: 1px solid rgba(255,255,255,.60) !important; border-radius:20px !important; background: linear-gradient( 145deg, rgba(255,255,255,.88), rgba(255,255,255,.72) ) !important; backdrop-filter: blur(28px) saturate(135%) !important; -webkit-backdrop-filter: blur(28px) saturate(135%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 12px 35px rgba(0,0,0,.075) !important; } /* ========================================================= FORM ROW ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .form-row{ width:100% !important; margin: 0 0 13px !important; padding:0 !important; float:none !important; clear:both !important; } /* ========================================================= LABELS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login label{ display:block !important; margin: 0 3px 7px !important; color: rgba(23,35,27,.65) !important; font-family: "Vazir", sans-serif !important; font-size:8.5px !important; font-weight:300 !important; } /* ========================================================= INPUTS ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]{ width:100% !important; min-height:51px !important; margin:0 !important; padding: 10px 14px !important; background: rgba(255,255,255,.53) !important; border: 1px solid rgba(23,60,40,.12) !important; border-radius:14px !important; outline:none !important; color: var(--za-text) !important; font-family: "Vazir", sans-serif !important; font-size:10px !important; font-weight:300 !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.65) !important; transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important; } body.woocommerce-account:not(.logged-in) #customer_login input:hover{ background: rgba(255,255,255,.69) !important; } body.woocommerce-account:not(.logged-in) #customer_login input:focus{ transform: translateY(-1px); background: rgba(255,255,255,.96) !important; border-color: rgba(23,60,40,.52) !important; box-shadow: 0 0 0 4px rgba(23,60,40,.045), 0 8px 22px rgba(23,60,40,.055) !important; } /* ========================================================= PASSWORD INPUT ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .password-input{ position:relative !important; width:100% !important; } body.woocommerce-account:not(.logged-in) #customer_login .show-password-input{ color: var(--za-green) !important; opacity:.52; transition: opacity .2s ease; } body.woocommerce-account:not(.logged-in) #customer_login .show-password-input:hover{ opacity:1; } /* ========================================================= REMEMBER ME ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{ display:flex !important; align-items:center !important; gap:7px !important; width:max-content !important; margin: 2px 2px 13px !important; color: rgba(23,35,27,.56) !important; font-size:8px !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme input{ width:14px !important; height:14px !important; min-height:0 !important; margin:0 !important; padding:0 !important; accent-color: var(--za-green); } /* ========================================================= BUTTON ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login button.button{ position:relative; width:100% !important; min-height:50px !important; margin: 3px 0 0 !important; padding: 8px 18px !important; overflow:hidden; border: 1px solid var(--za-green) !important; border-radius: 999px !important; background: linear-gradient( 135deg, #1d4b32, #102f1f ) !important; color:#fff !important; font-family: "Vazir", sans-serif !important; font-size:10px !important; font-weight:300 !important; opacity:1 !important; visibility:visible !important; cursor:pointer !important; box-shadow: 0 14px 30px rgba(23,60,40,.23), inset 0 1px 0 rgba(255,255,255,.14) !important; transition: transform .22s ease, box-shadow .22s ease !important; } /* Shine */ body.woocommerce-account:not(.logged-in) #customer_login button.button::after{ content:""; position:absolute; width:70px; height:150%; top:-25%; left:-100px; transform: skewX(-25deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.25), transparent ); transition: left .65s cubic-bezier(.16,1,.3,1); pointer-events:none; } body.woocommerce-account:not(.logged-in) #customer_login button.button:hover{ transform: translateY(-2px); box-shadow: 0 18px 38px rgba(23,60,40,.28), inset 0 1px 0 rgba(255,255,255,.15) !important; } body.woocommerce-account:not(.logged-in) #customer_login button.button:hover::after{ left:120%; } /* ========================================================= LOST PASSWORD ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword{ margin: 14px 0 2px !important; text-align:center !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a{ color: rgba(23,60,40,.72) !important; font-size:8px !important; text-decoration:none !important; } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a:hover{ color: var(--za-green) !important; } /* ========================================================= REGISTER TEXT ========================================================= */ body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-register p{ color: rgba(23,35,27,.58) !important; font-size:8px !important; font-weight:300 !important; line-height:1.9 !important; } /* ========================================================= WOOCOMMERCE MESSAGES ========================================================= */ body.woocommerce-account:not(.logged-in) .woocommerce-error, body.woocommerce-account:not(.logged-in) .woocommerce-message, body.woocommerce-account:not(.logged-in) .woocommerce-info{ position:relative !important; z-index:30 !important; } /* ========================================================= FOOTER FIX ========================================================= */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer{ position:relative !important; z-index:50 !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; clear:both !important; overflow:hidden !important; background: var(--za-cream) !important; } /* parent footer container */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer .elementor-element-48b0f39{ width:100% !important; max-width:none !important; margin:0 !important; background: var(--za-cream) !important; } /* boxed inner -> full width */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer .elementor-element-48b0f39 > .e-con-inner{ width:100% !important; max-width:none !important; margin:0 !important; padding-left: clamp(20px,5vw,80px) !important; padding-right: clamp(20px,5vw,80px) !important; background: var(--za-cream) !important; } /* desktop footer row */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer .elementor-element-58da99f{ width:100% !important; max-width:none !important; margin:0 !important; background: var(--za-cream) !important; } /* mobile footer */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer .elementor-element-d7f1937{ width:100% !important; max-width:none !important; background: var(--za-cream) !important; } /* prevent footer pseudo backgrounds */ body.woocommerce-account:not(.logged-in) footer.elementor-location-footer::before, body.woocommerce-account:not(.logged-in) footer.elementor-location-footer::after{ display:none !important; } /* ========================================================= ELEMENTOR SHORTCODE WRAPPER ========================================================= */ body.woocommerce-account:not(.logged-in) .elementor-widget-shortcode:has(#customer_login), body.woocommerce-account:not(.logged-in) .elementor-widget-shortcode:has(#customer_login) .elementor-widget-container{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ body.woocommerce-account:not(.logged-in) .woocommerce{ min-height:650px !important; padding: 35px 12px !important; } body.woocommerce-account:not(.logged-in) #customer_login{ max-width:320px !important; padding:7px !important; border-radius: 22px !important; } body.woocommerce-account:not(.logged-in) .zandi-auth-header{ padding: 18px 12px 11px; } body.woocommerce-account:not(.logged-in) .zandi-auth-brand{ font-size:6px; letter-spacing:3.5px; } body.woocommerce-account:not(.logged-in) .zandi-auth-header h2{ font-size: 20px !important; } body.woocommerce-account:not(.logged-in) .zandi-auth-header p{ max-width:240px; font-size: 7px !important; } body.woocommerce-account:not(.logged-in) .zandi-auth-tabs{ margin: 2px 4px 8px; padding:3px; } body.woocommerce-account:not(.logged-in) .zandi-auth-tab{ min-height:38px; font-size:8px; } body.woocommerce-account:not(.logged-in) .zandi-auth-slider{ top:3px; right:3px; width: calc(50% - 4.5px); height: calc(100% - 6px); } body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login, body.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-register{ padding: 15px 12px 17px !important; border-radius: 16px !important; } body.woocommerce-account:not(.logged-in) #customer_login input[type="text"], body.woocommerce-account:not(.logged-in) #customer_login input[type="email"], body.woocommerce-account:not(.logged-in) #customer_login input[type="password"]{ min-height: 47px !important; font-size: 16px !important; } body.woocommerce-account:not(.logged-in) #customer_login button.button{ min-height: 46px !important; font-size: 9px !important; } body.woocommerce-account:not(.logged-in) footer.elementor-location-footer .elementor-element-48b0f39 > .e-con-inner{ padding-left: 14px !important; padding-right: 14px !important; } }/* End custom CSS */