/* DIVALVS My Account styles — cached static asset. Generated from the approved live design. */ :root{ --divalvs-text:#fff; --divalvs-dark:#111; --divalvs-radius:22px; --divalvs-small-radius:12px; } html,body{ margin:0!important; min-height:100%; } body{ min-height:100vh!important; color:var(--divalvs-text)!important; background: linear-gradient(135deg,rgba(145,105,96,.82),rgba(222,206,210,.76) 52%,rgba(160,175,202,.78)), url('Background.webp') center/cover fixed!important; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important; } body::before{ content:""; position:fixed; inset:0; z-index:-1; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } .divalvs-account-page{ width:100%; min-height:100vh; box-sizing:border-box; padding:30px 24px 60px; } .divalvs-account-shell{ width:min(100%,var(--divalvs-page-content-max)); margin:0 auto; } .divalvs-account-topbar{ min-height:64px; display:flex; align-items:flex-start; justify-content:flex-start; gap:20px; margin-bottom:26px; } .divalvs-account-heading{ text-align:center; margin:0 auto 30px; } .divalvs-eyebrow{ margin:0 0 10px; font-size:13px; font-weight:400; letter-spacing:.34em; text-transform:uppercase; color:rgba(255,255,255,.82); } .divalvs-account-heading h1{ margin:0; color:#fff; font-size:clamp(32px,6vw,52px); line-height:1; font-weight:300; letter-spacing:.12em; text-transform:uppercase; } .divalvs-account-welcome{ margin:13px 0 0; font-size:14px; color:rgba(255,255,255,.85); } .divalvs-account-card{ position:relative; overflow:hidden; border-radius:var(--divalvs-radius); border:1px solid rgba(255,255,255,.18); background:rgba(245,245,244,.76); box-shadow:0 18px 40px rgba(40,25,25,.20); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); color:#171717; } .divalvs-account-card-inner{ padding:20px; } .divalvs-account-grid{ display:grid; grid-template-columns:1fr; gap:var(--divalvs-secondary-tile-gap); } .divalvs-account-tile{ display:flex; align-items:center; justify-content:flex-start; gap:20px; min-height:70px; padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x); box-sizing:border-box; text-decoration:none!important; color:var(--divalvs-secondary-tile-color)!important; border-radius:var(--divalvs-radius-tile); border:1px solid var(--divalvs-secondary-tile-border); background:var(--divalvs-secondary-tile-bg); box-shadow:none!important; transition:none!important; } .divalvs-account-tile:hover, .divalvs-account-tile:focus, .divalvs-account-tile:active{ color:var(--divalvs-secondary-tile-color)!important; background:var(--divalvs-secondary-tile-bg)!important; transform:none!important; box-shadow:none!important; outline:none!important; } .divalvs-account-tile-copy{ min-width:0; } .divalvs-account-tile-title{ display:block; margin:0 0 var(--divalvs-secondary-title-gap); font-family:var(--divalvs-font-family); font-size:var(--divalvs-secondary-title-size); font-weight:var(--divalvs-secondary-title-weight); line-height:var(--divalvs-secondary-title-line-height); letter-spacing:var(--divalvs-secondary-title-letter-spacing); } .divalvs-account-tile-description{ display:block; font-size:12px; font-weight:400; color:var(--divalvs-secondary-tile-muted); } .divalvs-account-arrow{ flex:0 0 30px; width:30px; height:30px; border-radius:9px; background:#000; position:relative; } .divalvs-account-arrow::after{ content:""; position:absolute; width:7px; height:7px; top:10px; left:9px; border-top:1.5px solid #fff; border-right:1.5px solid #fff; transform:rotate(45deg); } .divalvs-logout-wrap{ display:flex; justify-content:center; margin-top:14px; } /* Logout is intentionally the ONE account-icon exception: no cut-out. */ .divalvs-logout-icon{ display:flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; text-decoration:none!important; cursor:pointer!important; } .divalvs-logout-icon::before{ content:none!important; display:none!important; -webkit-mask:none!important; mask:none!important; } .divalvs-logout-icon-image{ display:block!important; width:28px!important; height:28px!important; max-width:28px!important; max-height:28px!important; object-fit:contain!important; object-position:center!important; margin:0!important; padding:0!important; opacity:1!important; filter:none!important; transform:none!important; pointer-events:none!important; } .divalvs-logout-icon:hover, .divalvs-logout-icon:focus, .divalvs-logout-icon:active{ background:#fff!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-endpoint-header{ display:flex; align-items:center; gap:12px; margin-bottom:16px; } .divalvs-endpoint-back{ width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:#000; position:relative; text-decoration:none!important; } .divalvs-endpoint-back::after{ content:""; position:absolute; width:7px; height:7px; left:14px; top:13px; border-left:1.5px solid #fff; border-bottom:1.5px solid #fff; transform:rotate(45deg); } .divalvs-endpoint-title{ margin:0; color:#171717; font-size:18px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } .divalvs-endpoint-content{ color:#171717; font-size:14px; line-height:1.55; } .divalvs-endpoint-content .woocommerce-MyAccount-navigation{ display:none!important; } .divalvs-endpoint-content .woocommerce-MyAccount-content{ float:none!important; width:100%!important; margin:0!important; } .divalvs-endpoint-content table, .divalvs-endpoint-content .woocommerce-orders-table{ width:100%!important; border-collapse:separate!important; border-spacing:0!important; overflow:hidden; border:0!important; border-radius:14px!important; background:rgba(255,255,255,.64)!important; } .divalvs-endpoint-content th, .divalvs-endpoint-content td{ padding:12px!important; border:0!important; border-bottom:1px solid rgba(0,0,0,.08)!important; text-align:left!important; color:#171717!important; } .divalvs-endpoint-content tr:last-child td{ border-bottom:0!important; } .divalvs-endpoint-content .button, .divalvs-endpoint-content button, .divalvs-auth-card button, .divalvs-auth-card .button{ min-height:44px!important; padding:0 18px!important; border:0!important; border-radius:12px!important; background:#000!important; color:#fff!important; box-shadow:none!important; font-size:12px!important; font-weight:700!important; transition:none!important; } .divalvs-endpoint-content .button:hover, .divalvs-endpoint-content button:hover, .divalvs-auth-card button:hover, .divalvs-auth-card .button:hover{ background:#000!important; color:#fff!important; transform:none!important; box-shadow:none!important; } .divalvs-endpoint-content input[type="text"], .divalvs-endpoint-content input[type="email"], .divalvs-endpoint-content input[type="tel"], .divalvs-endpoint-content input[type="password"], .divalvs-endpoint-content select, .divalvs-endpoint-content textarea, .divalvs-auth-card input[type="text"], .divalvs-auth-card input[type="email"], .divalvs-auth-card input[type="password"]{ width:100%!important; min-height:46px!important; box-sizing:border-box!important; padding:10px 12px!important; border:1px solid rgba(0,0,0,.12)!important; border-radius:12px!important; background:rgba(255,255,255,.88)!important; color:#171717!important; outline:none!important; box-shadow:none!important; } .divalvs-endpoint-content label, .divalvs-auth-card label{ display:block; margin-bottom:6px; color:#171717!important; font-size:12px!important; font-weight:600!important; } .woocommerce-error, .woocommerce-info, .woocommerce-message{ margin:0 0 14px!important; padding:12px 14px!important; border:0!important; border-radius:12px!important; background:rgba(255,255,255,.76)!important; color:#171717!important; } .divalvs-auth-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .divalvs-auth-card{ border-radius:16px; padding:18px; background:rgba(255,255,255,.60); color:#171717; } .divalvs-auth-card h2{ margin:0 0 16px!important; font-size:17px!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; color:#171717!important; } .divalvs-auth-card p{ margin:0 0 12px; } .divalvs-auth-card .woocommerce-LostPassword{ margin-top:0!important; } .divalvs-auth-card a{ color:#171717!important; } .woocommerce{ width:100%!important; } @media(max-width:680px){ .divalvs-account-page{ padding:30px 18px 46px; } .divalvs-account-topbar{ margin-bottom:20px; } .divalvs-account-heading{ margin-bottom:24px; } .divalvs-account-card-inner{ padding:14px; } .divalvs-auth-grid{ grid-template-columns:1fr; } .divalvs-account-tile{ min-height:66px; padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x); } .divalvs-endpoint-content table, .divalvs-endpoint-content tbody, .divalvs-endpoint-content tr, .divalvs-endpoint-content td{ display:block!important; width:100%!important; box-sizing:border-box!important; } .divalvs-endpoint-content thead{ display:none!important; } .divalvs-endpoint-content tr{ padding:10px 0!important; border-bottom:1px solid rgba(0,0,0,.08)!important; } .divalvs-endpoint-content td{ border:0!important; padding:5px 10px!important; } } .divalvs-account-icon-btn{ position:relative!important; display:block!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; opacity:1!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-account-icon-btn::before{ content:""!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:10px!important; background:#fff!important; pointer-events:none!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-account-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-account-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; opacity:1!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-account-tile:hover .divalvs-account-icon-btn, .divalvs-account-tile:focus .divalvs-account-icon-btn, .divalvs-account-tile:active .divalvs-account-icon-btn, .divalvs-account-tile:hover .divalvs-account-icon-btn::before, .divalvs-account-tile:focus .divalvs-account-icon-btn::before, .divalvs-account-tile:active .divalvs-account-icon-btn::before{ opacity:1!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-account-tile{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-height:88px!important; box-sizing:border-box!important; padding:var(--divalvs-secondary-tile-padding-y) 76px var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; gap:0!important; } .divalvs-account-tile-copy{ display:block!important; flex:1 1 auto!important; min-width:0!important; width:auto!important; margin:0!important; padding:0!important; text-align:left!important; } .divalvs-account-tile-title, .divalvs-account-tile-description{ text-align:left!important; } .divalvs-account-tile .divalvs-account-icon-btn{ position:absolute!important; top:50%!important; right:16px!important; left:auto!important; bottom:auto!important; flex:none!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; transform:translateY(-50%)!important; border:0!important; border-radius:10px!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; z-index:5!important; } .divalvs-account-tile .divalvs-account-icon-btn::before{ content:""!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:10px!important; background:#fff!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-account-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-account-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-account-tile:hover .divalvs-account-icon-btn, .divalvs-account-tile:focus .divalvs-account-icon-btn, .divalvs-account-tile:active .divalvs-account-icon-btn{ top:50%!important; right:16px!important; left:auto!important; transform:translateY(-50%)!important; background:transparent!important; box-shadow:none!important; transition:none!important; animation:none!important; } .divalvs-account-tile:hover .divalvs-account-icon-btn::before, .divalvs-account-tile:focus .divalvs-account-icon-btn::before, .divalvs-account-tile:active .divalvs-account-icon-btn::before{ background:#fff!important; transform:none!important; transition:none!important; animation:none!important; } @media(max-width:680px){ .divalvs-account-tile{ min-height:88px!important; padding:var(--divalvs-secondary-tile-padding-y) 76px var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; } .divalvs-account-tile .divalvs-account-icon-btn{ right:16px!important; } } .divalvs-endpoint-heading-copy{ min-width:0!important; } .divalvs-orders-header{ align-items:flex-start!important; margin-bottom:20px!important; } .divalvs-orders-subtitle{ margin:5px 0 0!important; color:rgba(23,23,23,.58)!important; font-size:12px!important; font-weight:500!important; line-height:1.45!important; } .divalvs-endpoint-content .woocommerce-MyAccount-content > p:first-child{ margin-top:0!important; } .divalvs-endpoint-content .woocommerce-orders-table{ width:100%!important; margin:0!important; border:0!important; border-collapse:separate!important; border-spacing:0 8px!important; background:transparent!important; overflow:visible!important; } .divalvs-endpoint-content .woocommerce-orders-table thead th{ padding:0 14px 7px!important; border:0!important; background:transparent!important; color:rgba(23,23,23,.52)!important; font-size:10px!important; font-weight:800!important; line-height:1.2!important; letter-spacing:.12em!important; text-transform:uppercase!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ background:rgba(255,255,255,.72)!important; box-shadow:0 5px 18px rgba(40,25,25,.06)!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td{ padding:15px 14px!important; border-top:1px solid rgba(255,255,255,.70)!important; border-bottom:1px solid rgba(0,0,0,.05)!important; color:#171717!important; vertical-align:middle!important; font-size:13px!important; line-height:1.35!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td:first-child{ border-left:1px solid rgba(255,255,255,.70)!important; border-radius:14px 0 0 14px!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ border-right:1px solid rgba(255,255,255,.70)!important; border-radius:0 14px 14px 0!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-number a{ color:#171717!important; font-size:14px!important; font-weight:800!important; text-decoration:none!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-date, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-total{ color:rgba(23,23,23,.72)!important; font-weight:600!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol{ color:#171717!important; font-weight:800!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-status{ font-weight:800!important; color:#171717!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-status::before{ content:""; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:currentColor; opacity:.52; vertical-align:1px; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions{ text-align:right!important; white-space:nowrap!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions .button, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions a.button{ min-width:104px!important; min-height:40px!important; padding:0 15px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:10px!important; background:#000!important; color:#fff!important; font-size:10px!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; text-decoration:none!important; box-shadow:none!important; transform:none!important; transition:none!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions .button:hover, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions .button:focus, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions .button:active{ background:#000!important; color:#fff!important; box-shadow:none!important; transform:none!important; } .divalvs-endpoint-content .woocommerce-message, .divalvs-endpoint-content .woocommerce-info{ position:relative!important; margin:0!important; padding:22px!important; border:1px solid rgba(255,255,255,.55)!important; border-radius:16px!important; background:rgba(255,255,255,.68)!important; color:#171717!important; box-shadow:0 8px 24px rgba(40,25,25,.07)!important; } .divalvs-endpoint-content .woocommerce-message::before, .divalvs-endpoint-content .woocommerce-info::before{ display:none!important; } .divalvs-endpoint-content .woocommerce-message .button, .divalvs-endpoint-content .woocommerce-info .button{ float:none!important; margin:12px 0 0!important; min-height:42px!important; padding:0 16px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:10px!important; background:#000!important; color:#fff!important; font-size:10px!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; } .divalvs-endpoint-content .woocommerce-pagination, .divalvs-endpoint-content .woocommerce-pagination--without-numbers{ margin-top:16px!important; display:flex!important; gap:8px!important; justify-content:flex-end!important; } .divalvs-endpoint-content .woocommerce-pagination .button{ min-height:40px!important; padding:0 14px!important; border-radius:10px!important; background:#000!important; color:#fff!important; } @media(max-width:680px){ .divalvs-orders-header{ margin-bottom:16px!important; } .divalvs-orders-subtitle{ max-width:250px!important; font-size:11px!important; } .divalvs-endpoint-content .woocommerce-orders-table, .divalvs-endpoint-content .woocommerce-orders-table tbody, .divalvs-endpoint-content .woocommerce-orders-table tr, .divalvs-endpoint-content .woocommerce-orders-table td{ display:block!important; width:100%!important; box-sizing:border-box!important; } .divalvs-endpoint-content .woocommerce-orders-table thead{ display:none!important; } .divalvs-endpoint-content .woocommerce-orders-table{ border-spacing:0!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ margin:0 0 10px!important; padding:6px 14px!important; border:1px solid rgba(255,255,255,.60)!important; border-radius:16px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 7px 20px rgba(40,25,25,.07)!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td, .divalvs-endpoint-content .woocommerce-orders-table tbody td:first-child, .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ position:relative!important; min-height:42px!important; padding:11px 0 11px 46%!important; border:0!important; border-bottom:1px solid rgba(0,0,0,.06)!important; border-radius:0!important; text-align:right!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ border-bottom:0!important; } .divalvs-endpoint-content .woocommerce-orders-table tbody td::after{ content:attr(data-title); position:absolute; left:0; top:50%; width:42%; transform:translateY(-50%); text-align:left; color:rgba(23,23,23,.50); font-size:9px; font-weight:800; line-height:1.2; letter-spacing:.10em; text-transform:uppercase; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-status::before{ margin-right:6px; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions{ padding-left:0!important; text-align:right!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions::after{ display:none!important; } .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions .button, .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions a.button{ width:auto!important; min-width:116px!important; min-height:42px!important; margin:2px 0!important; } .divalvs-endpoint-content .woocommerce-info, .divalvs-endpoint-content .woocommerce-message{ padding:18px!important; font-size:13px!important; line-height:1.5!important; } } body.divalvs-orders-page .divalvs-account-card{ background:rgba(247,244,244,.80)!important; } body.divalvs-orders-page .divalvs-account-card-inner{ padding:28px!important; } body.divalvs-orders-page .divalvs-orders-header{ display:block!important; margin:0 0 22px!important; padding:0!important; } body.divalvs-orders-page .divalvs-endpoint-heading-copy{ width:100%!important; min-width:0!important; } body.divalvs-orders-page .divalvs-orders-kicker{ display:block!important; margin:0 0 6px!important; color:rgba(23,23,23,.48)!important; font-size:10px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.18em!important; text-transform:uppercase!important; } body.divalvs-orders-page .divalvs-orders-header .divalvs-endpoint-title{ margin:0!important; color:#171717!important; font-size:26px!important; line-height:1.08!important; font-weight:800!important; letter-spacing:.04em!important; } body.divalvs-orders-page .divalvs-orders-subtitle{ max-width:640px!important; margin:8px 0 0!important; color:rgba(23,23,23,.58)!important; font-size:13px!important; line-height:1.55!important; font-weight:500!important; } body.divalvs-orders-page .divalvs-orders-header .divalvs-endpoint-back{ display:none!important; } body.divalvs-orders-page .divalvs-endpoint-content{ width:100%!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce{ width:100%!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-MyAccount-content{ width:100%!important; float:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; min-height:0!important; box-sizing:border-box!important; margin:0 0 12px!important; padding:22px 22px 20px!important; border:1px solid rgba(255,255,255,.75)!important; border-radius:16px!important; background:rgba(255,255,255,.76)!important; color:#171717!important; font-size:14px!important; line-height:1.55!important; font-weight:500!important; box-shadow:0 8px 24px rgba(40,25,25,.06)!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error .button{ float:none!important; order:2!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; min-height:42px!important; margin:14px 0 0!important; padding:0 18px!important; border:0!important; border-radius:10px!important; background:#000!important; color:#fff!important; font-size:10px!important; line-height:1!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; text-decoration:none!important; box-shadow:none!important; transform:none!important; transition:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button:hover, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button:focus, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button:active, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button:hover, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button:focus, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button:active{ background:#000!important; color:#fff!important; box-shadow:none!important; transform:none!important; } body.divalvs-orders-page .woocommerce-orders-table{ margin-top:2px!important; } body.divalvs-orders-page .woocommerce-orders-table thead th{ padding-bottom:9px!important; } body.divalvs-orders-page .woocommerce-orders-table tbody tr{ box-shadow:0 7px 20px rgba(40,25,25,.06)!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number a{ text-decoration:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button{ white-space:nowrap!important; } @media(max-width:680px){ body.divalvs-orders-page .divalvs-account-page{ padding:24px 16px 42px!important; } body.divalvs-orders-page .divalvs-orders-header{ margin-bottom:18px!important; } body.divalvs-orders-page .divalvs-orders-header .divalvs-endpoint-title{ font-size:22px!important; } body.divalvs-orders-page .divalvs-orders-subtitle{ max-width:none!important; margin-top:7px!important; font-size:12px!important; line-height:1.5!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error{ padding:18px!important; border-radius:14px!important; font-size:13px!important; line-height:1.5!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error .button{ align-self:flex-start!important; width:auto!important; max-width:100%!important; min-width:0!important; min-height:44px!important; margin-top:14px!important; padding:0 18px!important; text-align:center!important; white-space:normal!important; } } body.divalvs-account-endpoint-page .divalvs-clean-endpoint-header{ display:block!important; margin:0 0 22px!important; padding:0!important; } body.divalvs-account-endpoint-page .divalvs-clean-endpoint-header .divalvs-endpoint-back{ display:none!important; } body.divalvs-account-endpoint-page .divalvs-endpoint-heading-copy{ width:100%!important; min-width:0!important; } body.divalvs-account-endpoint-page .divalvs-endpoint-kicker{ display:block!important; margin:0 0 6px!important; color:rgba(23,23,23,.48)!important; font-size:10px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.18em!important; text-transform:uppercase!important; } body.divalvs-account-endpoint-page .divalvs-clean-endpoint-header .divalvs-endpoint-title{ margin:0!important; color:#171717!important; font-size:26px!important; line-height:1.08!important; font-weight:800!important; letter-spacing:.04em!important; } body.divalvs-account-endpoint-page .divalvs-endpoint-subtitle{ max-width:640px!important; margin:8px 0 0!important; color:rgba(23,23,23,.58)!important; font-size:13px!important; line-height:1.55!important; font-weight:500!important; } body.divalvs-account-endpoint-page .divalvs-account-card{ background:rgba(247,244,244,.80)!important; } body.divalvs-account-endpoint-page .divalvs-account-card-inner{ padding:28px!important; } body.divalvs-account-endpoint-page .divalvs-endpoint-content, body.divalvs-account-endpoint-page .divalvs-endpoint-content .woocommerce, body.divalvs-account-endpoint-page .divalvs-endpoint-content .woocommerce-MyAccount-content{ width:100%!important; float:none!important; box-sizing:border-box!important; } body.divalvs-addresses-page .divalvs-endpoint-back, body.divalvs-account-details-page .divalvs-endpoint-back{ display:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Addresses{ display:grid!important; grid-template-columns:1fr!important; gap:14px!important; margin:18px 0 0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address{ float:none!important; width:auto!important; margin:0!important; padding:20px!important; box-sizing:border-box!important; border:1px solid rgba(255,255,255,.70)!important; border-radius:16px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 8px 24px rgba(40,25,25,.06)!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; margin:0 0 14px!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title h2, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title h3{ margin:0!important; color:#171717!important; font-size:15px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.05em!important; text-transform:uppercase!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit{ float:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; padding:0 14px!important; border-radius:10px!important; background:#000!important; color:#fff!important; font-size:10px!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; text-decoration:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content address{ margin:0!important; color:rgba(23,23,23,.75)!important; font-size:13px!important; line-height:1.65!important; font-style:normal!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields{ padding:20px!important; border:1px solid rgba(255,255,255,.70)!important; border-radius:16px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 8px 24px rgba(40,25,25,.06)!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields__field-wrapper{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; } body.divalvs-addresses-page .divalvs-endpoint-content .form-row{ width:100%!important; float:none!important; margin:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .form-row-wide, body.divalvs-addresses-page .divalvs-endpoint-content #billing_address_1_field, body.divalvs-addresses-page .divalvs-endpoint-content #billing_address_2_field, body.divalvs-addresses-page .divalvs-endpoint-content #shipping_address_1_field, body.divalvs-addresses-page .divalvs-endpoint-content #shipping_address_2_field{ grid-column:1 / -1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; margin:0!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > .form-row{ width:100%!important; float:none!important; margin:0!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .form-row-wide{ grid-column:1 / -1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset{ grid-column:1 / -1!important; margin:6px 0 0!important; padding:20px!important; border:1px solid rgba(255,255,255,.70)!important; border-radius:16px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 8px 24px rgba(40,25,25,.06)!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset legend{ padding:0 8px!important; color:#171717!important; font-size:12px!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset .form-row{ margin:0 0 12px!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset .form-row:last-child{ margin-bottom:0!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm em{ display:block!important; margin-top:5px!important; color:rgba(23,23,23,.50)!important; font-size:11px!important; line-height:1.4!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p:last-child{ grid-column:1 / -1!important; margin-top:2px!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button[type="submit"]{ min-width:160px!important; } body.divalvs-addresses-page .divalvs-endpoint-content input, body.divalvs-addresses-page .divalvs-endpoint-content select, body.divalvs-account-details-page .divalvs-endpoint-content input, body.divalvs-account-details-page .divalvs-endpoint-content select{ min-height:46px!important; border:1px solid rgba(0,0,0,.10)!important; border-radius:12px!important; background:rgba(255,255,255,.92)!important; color:#171717!important; box-shadow:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content label, body.divalvs-account-details-page .divalvs-endpoint-content label{ margin-bottom:6px!important; color:#171717!important; font-size:11px!important; font-weight:700!important; letter-spacing:.03em!important; } @media(max-width:680px){ body.divalvs-account-endpoint-page .divalvs-account-page{ padding:24px 16px 42px!important; } body.divalvs-account-endpoint-page .divalvs-account-card-inner{ padding:18px!important; } body.divalvs-account-endpoint-page .divalvs-clean-endpoint-header{ margin-bottom:18px!important; } body.divalvs-account-endpoint-page .divalvs-clean-endpoint-header .divalvs-endpoint-title{ font-size:22px!important; } body.divalvs-account-endpoint-page .divalvs-endpoint-subtitle{ max-width:none!important; margin-top:7px!important; font-size:12px!important; line-height:1.5!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Addresses{ grid-template-columns:1fr!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields__field-wrapper{ grid-template-columns:1fr!important; } body.divalvs-addresses-page .divalvs-endpoint-content .form-row, body.divalvs-addresses-page .divalvs-endpoint-content .form-row-wide{ grid-column:1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ grid-template-columns:1fr!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > .form-row, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset{ grid-column:1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button[type="submit"]{ width:100%!important; min-width:0!important; } } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields{ margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields__field-wrapper{ margin:0!important; padding:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields p:last-child{ margin-bottom:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content > h3, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-MyAccount-content > h3{ margin:0 0 16px!important; color:#171717!important; font-size:15px!important; line-height:1.2!important; font-weight:700!important; } @media(max-width:680px){ body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields{ padding:0!important; margin:0!important; } } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-MyAccount-content > p:first-child{ margin:0 0 16px!important; color:rgba(23,23,23,.72)!important; font-size:13px!important; line-height:1.55!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Addresses{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; width:100%!important; margin:0!important; padding:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address{ position:relative!important; float:none!important; display:block!important; width:100%!important; min-height:94px!important; box-sizing:border-box!important; margin:0!important; padding:18px 250px 18px 20px!important; border:1px solid rgba(255,255,255,.68)!important; border-radius:14px!important; background:rgba(255,255,255,.58)!important; box-shadow:none!important; overflow:hidden!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title{ display:block!important; margin:0 0 8px!important; padding:0!important; min-height:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title h2, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title h3{ display:block!important; margin:0!important; padding:0!important; color:#171717!important; font-size:14px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:.05em!important; text-transform:uppercase!important; text-align:left!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address address{ display:block!important; margin:0!important; padding:0!important; color:rgba(23,23,23,.62)!important; font-size:12px!important; line-height:1.55!important; font-style:normal!important; text-align:left!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit{ position:absolute!important; top:50%!important; right:18px!important; left:auto!important; transform:translateY(-50%)!important; float:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:190px!important; max-width:220px!important; min-height:42px!important; box-sizing:border-box!important; margin:0!important; padding:0 16px!important; border:0!important; border-radius:10px!important; background:#000!important; color:#fff!important; font-size:9px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.09em!important; text-transform:uppercase!important; text-decoration:none!important; text-align:center!important; white-space:normal!important; box-shadow:none!important; transition:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:hover, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:focus, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:active{ background:#000!important; color:#fff!important; transform:translateY(-50%)!important; box-shadow:none!important; transition:none!important; } @media(max-width:680px){ body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address{ min-height:0!important; padding:16px!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:12px!important; margin-bottom:10px!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit{ position:static!important; top:auto!important; right:auto!important; transform:none!important; width:100%!important; min-width:0!important; max-width:none!important; min-height:44px!important; margin:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:hover, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:focus, body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-Address-title .edit:active{ transform:none!important; } } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ position:relative!important; padding-bottom:62px!important; } body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields > p:last-child, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p:last-child{ position:absolute!important; right:0!important; bottom:0!important; width:44px!important; height:44px!important; margin:0!important; padding:0!important; display:block!important; } .divalvs-save-icon-btn{ position:relative!important; display:block!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; overflow:hidden!important; background:transparent!important; color:transparent!important; font-size:0!important; line-height:0!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; cursor:pointer!important; } .divalvs-save-icon-btn::before{ content:""!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:10px!important; background:#000!important; -webkit-mask-image: linear-gradient(#000 0 0), url('icons/diskette.webp')!important; -webkit-mask-position: center, center!important; -webkit-mask-size: 100% 100%, 27px 27px!important; -webkit-mask-repeat: no-repeat, no-repeat!important; -webkit-mask-composite: xor!important; mask-image: linear-gradient(#000 0 0), url('icons/diskette.webp')!important; mask-position: center, center!important; mask-size: 100% 100%, 27px 27px!important; mask-repeat: no-repeat, no-repeat!important; mask-composite: exclude!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-save-icon-btn:hover, .divalvs-save-icon-btn:focus, .divalvs-save-icon-btn:active{ width:44px!important; height:44px!important; background:transparent!important; color:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-save-icon-btn:hover::before, .divalvs-save-icon-btn:focus::before, .divalvs-save-icon-btn:active::before{ background:#000!important; transform:none!important; transition:none!important; animation:none!important; } @media(max-width:680px){ body.divalvs-addresses-page .divalvs-endpoint-content .woocommerce-address-fields, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ padding-bottom:62px!important; } } body.divalvs-account-details-page .divalvs-account-card{ overflow:visible!important; } body.divalvs-account-details-page .divalvs-account-card-inner{ overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ position:relative!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px 16px!important; margin:0!important; padding:0 0 78px!important; overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > .form-row, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p{ width:100%!important; float:none!important; margin:0!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .form-row-wide, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > fieldset, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p:last-child{ grid-column:1 / -1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm label{ display:block!important; margin:0 0 7px!important; color:#171717!important; font-size:11px!important; line-height:1.3!important; font-weight:700!important; letter-spacing:.01em!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input[type="text"], body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input[type="email"], body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input[type="password"]{ width:100%!important; min-height:46px!important; box-sizing:border-box!important; padding:0 14px!important; border:1px solid rgba(0,0,0,.10)!important; border-radius:12px!important; background:rgba(255,255,255,.92)!important; color:#171717!important; box-shadow:none!important; outline:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input:-webkit-autofill, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input:-webkit-autofill:hover, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm input:-webkit-autofill:focus{ -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.96) inset!important; -webkit-text-fill-color:#171717!important; transition: background-color 9999s ease-out 0s!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm em{ display:block!important; margin-top:6px!important; color:rgba(23,23,23,.46)!important; font-size:10px!important; line-height:1.45!important; font-style:italic!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset{ position:relative!important; grid-column:1 / -1!important; margin:4px 0 0!important; padding:20px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:16px!important; background:rgba(255,255,255,.58)!important; box-shadow:none!important; overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset legend{ padding:0 6px!important; color:#171717!important; font-size:11px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset input[type="password"], body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset input[type="text"]{ padding-right:54px!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .show-password-input{ position:absolute!important; top:auto!important; right:8px!important; bottom:7px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; margin:0!important; padding:0!important; border:0!important; border-radius:9px!important; background:rgba(0,0,0,.08)!important; box-shadow:none!important; transform:none!important; transition:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .show-password-input::after{ color:#171717!important; opacity:.72!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p:last-child{ position:absolute!important; right:0!important; bottom:0!important; width:44px!important; height:44px!important; margin:0!important; padding:0!important; z-index:20!important; overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn{ position:absolute!important; right:0!important; bottom:0!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; transform:none!important; transition:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn::before{ content:""!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:10px!important; background:#000!important; -webkit-mask-image: linear-gradient(#000 0 0), url('icons/diskette.webp')!important; -webkit-mask-position: center, center!important; -webkit-mask-size: 100% 100%, 26px 26px!important; -webkit-mask-repeat: no-repeat, no-repeat!important; -webkit-mask-composite:xor!important; mask-image: linear-gradient(#000 0 0), url('icons/diskette.webp')!important; mask-position: center, center!important; mask-size: 100% 100%, 26px 26px!important; mask-repeat: no-repeat, no-repeat!important; mask-composite:exclude!important; pointer-events:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:hover, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:focus, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:active{ background:transparent!important; box-shadow:none!important; transform:none!important; } @media(max-width:680px){ body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ grid-template-columns:1fr!important; gap:16px!important; padding-bottom:72px!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > .form-row, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > fieldset{ grid-column:1!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset{ padding:16px!important; } } .divalvs-save-icon-btn{ position:relative!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; padding:0!important; margin:0!important; border:0!important; border-radius:10px!important; background:#000!important; box-shadow:none!important; overflow:hidden!important; color:transparent!important; font-size:0!important; line-height:0!important; transform:none!important; transition:none!important; animation:none!important; } .divalvs-save-icon-btn::before{ content:none!important; display:none!important; } .divalvs-save-icon-btn::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; width:27px!important; height:27px!important; transform:translate(-50%,-50%)!important; background:#fff!important; -webkit-mask-image: url('icons/diskette.webp')!important; -webkit-mask-position:center!important; -webkit-mask-size:contain!important; -webkit-mask-repeat:no-repeat!important; mask-image: url('icons/diskette.webp')!important; mask-position:center!important; mask-size:contain!important; mask-repeat:no-repeat!important; pointer-events:none!important; opacity:1!important; transition:none!important; animation:none!important; } .divalvs-save-icon-btn:hover, .divalvs-save-icon-btn:focus, .divalvs-save-icon-btn:active{ background:#000!important; box-shadow:none!important; transform:none!important; } .divalvs-save-icon-btn:hover::after, .divalvs-save-icon-btn:focus::after, .divalvs-save-icon-btn:active::after{ background:#fff!important; opacity:1!important; transform:translate(-50%,-50%)!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset{ grid-column:1 / -1!important; margin:8px 0 0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset legend{ margin:0 0 16px!important; padding:0!important; color:#171717!important; font-size:11px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset .form-row{ position:relative!important; width:100%!important; margin:0 0 16px!important; padding:0!important; float:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm fieldset .form-row:last-child{ margin-bottom:0!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .show-password-input{ position:absolute!important; top:auto!important; right:8px!important; bottom:6px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; max-width:34px!important; max-height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; border:0!important; border-radius:9px!important; background:rgba(0,0,0,.06)!important; box-shadow:none!important; transform:none!important; transition:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .show-password-input::after{ position:static!important; display:block!important; width:18px!important; height:18px!important; margin:0!important; padding:0!important; line-height:18px!important; color:#171717!important; opacity:.78!important; transform:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm .show-password-input::before{ position:static!important; margin:0!important; padding:0!important; transform:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ position:relative!important; padding-bottom:72px!important; overflow:visible!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm > p:last-child{ position:absolute!important; right:0!important; bottom:0!important; width:44px!important; height:44px!important; margin:0!important; padding:0!important; overflow:visible!important; z-index:20!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; background:#000!important; color:transparent!important; box-shadow:none!important; overflow:hidden!important; font-size:0!important; line-height:0!important; transform:none!important; transition:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn::before, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn::after{ content:none!important; display:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn .divalvs-save-diskette-icon{ display:block!important; width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; max-width:27px!important; max-height:27px!important; margin:0!important; padding:0!important; object-fit:contain!important; filter:brightness(0) invert(1)!important; opacity:1!important; pointer-events:none!important; transform:none!important; transition:none!important; } body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:hover, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:focus, body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm button.divalvs-save-icon-btn:active{ background:#000!important; box-shadow:none!important; transform:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content button.divalvs-save-icon-btn{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; background:#000!important; color:transparent!important; box-shadow:none!important; overflow:hidden!important; font-size:0!important; line-height:0!important; } body.divalvs-addresses-page .divalvs-endpoint-content button.divalvs-save-icon-btn::before, body.divalvs-addresses-page .divalvs-endpoint-content button.divalvs-save-icon-btn::after{ content:none!important; display:none!important; } body.divalvs-addresses-page .divalvs-endpoint-content button.divalvs-save-icon-btn .divalvs-save-diskette-icon{ display:block!important; width:27px!important; height:27px!important; object-fit:contain!important; filter:brightness(0) invert(1)!important; opacity:1!important; pointer-events:none!important; } @media(max-width:680px){ body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm{ padding-bottom:68px!important; } } /* ============================================================ EDIT ACCOUNT — FINAL SECONDARY TILE + SAVE ICON MATCH ------------------------------------------------------------ - INFO / PASSWORD use the exact global secondary tile colour used by the My Account dashboard. - Save uses the same white cut-out construction as dashboard icon buttons: white square, transparent diskette glyph. ============================================================ */ html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .divalvs-edit-account-section{ background:var(--divalvs-secondary-tile-bg)!important; border-color:var(--divalvs-secondary-tile-border)!important; color:var(--divalvs-secondary-tile-color)!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn{ position:relative!important; display:block!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:transparent!important; color:transparent!important; box-shadow:none!important; overflow:hidden!important; font-size:0!important; line-height:0!important; transform:none!important; transition:none!important; animation:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn::before{ content:""!important; display:block!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, url('icons/diskette.webp') center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, url('icons/diskette.webp') center/27px 27px no-repeat!important; mask-composite:exclude!important; opacity:1!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn::after{ content:none!important; display:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn .divalvs-save-diskette-icon{ display:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:hover, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:focus, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:active{ background:transparent!important; box-shadow:none!important; transform:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:hover::before, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:focus::before, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-save-row button.divalvs-save-icon-btn:active::before{ background:#fff!important; opacity:1!important; transform:none!important; } /* ============================================================ EDIT ACCOUNT — NOTICE ICON / TEXT GEOMETRY ------------------------------------------------------------ Keep WooCommerce's warning "!" visible, but reserve its own space so notice text always starts to the right of the mark. ============================================================ */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-error, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-info, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-message{ position:relative!important; box-sizing:border-box!important; width:100%!important; margin:0 0 12px!important; padding:12px 14px 12px 46px!important; } html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-error::before, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-info::before, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-message::before{ position:absolute!important; top:50%!important; left:16px!important; right:auto!important; margin:0!important; transform:translateY(-50%)!important; } html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-error > li, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-info > li, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-message > li{ margin:0!important; padding:0!important; } /* ============================================================ DIVALVS — PEDIDOS PAGE REDESIGN V12 ------------------------------------------------------------ Scope: ONLY /my-account/orders/. No global components or other My Account endpoints are changed. ============================================================ */ /* Keep the orders page clean and compact inside the existing account card. */ body.divalvs-orders-page .divalvs-orders-header, body.divalvs-orders-page .divalvs-clean-endpoint-header{ margin-bottom:18px!important; } body.divalvs-orders-page .divalvs-endpoint-content{ display:block!important; width:100%!important; } /* ------------------------------------------------------------ Email verification / WooCommerce information notice ------------------------------------------------------------ */ body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:14px!important; width:100%!important; min-height:0!important; box-sizing:border-box!important; margin:0 0 12px!important; padding:16px 18px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:var(--divalvs-radius-tile)!important; background:rgba(255,255,255,.78)!important; color:#171717!important; font-size:13px!important; line-height:1.5!important; font-weight:500!important; box-shadow:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info::before, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message::before, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error::before{ display:none!important; content:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error .button{ float:none!important; align-self:center!important; width:auto!important; min-width:0!important; min-height:42px!important; margin:0!important; padding:0 18px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#000!important; color:#fff!important; font-size:10px!important; line-height:1!important; font-weight:800!important; letter-spacing:.10em!important; text-transform:uppercase!important; text-decoration:none!important; text-align:center!important; white-space:nowrap!important; box-shadow:none!important; transform:none!important; transition:none!important; } /* ------------------------------------------------------------ Orders list: each WooCommerce row becomes one clean order card. ------------------------------------------------------------ */ body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody{ display:block!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; border-collapse:separate!important; border-spacing:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table thead{ display:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody{ display:grid!important; gap:10px!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ display:grid!important; grid-template-columns:minmax(120px,.85fr) minmax(125px,.85fr) minmax(150px,1fr) minmax(170px,1.2fr) minmax(160px,1.05fr)!important; align-items:stretch!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:var(--divalvs-radius-tile)!important; background:rgba(255,255,255,.82)!important; box-shadow:0 6px 18px rgba(40,25,25,.06)!important; overflow:hidden!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td:first-child, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ position:relative!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:6px!important; min-width:0!important; min-height:74px!important; box-sizing:border-box!important; margin:0!important; padding:13px 14px!important; border:0!important; border-right:1px solid rgba(0,0,0,.07)!important; border-radius:0!important; background:transparent!important; color:#171717!important; text-align:left!important; vertical-align:middle!important; white-space:normal!important; font-size:13px!important; line-height:1.35!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ border-right:0!important; } /* Remove WooCommerce responsive duplicate labels. */ body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td::after{ display:none!important; content:none!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td::before{ display:block!important; position:static!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; transform:none!important; color:rgba(23,23,23,.48)!important; font-size:9px!important; line-height:1.2!important; font-weight:800!important; letter-spacing:.12em!important; text-align:left!important; text-transform:uppercase!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number::before{ content:"ENCOMENDA"!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-date::before{ content:"DATA"!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-status::before{ content:"ESTADO"!important; width:auto!important; height:auto!important; border-radius:0!important; background:none!important; opacity:1!important; vertical-align:baseline!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-total::before{ content:"TOTAL"!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions::before{ content:"AÇÕES"!important; } /* Order number is the visual anchor of each card. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-number{ background:#75787d!important; color:#fff!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number::before{ color:rgba(255,255,255,.68)!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number a{ display:block!important; max-width:100%!important; color:#fff!important; font-size:15px!important; line-height:1.2!important; font-weight:800!important; text-decoration:none!important; overflow-wrap:anywhere!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-date, body.divalvs-orders-page .woocommerce-orders-table__cell-order-total{ color:#171717!important; font-weight:700!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount, body.divalvs-orders-page .woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol{ color:#171717!important; font-weight:800!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-status{ color:#171717!important; font-weight:800!important; } /* Action buttons never overflow the card. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:center!important; gap:6px!important; text-align:left!important; white-space:normal!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:100%!important; min-height:40px!important; box-sizing:border-box!important; margin:0!important; padding:0 12px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#000!important; color:#fff!important; font-size:9px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:.08em!important; text-align:center!important; text-transform:uppercase!important; text-decoration:none!important; white-space:normal!important; overflow-wrap:anywhere!important; box-shadow:none!important; transform:none!important; transition:none!important; } /* ------------------------------------------------------------ Tablet / narrow desktop ------------------------------------------------------------ */ @media(max-width:900px){ body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ grid-template-columns:minmax(110px,.9fr) minmax(120px,.9fr) minmax(135px,1fr) minmax(150px,1.15fr)!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important; align-items:center!important; gap:8px!important; border-top:1px solid rgba(0,0,0,.07)!important; border-right:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions::before{ grid-column:1 / -1!important; } } /* ------------------------------------------------------------ Mobile: clean two-column information card; no duplicated labels. ------------------------------------------------------------ */ @media(max-width:680px){ body.divalvs-orders-page .divalvs-account-card-inner{ padding:18px!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error{ grid-template-columns:1fr!important; gap:12px!important; padding:16px!important; font-size:13px!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-info .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-message .button, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-error .button{ justify-self:start!important; width:auto!important; max-width:100%!important; margin:0!important; white-space:normal!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody{ gap:10px!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ grid-template-columns:1fr 1fr!important; border-radius:var(--divalvs-radius-tile)!important; } body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td:first-child, body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td:last-child{ display:flex!important; width:auto!important; min-height:68px!important; margin:0!important; padding:12px 13px!important; border:0!important; border-right:1px solid rgba(0,0,0,.07)!important; border-bottom:1px solid rgba(0,0,0,.07)!important; border-radius:0!important; text-align:left!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number{ grid-column:1 / -1!important; min-height:64px!important; border-right:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-date{ grid-column:1!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-status{ grid-column:2!important; border-right:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-total{ grid-column:1 / -1!important; border-right:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; border-right:0!important; border-bottom:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions::before{ grid-column:1 / -1!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button{ width:100%!important; max-width:none!important; min-height:42px!important; padding:0 10px!important; font-size:9px!important; } } @media(max-width:430px){ body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr{ grid-template-columns:1fr!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-number, body.divalvs-orders-page .woocommerce-orders-table__cell-order-date, body.divalvs-orders-page .woocommerce-orders-table__cell-order-status, body.divalvs-orders-page .woocommerce-orders-table__cell-order-total, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ grid-column:1!important; border-right:0!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ grid-template-columns:1fr!important; } } /* ============================================================ MY ACCOUNT > PEDIDOS — ICON ACTIONS V23 ------------------------------------------------------------ Replace WooCommerce action text buttons with the DIVALVS icon button construction. Available actions stay in one centered row: - PAGAR -> payment.webp - VER -> shopping-list.webp - CANCELAR -> delete.webp ============================================================ */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:8px!important; text-align:center!important; white-space:normal!important; } /* The icon row itself replaces the old AÇÕES label. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button{ position:relative!important; display:inline-flex!important; flex:0 0 44px!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:1px solid rgba(23,23,23,.08)!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; background-repeat:no-repeat!important; background-position:center!important; background-size:27px 27px!important; color:transparent!important; font-size:0!important; line-height:0!important; letter-spacing:0!important; text-indent:0!important; overflow:hidden!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay{ background-image:url('icons/payment.webp')!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view{ background-image:url('icons/shopping-list.webp')!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel{ background-image:url('icons/delete.webp')!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:focus-visible, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:focus-visible, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:active{ width:44px!important; height:44px!important; margin:0!important; padding:0!important; background-color:#fff!important; background-position:center!important; background-size:27px 27px!important; transform:none!important; transition:none!important; animation:none!important; box-shadow:none!important; outline:none!important; } @media(max-width:680px){ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:8px!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0!important; } } /* ============================================================ MY ACCOUNT > PEDIDOS — FINAL ACTION BUTTON CONSTRUCTION V24 ------------------------------------------------------------ All three actions stay on ONE centered row. PAGAR + VER use the normal DIVALVS white CUT-OUT construction. CANCELAR is the intentional exception: normal delete.webp image, with no cut-out/mask. ============================================================ */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; min-width:148px!important; text-align:center!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions::before{ content:none!important; display:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button{ position:relative!important; display:inline-flex!important; flex:0 0 44px!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; color:transparent!important; font-size:0!important; line-height:0!important; letter-spacing:0!important; text-indent:0!important; overflow:hidden!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; } /* Normal DIVALVS cut-out icon buttons: PAGAR + VER. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay{ --divalvs-order-action-icon:url('icons/payment.webp'); background:transparent!important; background-image:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view{ --divalvs-order-action-icon:url('icons/shopping-list.webp'); background:transparent!important; background-image:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay::before, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay::before, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view::before, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view::before{ content:""!important; position:absolute!important; inset:0!important; display:block!important; width:44px!important; height:44px!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; pointer-events:none!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-order-action-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-order-action-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; transform:none!important; transition:none!important; animation:none!important; } /* CANCELAR exception: white button + real delete.webp image, NO cut-out. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel{ background:#fff url('icons/delete.webp') center/27px 27px no-repeat!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel::before, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel::before{ content:none!important; display:none!important; } /* No state is allowed to move, resize or recolour these controls. */ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:focus-visible, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:focus-visible, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button:active{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; transform:none!important; transition:none!important; animation:none!important; box-shadow:none!important; outline:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.pay:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.view:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.pay:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.view:active{ background:transparent!important; background-image:none!important; } body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions .button.cancel:active, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel:hover, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel:focus, body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions a.button.cancel:active{ background:#fff url('icons/delete.webp') center/27px 27px no-repeat!important; } @media(max-width:900px){ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; } } @media(max-width:680px){ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; } } @media(max-width:430px){ body.divalvs-orders-page .woocommerce-orders-table__cell-order-actions{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; } } /* ============================================================ MY ACCOUNT FINAL OVERRIDES Consolidated from the former page-my-account.css so the Account experience has one deterministic, cacheable stylesheet. ============================================================ */ .divalvs-address-sync-card{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; width:100%; box-sizing:border-box; margin:0 0 16px; padding:16px 18px; border:1px solid rgba(255,255,255,.64); border-radius:var(--divalvs-radius-tile); background:rgba(255,255,255,.58); box-shadow:0 12px 28px rgba(55,40,38,.08); color:#171717; } .divalvs-address-sync-copy{ min-width:0; } .divalvs-address-sync-kicker{ display:block; margin:0 0 4px; color:rgba(23,23,23,.48); font-size:9px; line-height:1.2; font-weight:800; letter-spacing:.16em; text-transform:uppercase; } .divalvs-address-sync-title{ display:block; margin:0; color:#171717; font-size:14px; line-height:1.3; font-weight:800; } .divalvs-address-sync-description{ display:block; margin:5px 0 0; color:rgba(23,23,23,.58); font-size:11px; line-height:1.45; font-weight:500; } .divalvs-address-sync-status{ margin:10px 0 0; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.54); color:rgba(23,23,23,.70); font-size:11px; line-height:1.45; font-weight:600; } .divalvs-address-sync-status.is-success{ background:rgba(223,244,228,.72); color:#1d5c2c; } .divalvs-address-sync-status.is-warning{ background:rgba(255,245,207,.78); color:#6b5500; } .divalvs-address-sync-control{ display:flex; align-items:center; justify-content:flex-end; } .divalvs-address-sync-switch{ position:relative; display:inline-flex; align-items:center; width:58px; height:32px; margin:0; cursor:pointer; -webkit-tap-highlight-color:transparent; } .divalvs-address-sync-switch input{ position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; } .divalvs-address-sync-track{ position:absolute; inset:0; border-radius:999px; background:rgba(20,20,20,.28); transition:background .20s ease; } .divalvs-address-sync-thumb{ position:absolute; top:4px; left:4px; width:24px; height:24px; border-radius:50%; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.18); transition:transform .20s ease; } .divalvs-address-sync-switch input:checked + .divalvs-address-sync-track{ background:#171717; } .divalvs-address-sync-switch input:checked ~ .divalvs-address-sync-thumb{ transform:translateX(26px); } .divalvs-address-sync-switch input:focus-visible + .divalvs-address-sync-track{ outline:2px solid #171717; outline-offset:3px; } .divalvs-address-sync-form.is-saving{ opacity:.62; pointer-events:none; } .divalvs-address-sync-form.is-saving .divalvs-address-sync-card{ cursor:wait; } body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses .woocommerce-Address--billing, body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses .u-column1, body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses > .woocommerce-Address:first-child{ display:none!important; } body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses{ display:block!important; width:100%!important; } body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses .woocommerce-Address--shipping, body.divalvs-addresses-page.divalvs-address-sync-enabled .woocommerce-Addresses .u-column2{ float:none!important; width:100%!important; max-width:100%!important; margin:0!important; } .divalvs-address-required-notice{ margin:0 0 16px!important; padding:12px 14px!important; border:0!important; border-radius:12px!important; background:rgba(255,245,207,.82)!important; color:#6b5500!important; font-size:11px!important; line-height:1.5!important; font-weight:700!important; } .divalvs-address-required-notice a{ color:inherit!important; font-weight:800!important; text-decoration:underline!important; } @media(max-width:680px){ .divalvs-address-sync-card{ gap:12px; padding:14px; } .divalvs-address-sync-title{ font-size:13px; } .divalvs-address-sync-description{ font-size:10px; } } .divalvs-account-heading h1{ margin-top:0!important; } .divalvs-social-auth{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:100%; margin:0 0 14px; padding:14px 16px; border:1px solid rgba(255,255,255,.68); border-radius:var(--divalvs-radius-tile); background:rgba(255,255,255,.60); color:#171717; } .divalvs-social-auth-label{ display:block; margin:0; padding:0; color:rgba(23,23,23,.54); font-size:9px; font-weight:800; line-height:1.2; letter-spacing:.16em; text-align:center; text-transform:uppercase; } .divalvs-social-auth-buttons{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin:0; padding:0; } .divalvs-social-provider{ display:flex; align-items:center; justify-content:center; margin:0; padding:0; } .divalvs-social-provider .nsl-container, .divalvs-social-provider .nsl-container-buttons, .divalvs-social-provider .nsl-button-default, .divalvs-social-provider .nsl-button-svg-container{ margin:0!important; padding:0!important; } .divalvs-social-provider .nsl-container-buttons{ display:flex!important; align-items:center!important; justify-content:center!important; } .divalvs-social-provider a, .divalvs-social-provider button, .divalvs-social-provider .nsl-button{ display:flex!important; align-items:center!important; justify-content:center!important; width:48px!important; min-width:48px!important; max-width:48px!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding:0!important; border:0!important; border-radius:10px!important; overflow:hidden!important; box-shadow:none!important; transform:none!important; } .divalvs-social-provider .nsl-button-label-container{ display:none!important; } .divalvs-social-provider svg{ width:24px!important; height:24px!important; } body:not(.logged-in) .divalvs-auth-grid{ align-items:stretch; } body:not(.logged-in) .divalvs-auth-card{ height:100%; box-sizing:border-box; } @media(max-width:680px){ .divalvs-social-auth{ padding:13px 14px; } } html body .divalvs-account-heading{ width:100%!important; margin:28px auto 40px!important; padding:0!important; text-align:center!important; } @media(max-width:680px){ html body .divalvs-account-heading{ margin:28px auto 40px!important; } } html body .divalvs-account-card.divalvs-product-main-tile{ position:relative!important; isolation:auto!important; overflow:hidden!important; display:block!important; box-sizing:border-box!important; width:100%!important; margin:0!important; padding:var(--divalvs-tile-frame-inset)!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:var(--divalvs-radius-tile)!important; background:rgba(255,255,255,.05)!important; color:#1c1917!important; box-shadow:var(--divalvs-shadow-tile)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body .divalvs-account-card.divalvs-product-main-tile::before, html body .divalvs-account-card.divalvs-product-main-tile::after{ content:none!important; display:none!important; } html body .divalvs-account-card .divalvs-account-main-tile-bg{ position:absolute!important; inset:0!important; z-index:0!important; display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-tile)!important; background-image:url('PREP.webp')!important; background-position:right top!important; background-repeat:no-repeat!important; background-size:cover!important; background-attachment:fixed!important; opacity:1!important; pointer-events:none!important; } html body .divalvs-account-card .divalvs-product-main-tile-content{ position:relative!important; z-index:10!important; display:flex!important; flex-direction:column!important; gap:4px!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } @media(max-width:1024px), (prefers-reduced-motion:reduce){ html body .divalvs-account-card .divalvs-account-main-tile-bg{ background-attachment:scroll!important; } } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-field{ position:relative!important; width:100%!important; margin:0 0 14px!important; padding:0!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-field-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } html body:not(.logged-in) .woocommerce-form-login #username, html body:not(.logged-in) .woocommerce-form-login #password{ width:100%!important; box-sizing:border-box!important; margin:0!important; padding-left:14px!important; padding-right:14px!important; } html body:not(.logged-in) .woocommerce-form-login #username::placeholder, html body:not(.logged-in) .woocommerce-form-login #password::placeholder{ color:rgba(23,23,23,.54)!important; opacity:1!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-row{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 48px!important; align-items:center!important; gap:8px!important; width:100%!important; margin:0 0 14px!important; padding:0!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-row #reg_email{ grid-column:1!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; max-height:48px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:12px!important; background:rgba(255,255,255,.94)!important; color:#171717!important; font-family:inherit!important; font-size:14px!important; font-weight:500!important; line-height:48px!important; box-shadow:none!important; outline:none!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-row #reg_email::placeholder{ color:rgba(23,23,23,.54)!important; opacity:1!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-row #reg_email:focus{ box-shadow:0 0 0 2px rgba(255,255,255,.28)!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon{ position:relative!important; grid-column:2!important; display:block!important; width:48px!important; min-width:48px!important; max-width:48px!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding:0!important; border:0!important; border-radius:12px!important; overflow:hidden!important; background:transparent!important; color:transparent!important; box-shadow:none!important; cursor:pointer!important; transform:none!important; transition:none!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon::before{ content:""!important; position:absolute!important; inset:0!important; width:48px!important; height:48px!important; border-radius:12px!important; background:#fff!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-register-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-register-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:hover, html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:focus, html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:active{ background:transparent!important; color:transparent!important; box-shadow:none!important; outline:2px solid rgba(255,255,255,.34)!important; outline-offset:2px!important; transform:none!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:hover::before, html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:focus::before, html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-icon:active::before{ background:#fff!important; transform:none!important; } html body:not(.logged-in) .woocommerce-form-register .divalvs-register-submit-text{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } @media(max-width:680px){ html body:not(.logged-in) .woocommerce-form-register .divalvs-register-email-row{ grid-template-columns:minmax(0,1fr) 48px!important; gap:8px!important; } } html body .divalvs-account-card.divalvs-product-main-tile{ position:relative!important; isolation:isolate!important; overflow:hidden!important; box-sizing:border-box!important; width:100%!important; margin:0!important; padding:var(--divalvs-tile-frame-inset)!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:var(--divalvs-radius-tile)!important; background-color:rgba(255,255,255,.05)!important; background-image:url('PREP.webp')!important; background-position:right top!important; background-repeat:no-repeat!important; background-size:cover!important; background-attachment:scroll!important; color:#1c1917!important; box-shadow:var(--divalvs-shadow-tile)!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body .divalvs-account-card.divalvs-product-main-tile::before, html body .divalvs-account-card.divalvs-product-main-tile::after, html body .divalvs-account-card .divalvs-account-main-tile-bg{ content:none!important; display:none!important; background:none!important; background-image:none!important; } html body .divalvs-account-card .divalvs-product-main-tile-content{ position:relative!important; z-index:1!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-password-row{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 48px!important; align-items:center!important; gap:8px!important; width:100%!important; margin:0 0 14px!important; padding:0!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-password-row #password{ grid-column:1!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; max-height:48px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:12px!important; background:rgba(255,255,255,.94)!important; color:#171717!important; font-family:inherit!important; font-size:14px!important; font-weight:500!important; line-height:48px!important; box-shadow:none!important; outline:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon{ position:relative!important; grid-column:2!important; display:block!important; width:48px!important; min-width:48px!important; max-width:48px!important; height:48px!important; min-height:48px!important; max-height:48px!important; margin:0!important; padding:0!important; border:0!important; border-radius:12px!important; overflow:hidden!important; background:transparent!important; color:transparent!important; box-shadow:none!important; cursor:pointer!important; transform:none!important; transition:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon::before{ content:""!important; position:absolute!important; inset:0!important; width:48px!important; height:48px!important; border-radius:12px!important; background:#fff!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-login-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-login-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:hover, html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:focus, html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:active{ background:transparent!important; color:transparent!important; box-shadow:none!important; outline:2px solid rgba(255,255,255,.34)!important; outline-offset:2px!important; transform:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:hover::before, html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:focus::before, html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-icon:active::before{ background:#fff!important; transform:none!important; } html body:not(.logged-in) .woocommerce-form-login .divalvs-login-submit-text{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } html body:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text{ margin:8px 0 14px!important; padding:0!important; color:rgba(255,255,255,.82)!important; font-size:11px!important; font-weight:500!important; line-height:1.45!important; } html body:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text p{ margin:0!important; padding:0!important; } html body:not(.logged-in) .woocommerce-form-register .woocommerce-privacy-policy-text a{ color:#fff!important; font-weight:700!important; text-decoration:underline!important; } @media(max-width:680px){ html body:not(.logged-in) .woocommerce-form-login .divalvs-login-password-row{ grid-template-columns:minmax(0,1fr) 48px!important; gap:8px!important; } } html body:not(.logged-in) .divalvs-social-auth, html body:not(.logged-in) .divalvs-auth-card, html body.logged-in:not(.divalvs-account-endpoint-page) .divalvs-account-tile, html body.divalvs-addresses-page .divalvs-address-sync-card, html body.divalvs-addresses-page .woocommerce-Address, html body.divalvs-addresses-page .woocommerce-address-fields{ position:relative!important; isolation:isolate!important; overflow:hidden!important; background:rgb(117,120,125)!important; background-image:none!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body:not(.logged-in) .divalvs-social-auth::before, html body:not(.logged-in) .divalvs-social-auth::after, html body:not(.logged-in) .divalvs-auth-card::before, html body:not(.logged-in) .divalvs-auth-card::after, html body.logged-in:not(.divalvs-account-endpoint-page) .divalvs-account-tile::before, html body.logged-in:not(.divalvs-account-endpoint-page) .divalvs-account-tile::after, html body.divalvs-addresses-page .divalvs-address-sync-card::before, html body.divalvs-addresses-page .divalvs-address-sync-card::after, html body.divalvs-addresses-page .woocommerce-Address::before, html body.divalvs-addresses-page .woocommerce-Address::after, html body.divalvs-addresses-page .woocommerce-address-fields::before, html body.divalvs-addresses-page .woocommerce-address-fields::after{ content:none!important; display:none!important; background:none!important; } html body:not(.logged-in) .divalvs-social-auth, html body:not(.logged-in) .divalvs-social-auth *, html body:not(.logged-in) .divalvs-auth-card, html body:not(.logged-in) .divalvs-auth-card h2, html body:not(.logged-in) .divalvs-auth-card label, html body:not(.logged-in) .divalvs-auth-card p, html body:not(.logged-in) .divalvs-auth-card a, html body.logged-in:not(.divalvs-account-endpoint-page) .divalvs-account-tile, html body.logged-in:not(.divalvs-account-endpoint-page) .divalvs-account-tile *, html body.divalvs-addresses-page .divalvs-address-sync-card, html body.divalvs-addresses-page .divalvs-address-sync-card *, html body.divalvs-addresses-page .woocommerce-Address, html body.divalvs-addresses-page .woocommerce-Address *, html body.divalvs-addresses-page .woocommerce-address-fields, html body.divalvs-addresses-page .woocommerce-address-fields label{ color:#fff!important; } html body:not(.logged-in) .divalvs-auth-card input[type="text"], html body:not(.logged-in) .divalvs-auth-card input[type="email"], html body:not(.logged-in) .divalvs-auth-card input[type="password"], html body.divalvs-addresses-page .woocommerce-address-fields input, html body.divalvs-addresses-page .woocommerce-address-fields select, html body.divalvs-addresses-page .woocommerce-address-fields textarea{ background:#fff!important; color:#171717!important; } html body.divalvs-account-details-page .divalvs-account-topbar{ position:relative!important; display:block!important; width:100%!important; height:44px!important; min-height:44px!important; margin:0 0 12px!important; padding:0!important; } html body.divalvs-account-details-page .divalvs-account-top-title{ position:absolute!important; top:var(--divalvs-page-header-top)!important; left:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; height:var(--divalvs-page-header-height)!important; margin:0!important; padding:0!important; color:rgba(255,255,255,.70)!important; font-family:inherit!important; font-size:14px!important; font-weight:400!important; line-height:20px!important; letter-spacing:.35em!important; text-align:center!important; text-transform:uppercase!important; white-space:nowrap!important; transform:translateX(-50%)!important; z-index:100!important; pointer-events:none!important; } html body.divalvs-account-details-page .divalvs-account-heading{ display:none!important; } html body.divalvs-account-details-page .divalvs-endpoint-header, html body.divalvs-account-details-page .divalvs-endpoint-heading-copy, html body.divalvs-account-details-page .divalvs-endpoint-kicker, html body.divalvs-account-details-page .divalvs-endpoint-title, html body.divalvs-account-details-page .divalvs-endpoint-subtitle, html body.divalvs-account-details-page .divalvs-endpoint-content, html body.divalvs-account-details-page .divalvs-endpoint-content p, html body.divalvs-account-details-page .divalvs-endpoint-content span, html body.divalvs-account-details-page .divalvs-endpoint-content em, html body.divalvs-account-details-page .divalvs-endpoint-content legend, html body.divalvs-account-details-page .divalvs-endpoint-content a, html body.divalvs-account-details-page .woocommerce-EditAccountForm, html body.divalvs-account-details-page .woocommerce-EditAccountForm p, html body.divalvs-account-details-page .woocommerce-EditAccountForm span, html body.divalvs-account-details-page .woocommerce-EditAccountForm em, html body.divalvs-account-details-page .woocommerce-EditAccountForm legend, html body.divalvs-account-details-page .woocommerce-EditAccountForm .required{ color:#fff!important; } html body.divalvs-account-details-page .divalvs-endpoint-content a{ text-decoration:underline!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm .divalvs-edit-account-field-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm input[type="text"], html body.divalvs-account-details-page .woocommerce-EditAccountForm input[type="email"], html body.divalvs-account-details-page .woocommerce-EditAccountForm input[type="password"]{ width:100%!important; min-height:48px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:1px solid rgba(255,255,255,.30)!important; border-radius:12px!important; background:#fff!important; color:#171717!important; font-family:inherit!important; font-size:13px!important; font-weight:500!important; line-height:1.2!important; box-shadow:none!important; outline:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm input::placeholder{ color:rgba(23,23,23,.58)!important; opacity:1!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm input:focus{ border-color:#fff!important; box-shadow:0 0 0 2px rgba(255,255,255,.22)!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm .woocommerce-form-row{ margin:0 0 10px!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm fieldset{ margin:14px 0 0!important; padding:14px 0 0!important; border:0!important; border-top:1px solid rgba(255,255,255,.24)!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm fieldset legend{ margin:0 0 10px!important; padding:0!important; font-size:12px!important; font-weight:700!important; line-height:1.3!important; letter-spacing:.08em!important; text-transform:uppercase!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm .woocommerce-form-row > span, html body.divalvs-account-details-page .woocommerce-EditAccountForm .woocommerce-form-row > span em{ display:block!important; margin-top:5px!important; color:rgba(255,255,255,.78)!important; font-size:10px!important; font-weight:500!important; line-height:1.4!important; } @media(max-width:680px){ html body.divalvs-account-details-page .divalvs-account-top-title{ font-size:14px!important; line-height:20px!important; letter-spacing:.35em!important; } } /* ============================================================ DADOS DA CONTA — TWO-TILE CART-STYLE LAYOUT ------------------------------------------------------------ - INFO + PASSWORD are separate SECONDARY tiles. - Secondary-tile colour follows the same GLOBAL rule as the My Account dashboard tiles. - Page/header copy outside those coloured tiles remains black. - Copy inside coloured tiles is white; inputs remain white/black. - Input spacing is intentionally tight and consistent. ============================================================ */ html body.divalvs-account-details-page .divalvs-endpoint-header, html body.divalvs-account-details-page .divalvs-endpoint-heading-copy, html body.divalvs-account-details-page .divalvs-endpoint-kicker, html body.divalvs-account-details-page .divalvs-endpoint-title, html body.divalvs-account-details-page .divalvs-endpoint-subtitle, html body.divalvs-account-details-page .divalvs-endpoint-content, html body.divalvs-account-details-page .divalvs-endpoint-content p, html body.divalvs-account-details-page .divalvs-endpoint-content span, html body.divalvs-account-details-page .divalvs-endpoint-content em, html body.divalvs-account-details-page .divalvs-endpoint-content legend, html body.divalvs-account-details-page .divalvs-endpoint-content a, html body.divalvs-account-details-page .woocommerce-EditAccountForm, html body.divalvs-account-details-page .woocommerce-EditAccountForm p, html body.divalvs-account-details-page .woocommerce-EditAccountForm span, html body.divalvs-account-details-page .woocommerce-EditAccountForm em, html body.divalvs-account-details-page .woocommerce-EditAccountForm legend, html body.divalvs-account-details-page .woocommerce-EditAccountForm .required{ color:#171717!important; } html body.divalvs-account-details-page .divalvs-endpoint-kicker{ color:rgba(23,23,23,.68)!important; } html body.divalvs-account-details-page .divalvs-endpoint-subtitle{ color:rgba(23,23,23,.68)!important; } html body.divalvs-account-details-page .divalvs-endpoint-header{ margin-bottom:12px!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-tile-gap)!important; width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .divalvs-edit-account-section{ position:relative!important; display:block!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; border:1px solid var(--divalvs-secondary-tile-border)!important; border-radius:var(--divalvs-radius-tile)!important; /* GLOBAL secondary tile: exact My Account dashboard colour. */ background:var(--divalvs-secondary-tile-bg)!important; color:var(--divalvs-secondary-tile-color)!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-title{ display:block!important; margin:0 0 var(--divalvs-secondary-title-gap)!important; padding:0!important; color:var(--divalvs-secondary-tile-color)!important; font-family:var(--divalvs-font-family)!important; font-size:var(--divalvs-secondary-title-size)!important; font-weight:var(--divalvs-secondary-title-weight)!important; line-height:var(--divalvs-secondary-title-line-height)!important; letter-spacing:var(--divalvs-secondary-title-letter-spacing)!important; text-transform:uppercase!important; text-align:left!important; } html body.divalvs-account-details-page .divalvs-edit-account-section, html body.divalvs-account-details-page .divalvs-edit-account-section p, html body.divalvs-account-details-page .divalvs-edit-account-section span, html body.divalvs-account-details-page .divalvs-edit-account-section em, html body.divalvs-account-details-page .divalvs-edit-account-section legend, html body.divalvs-account-details-page .divalvs-edit-account-section a{ color:var(--divalvs-secondary-tile-color)!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-body{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-inner-gap)!important; width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-body .woocommerce-form-row, html body.divalvs-account-details-page .divalvs-edit-account-section-body > p{ width:100%!important; margin:0!important; padding:0!important; float:none!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-body fieldset{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-inner-gap)!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-body fieldset .woocommerce-form-row{ margin:0!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form input[type="text"], html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form input[type="email"], html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form input[type="password"]{ width:100%!important; min-height:52px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; color:#171717!important; box-shadow:none!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form input::placeholder{ color:rgba(23,23,23,.58)!important; opacity:1!important; } /* Keep legacy WooCommerce layout helpers from becoming extra flex children between INFO and PASSWORD. The visual gap is controlled only by --divalvs-secondary-tile-gap, exactly like the My Account dashboard. */ html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .clear{ display:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; } /* The display-name explanatory sentence is intentionally not shown. */ html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .woocommerce-form-row:has(#account_display_name) > span, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .woocommerce-form-row:has(#account_display_name) > em, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .woocommerce-form-row:has(#account_display_name) > small{ display:none!important; margin:0!important; padding:0!important; } /* WooCommerce display-name helper and any other copy outside inputs. */ html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .woocommerce-form-row > span, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form .woocommerce-form-row > span em, html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form em{ display:block!important; margin:4px 0 0!important; padding:0!important; color:var(--divalvs-secondary-tile-muted)!important; font-size:10px!important; font-weight:500!important; line-height:1.35!important; } html body.divalvs-account-details-page .divalvs-edit-account-save-row{ display:flex!important; align-items:center!important; justify-content:flex-end!important; min-height:52px!important; margin:0!important; padding:0!important; } html body.divalvs-account-details-page .divalvs-edit-account-save-row .divalvs-save-icon-btn, html body.divalvs-account-details-page .divalvs-edit-account-save-row button[type="submit"]{ margin:0!important; } /* Password visibility control: keep it inside the input and aligned. */ html body.divalvs-account-details-page .woocommerce-EditAccountForm .password-input{ display:block!important; position:relative!important; width:100%!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm .show-password-input{ top:50%!important; right:8px!important; transform:translateY(-50%)!important; } @media(max-width:680px){ html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form{ gap:var(--divalvs-secondary-tile-gap)!important; } html body.divalvs-account-details-page .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .divalvs-edit-account-section{ padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-title{ margin-bottom:var(--divalvs-secondary-title-gap)!important; } html body.divalvs-account-details-page .divalvs-edit-account-section-body, html body.divalvs-account-details-page .divalvs-edit-account-section-body fieldset{ gap:var(--divalvs-secondary-inner-gap)!important; } } /* ============================================================ EDIT ACCOUNT — FINAL GLOBAL SPACING NORMALIZATION ------------------------------------------------------------ Source of truth: - secondary tile stack gap: 8px - title -> first field: 3px - field -> field: 8px This block deliberately outranks old WooCommerce/legacy fieldset margins so INFO and PASSWORD have identical geometry. ============================================================ */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form{ gap:var(--divalvs-secondary-tile-gap)!important; } html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .divalvs-edit-account-section > .divalvs-edit-account-section-title{ margin:0 0 var(--divalvs-secondary-title-gap)!important; padding:0!important; font-size:var(--divalvs-secondary-title-size)!important; font-weight:var(--divalvs-secondary-title-weight)!important; line-height:var(--divalvs-secondary-title-line-height)!important; letter-spacing:var(--divalvs-secondary-title-letter-spacing)!important; } html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form > .divalvs-edit-account-section > .divalvs-edit-account-section-body{ gap:var(--divalvs-secondary-inner-gap)!important; } /* INFO rows: no legacy margins may add to the flex gap. */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-info-tile .divalvs-edit-account-section-body > .woocommerce-form-row, html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-info-tile .divalvs-edit-account-section-body > p{ margin:0!important; padding:0!important; } /* PASSWORD fieldset: neutralize ALL historical fieldset/row spacing. */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-password-tile .divalvs-edit-account-section-body > fieldset{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-inner-gap)!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-password-tile fieldset .woocommerce-form-row{ width:100%!important; margin:0!important; padding:0!important; } /* The old native legend is removed by JS. Hide it as a CSS fail-safe too. */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-password-tile fieldset > legend{ display:none!important; margin:0!important; padding:0!important; } /* Woo wrappers around password inputs must not create extra spacing. */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-password-tile .password-input{ margin:0!important; padding:0!important; } /* Save row follows the same 8px body gap after the final password field. */ html body.divalvs-account-details-page .divalvs-endpoint-content .woocommerce-EditAccountForm.divalvs-edit-account-split-form .divalvs-edit-account-password-tile .divalvs-edit-account-save-row{ margin:0!important; padding:0!important; } /* ============================================================ MY ACCOUNT — LOGOUT ICON BUTTON FINAL ------------------------------------------------------------ Same geometry as every other account icon button, with ONE intentional exception: logout.webp is rendered as a normal image instead of being punched out of the white button. ============================================================ */ html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon{ position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; max-width:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; overflow:hidden!important; background:#fff!important; box-shadow:none!important; opacity:1!important; transform:none!important; transition:none!important; animation:none!important; text-decoration:none!important; } /* No mask/cut-out on logout — this is the requested exception. */ html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon::before, html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon::after{ content:none!important; display:none!important; background:none!important; -webkit-mask:none!important; mask:none!important; } /* Natural logout.webp centred at the same 27px glyph size as the cut-out icons used by the other account buttons. */ html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon >img.divalvs-logout-icon-image{ position:static!important; display:block!important; width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; max-width:27px!important; max-height:27px!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; opacity:1!important; visibility:visible!important; filter:none!important; transform:none!important; transition:none!important; animation:none!important; pointer-events:none!important; } html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon:hover, html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon:focus, html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon:focus-visible, html body.divalvs-my-account .divalvs-logout-wrap >a.divalvs-account-icon-btn.divalvs-logout-icon:active{ background:#fff!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; outline:none!important; } /* ============================================================ PEDIDOS — ACTION ROW FINAL OVERRIDE V25 ------------------------------------------------------------ The TD is deliberately NOT used as the flex row. WooCommerce's responsive table rules also target TD display/layout. A dedicated inner wrapper guarantees all available action buttons stay on the SAME centered horizontal row on desktop, tablet and mobile. ============================================================ */ html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions{ display:block!important; width:100%!important; min-width:0!important; max-width:none!important; box-sizing:border-box!important; text-align:center!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions > .divalvs-order-action-row{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions > .divalvs-order-action-row > .button, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table__cell-order-actions > .divalvs-order-action-row > a.button{ position:relative!important; display:inline-flex!important; flex:0 0 44px!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; color:transparent!important; font-size:0!important; line-height:0!important; letter-spacing:0!important; text-indent:0!important; overflow:hidden!important; box-shadow:none!important; transform:none!important; transition:none!important; animation:none!important; } /* PAGAR + VER = standard white cut-out buttons. */ html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.pay, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.pay{ --divalvs-order-action-icon:url('icons/payment.webp'); background:transparent!important; background-image:none!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.view, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.view{ --divalvs-order-action-icon:url('icons/shopping-list.webp'); background:transparent!important; background-image:none!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.pay::before, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.pay::before, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.view::before, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.view::before{ content:""!important; position:absolute!important; inset:0!important; display:block!important; width:44px!important; height:44px!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; pointer-events:none!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-order-action-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-order-action-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; } /* CANCELAR = intentional exception: real image, NO cut-out. */ html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.cancel, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.cancel{ background:#fff url('icons/delete.webp') center/27px 27px no-repeat!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.cancel::before, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button.cancel::before{ content:none!important; display:none!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button:hover, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button:focus, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button:focus-visible, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button:active, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button:hover, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button:focus, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button:focus-visible, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > a.button:active{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; transform:none!important; transition:none!important; animation:none!important; box-shadow:none!important; outline:none!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.pay:hover, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.pay:focus, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.pay:active, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.view:hover, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.view:focus, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.view:active{ background:transparent!important; background-image:none!important; } html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.cancel:hover, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.cancel:focus, html body.divalvs-orders-page .divalvs-endpoint-content .divalvs-order-action-row > .button.cancel:active{ background:#fff url('icons/delete.webp') center/27px 27px no-repeat!important; } /* ============================================================ PEDIDOS — COMPACT THREE-ROW ORDER CARD V33 ------------------------------------------------------------ Row 1: Encomenda # / date Row 2: status / total Row 3: centered action icons ============================================================ */ html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody{ display:grid!important; gap:var(--divalvs-secondary-tile-gap)!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "order-number order-date" "order-status order-total" "order-actions order-actions"!important; align-items:stretch!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; margin:0!important; padding:0!important; border:1px solid var(--divalvs-secondary-tile-border)!important; border-radius:var(--divalvs-radius-tile)!important; background:var(--divalvs-secondary-tile-bg)!important; color:var(--divalvs-secondary-tile-color)!important; box-shadow:none!important; overflow:hidden!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:first-child, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:last-child{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; width:auto!important; min-width:0!important; min-height:58px!important; box-sizing:border-box!important; margin:0!important; padding:14px 16px!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--divalvs-secondary-tile-color)!important; font-family:var(--divalvs-font-family)!important; font-size:14px!important; font-weight:700!important; line-height:1.25!important; letter-spacing:0!important; text-align:left!important; white-space:nowrap!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td::before, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td::after{ content:none!important; display:none!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number{ grid-area:order-number!important; border-bottom:1px solid rgba(255,255,255,.12)!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date{ grid-area:order-date!important; justify-content:flex-end!important; border-bottom:1px solid rgba(255,255,255,.12)!important; text-align:right!important; text-transform:capitalize!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-status{ grid-area:order-status!important; border-bottom:1px solid rgba(255,255,255,.12)!important; text-transform:uppercase!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-total{ grid-area:order-total!important; justify-content:flex-end!important; border-bottom:1px solid rgba(255,255,255,.12)!important; text-align:right!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-actions{ grid-area:order-actions!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:72px!important; padding:14px 16px!important; text-align:center!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number a{ display:inline!important; margin:0!important; padding:0!important; color:var(--divalvs-secondary-tile-color)!important; font:inherit!important; text-decoration:none!important; white-space:nowrap!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date time{ color:inherit!important; font:inherit!important; white-space:nowrap!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-actions > .divalvs-order-action-row{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:var(--divalvs-secondary-tile-gap)!important; width:auto!important; min-width:0!important; margin:0 auto!important; padding:0!important; } @media(max-width:520px){ html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:first-child, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:last-child{ min-height:54px!important; padding:12px 14px!important; font-size:13px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-actions{ min-height:68px!important; padding:12px 14px!important; } } /* ============================================================ PEDIDOS — ORDER NUMBER + ZERO INTER-ROW SPACING V34 ------------------------------------------------------------ Keep the real order number visible and remove visual spacing between the three compact rows. Each row retains only minimal internal padding for legibility and touch safety. ============================================================ */ html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card{ row-gap:0!important; column-gap:0!important; } html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:first-child, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:last-child{ min-height:0!important; margin:0!important; padding:6px 16px!important; gap:0!important; border:0!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-status, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-total{ border-bottom:0!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date{ padding-top:10px!important; padding-bottom:3px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-status, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-total{ padding-top:3px!important; padding-bottom:5px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-actions{ min-height:0!important; padding:5px 16px 10px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number a, html body.divalvs-orders-page tr.divalvs-order-compact-card .divalvs-order-number-value{ color:var(--divalvs-secondary-tile-color)!important; opacity:1!important; visibility:visible!important; font:inherit!important; font-weight:700!important; text-decoration:none!important; white-space:nowrap!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date time, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount{ margin:0!important; padding:0!important; } @media(max-width:520px){ html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:first-child, html body.divalvs-orders-page .divalvs-endpoint-content .woocommerce-orders-table tbody tr.divalvs-order-compact-card > td:last-child{ min-height:0!important; padding-left:14px!important; padding-right:14px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-number, html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-date{ padding-top:9px!important; padding-bottom:3px!important; } html body.divalvs-orders-page tr.divalvs-order-compact-card .woocommerce-orders-table__cell-order-actions{ min-height:0!important; padding-top:5px!important; padding-bottom:9px!important; } } /* Logged-out My Account has no explanatory row. The main tile starts at the same position below the global header as the Cart main tile. */ html body.divalvs-my-account:not(.logged-in) .divalvs-account-heading{ display:none!important; } html body.divalvs-my-account:not(.logged-in) .divalvs-account-topbar{ margin-bottom:26px!important; } /* ============================================================ MY ACCOUNT > MORADAS — FINAL EDIT-ACCOUNT DESIGN ALIGNMENT ------------------------------------------------------------ The My Account dashboard/edit-account secondary tiles are the visual source of truth: - #75787d secondary surface - white title/supporting copy - white fields with dark text - 12px corners - 8px stack/field spacing ============================================================ */ /* ---------- ADDRESS OVERVIEW TILES ---------- */ html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-endpoint-content .woocommerce-Addresses{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-tile-gap)!important; width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-endpoint-content .woocommerce-Address.divalvs-address-summary-tile{ position:relative!important; isolation:isolate!important; overflow:hidden!important; display:block!important; float:none!important; width:100%!important; min-height:88px!important; box-sizing:border-box!important; margin:0!important; padding:var(--divalvs-secondary-tile-padding-y) 76px var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; border:1px solid var(--divalvs-secondary-tile-border)!important; border-radius:var(--divalvs-radius-tile)!important; background:var(--divalvs-secondary-tile-bg)!important; color:var(--divalvs-secondary-tile-color)!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .woocommerce-Address-title{ display:block!important; min-height:0!important; margin:0 0 var(--divalvs-secondary-title-gap)!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .woocommerce-Address-title h2, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .woocommerce-Address-title h3{ display:block!important; margin:0!important; padding:0!important; color:var(--divalvs-secondary-tile-color)!important; font-family:var(--divalvs-font-family)!important; font-size:var(--divalvs-secondary-title-size)!important; font-weight:var(--divalvs-secondary-title-weight)!important; line-height:var(--divalvs-secondary-title-line-height)!important; letter-spacing:var(--divalvs-secondary-title-letter-spacing)!important; text-align:left!important; text-transform:uppercase!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile address, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-summary-copy{ display:block!important; margin:0!important; padding:0!important; color:var(--divalvs-secondary-tile-muted)!important; font-family:var(--divalvs-font-family)!important; font-size:12px!important; font-weight:400!important; line-height:1.55!important; font-style:normal!important; text-align:left!important; } /* Same white cut-out geometry used by the account dashboard controls. */ html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn{ position:absolute!important; top:50%!important; right:var(--divalvs-secondary-tile-padding-x)!important; left:auto!important; display:block!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; box-sizing:border-box!important; margin:0!important; padding:0!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; overflow:hidden!important; background:transparent!important; color:transparent!important; box-shadow:none!important; text-decoration:none!important; transform:translateY(-50%)!important; transition:none!important; animation:none!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn::before{ content:""!important; position:absolute!important; inset:0!important; width:44px!important; height:44px!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; -webkit-mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-address-edit-icon) center/27px 27px no-repeat!important; -webkit-mask-composite:xor!important; mask: linear-gradient(#000 0 0) center/100% 100% no-repeat, var(--divalvs-address-edit-icon) center/27px 27px no-repeat!important; mask-composite:exclude!important; pointer-events:none!important; transform:none!important; transition:none!important; animation:none!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:hover, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:focus, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:active{ background:transparent!important; color:transparent!important; box-shadow:none!important; transform:translateY(-50%)!important; } /* ---------- ADDRESS EDIT FORM ---------- */ html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-endpoint-content .woocommerce-MyAccount-content > h2, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-endpoint-content .woocommerce-MyAccount-content > h3{ display:none!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-endpoint-content .divalvs-address-edit-form{ width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-endpoint-content .woocommerce-address-fields.divalvs-address-edit-tile{ position:relative!important; isolation:isolate!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-inner-gap)!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x) 66px!important; border:1px solid var(--divalvs-secondary-tile-border)!important; border-radius:var(--divalvs-radius-tile)!important; background:var(--divalvs-secondary-tile-bg)!important; color:var(--divalvs-secondary-tile-color)!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-edit-title{ display:block!important; margin:0 0 var(--divalvs-secondary-title-gap)!important; padding:0!important; color:var(--divalvs-secondary-tile-color)!important; font-family:var(--divalvs-font-family)!important; font-size:var(--divalvs-secondary-title-size)!important; font-weight:var(--divalvs-secondary-title-weight)!important; line-height:var(--divalvs-secondary-title-line-height)!important; letter-spacing:var(--divalvs-secondary-title-letter-spacing)!important; text-align:left!important; text-transform:uppercase!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack{ display:flex!important; flex-direction:column!important; gap:var(--divalvs-secondary-inner-gap)!important; width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack .divalvs-address-field-row, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack .form-row, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack .form-row-wide, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack .form-row-first, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-stack .form-row-last{ display:block!important; float:none!important; clear:none!important; grid-column:auto!important; width:100%!important; max-width:none!important; box-sizing:border-box!important; margin:0!important; padding:0!important; } /* Labels stay in the accessibility tree; their copy moves into the field. */ html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-field-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-input-wrapper{ display:block!important; width:100%!important; margin:0!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input[type="text"], html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input[type="email"], html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input[type="tel"], html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input[type="number"], html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields select, html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields textarea{ display:block!important; width:100%!important; min-width:0!important; min-height:52px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; color:#171717!important; font-family:var(--divalvs-font-family)!important; font-size:13px!important; font-weight:500!important; line-height:1.2!important; box-shadow:none!important; outline:none!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields textarea{ min-height:96px!important; padding-top:14px!important; padding-bottom:14px!important; resize:vertical!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input::placeholder, html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields textarea::placeholder{ color:rgba(23,23,23,.58)!important; opacity:1!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields input:focus, html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields select:focus, html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields textarea:focus{ box-shadow:0 0 0 2px rgba(255,255,255,.24)!important; } /* SelectWoo must look like the other white edit-account fields. */ html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .select2-container{ display:block!important; width:100%!important; margin:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .select2-selection--single{ min-height:52px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; color:#171717!important; box-shadow:none!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .select2-selection__rendered{ padding:0 42px 0 14px!important; color:#171717!important; font-size:13px!important; font-weight:500!important; line-height:52px!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .select2-selection__arrow{ top:13px!important; right:10px!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .divalvs-address-save-row, html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields > p:last-child{ position:absolute!important; right:var(--divalvs-secondary-tile-padding-x)!important; bottom:var(--divalvs-secondary-tile-padding-y)!important; display:block!important; width:44px!important; height:44px!important; margin:0!important; padding:0!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields .divalvs-save-icon-btn{ margin:0!important; } @media(max-width:680px){ html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-endpoint-content .woocommerce-Address.divalvs-address-summary-tile{ min-height:88px!important; padding:var(--divalvs-secondary-tile-padding-y) 76px var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x)!important; } html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:hover, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:focus, html body.divalvs-addresses-page.divalvs-address-overview-page .divalvs-address-summary-tile .divalvs-address-edit-icon-btn:active{ position:absolute!important; top:50%!important; right:var(--divalvs-secondary-tile-padding-x)!important; width:44px!important; min-width:44px!important; max-width:44px!important; transform:translateY(-50%)!important; } html body.divalvs-addresses-page.divalvs-address-edit-page .woocommerce-address-fields.divalvs-address-edit-tile{ padding:var(--divalvs-secondary-tile-padding-y) var(--divalvs-secondary-tile-padding-x) 66px!important; } } /* Address-form heading can be emitted either inside or outside the form. */ html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-edit-form > h1, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-edit-form > h2, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-edit-form > h3, html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-edit-form > h4{ display:none!important; } /* WooCommerce renders a static country value instead of a select when only one country is allowed. Treat it as the same white edit-account field. */ html body.divalvs-addresses-page.divalvs-address-edit-page .divalvs-address-static-value{ display:flex!important; align-items:center!important; width:100%!important; min-height:52px!important; box-sizing:border-box!important; margin:0!important; padding:0 14px!important; border:0!important; border-radius:var(--divalvs-radius-icon-button)!important; background:#fff!important; color:#171717!important; font-family:var(--divalvs-font-family)!important; font-size:13px!important; font-weight:500!important; line-height:1.2!important; }