.elementor-10 .elementor-element.elementor-element-54df709{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-register-container{background-color:#ffffff;padding:40px 40px 40px 40px;border-radius:1px;max-width:500px;margin-left:auto;margin-right:auto;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-register__title{color:var( --e-global-color-c245028 );font-family:"Abhaya Libre", Sans-serif;font-weight:500;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-register__subtitle{color:#666666;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-tabs__tab{color:#666666;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-tabs__tab.active{color:var( --e-global-color-a9f260c );border-color:var( --e-global-color-a9f260c );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-register-container a{color:var( --e-global-color-a9f260c );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-login-register-container a:hover{color:var( --e-global-color-c245028 );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget{--vime-primary:var( --e-global-color-6f232de );--vime-primary-dark:var( --e-global-color-6f232de );--vime-primary-light:var( --e-global-color-6f232de );--vime-secondary:var( --e-global-color-c245028 );--vime-secondary-dark:var( --e-global-color-c245028 );--vime-secondary-light:var( --e-global-color-c245028 );--vime-tertiary:#2ecc71;--vime-tertiary-dark:color-mix(in srgb, #2ecc71 80%, black);--vime-tertiary-light:color-mix(in srgb, #2ecc71 80%, white);}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-tabs__nav-wrapper{background-color:var( --e-global-color-6442723 );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account__sidebar{background-color:var( --e-global-color-6442723 );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-split-view__nav{background-color:var( --e-global-color-6442723 );}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome__avatar{display:flex;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome{background:#ff6b35;background-color:#ff6b35;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome h2{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome h2 span{color:#b8f53d !important;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome__title span{color:#b8f53d !important;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-dashboard-welcome p{color:rgba(255, 255, 255, 0.9);}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-quick-stat__icon{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-quick-stat__icon svg{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-stat-icon{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-stat-icon svg{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-quick-action__icon{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-quick-action__icon svg{fill:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="text"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="email"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="password"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="tel"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="number"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget select, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget textarea, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="text"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="email"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="password"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="tel"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="number"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content select, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content textarea{background-color:#ffffff;color:#333333;border-color:#ddd;border-radius:6px;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="text"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="email"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="password"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="tel"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="number"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget select, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="text"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="email"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="password"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="tel"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="number"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content select{padding:12px 15px 12px 15px;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget label, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .form-row label, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content label, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .form-row label{color:#333333;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget button[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .button:not(.button--secondary):not(.button--small), .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content button[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .button:not(.button--secondary):not(.button--small), .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-empty-state__button{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget button, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .button, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content button, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .button, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-empty-state__button{border-radius:6px;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget button[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .button:not(.button--small), .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content button[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .button:not(.button--small), .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content input[type="submit"], .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-empty-state__button{padding:12px 24px 12px 24px;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .button--secondary, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-my-account-widget .button.alt, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .button--secondary, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-woocommerce-content .button.alt{background-color:transparent;}.elementor-10 .elementor-element.elementor-element-da35cc7 .vime-navigation__icon, .elementor-10 .elementor-element.elementor-element-da35cc7 .vime-navigation__link i{font-size:18px;margin-right:10px;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F3EF;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-54df709{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-54df709{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for vime-my-account, class: .elementor-element-da35cc7 *//* ========================================================== ESSENZA BEAUTY — PÁGINA MINHA CONTA CSS COMPLETO ========================================================== */ /* ========================================================== 1. PROTEÇÃO CONTRA OVERFLOW ========================================================== */ html, body { max-width: 100% !important; overflow-x: hidden !important; } .vime-my-account__wrapper, .vime-my-account__wrapper *, .vime-my-account__content, .vime-my-account-dashboard, .vime-my-account__sidebar { box-sizing: border-box !important; } /* ========================================================== 2. ESTRUTURA PRINCIPAL ========================================================== */ .vime-my-account__wrapper { --essenza-marrom: #563933; --essenza-rosa: #DA9F97; --essenza-fundo: #F8F3EF; --essenza-bege: #F5ECE5; --essenza-claro: #FCF9F7; --essenza-texto: #5A3D37; --essenza-texto-suave: rgba(90, 61, 55, 0.65); --essenza-borda: rgba(86, 57, 51, 0.12); display: grid !important; grid-template-columns: 250px minmax(0, 1fr) !important; gap: clamp(24px, 3vw, 48px) !important; width: 100% !important; max-width: 1280px !important; margin: 0 auto !important; padding: 0 !important; background: #F8F3EF !important; color: #563933 !important; font-family: "Poppins", sans-serif !important; overflow: hidden !important; } /* ========================================================== 3. SIDEBAR ========================================================== */ .vime-my-account__sidebar { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: #F8F3EF !important; border: none !important; box-shadow: none !important; } /* CAIXA DO MENU */ .vime-tabs__nav-wrapper, .vime-tabs__nav-wrapper--vertical { width: 100% !important; padding: 14px !important; margin: 0 !important; background: #F8F3EF !important; border: 1px solid rgba(86, 57, 51, 0.10) !important; border-radius: 20px !important; box-shadow: none !important; overflow: hidden !important; } /* ========================================================== 4. NAVEGAÇÃO ========================================================== */ .vime-my-account__navigation, .vime-navigation, .vime-navigation--vertical { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } .vime-navigation__list { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; } /* ========================================================== 5. ITENS DO MENU ========================================================== */ .vime-navigation__item { width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; } /* LINK */ .vime-navigation__link { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 52px !important; gap: 12px !important; padding: 12px 14px !important; background: transparent !important; color: #563933 !important; border: none !important; border-radius: 12px !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.4 !important; text-decoration: none !important; transition: background-color .3s ease, color .3s ease, transform .3s ease !important; } /* HOVER */ .vime-navigation__link:hover { background: rgba(255, 255, 255, 0.55) !important; color: #563933 !important; transform: translateX(2px) !important; } /* ========================================================== 6. ITEM ATIVO ========================================================== */ .vime-navigation__item--active { background: transparent !important; } .vime-navigation__item--active .vime-navigation__link, .vime-navigation__link--active, .vime-navigation__link[aria-current="page"] { background: #FFFFFF !important; color: #563933 !important; border: none !important; box-shadow: 0 4px 18px rgba(86, 57, 51, 0.04) !important; transform: none !important; } .vime-navigation__item--active .vime-navigation__link:hover, .vime-navigation__link--active:hover, .vime-navigation__link[aria-current="page"]:hover { background: #FFFFFF !important; color: #563933 !important; transform: none !important; } /* BARRINHA ROSA */ .vime-navigation__item--active .vime-navigation__link::before, .vime-navigation__link--active::before, .vime-navigation__link[aria-current="page"]::before { content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important; width: 3px !important; height: 24px !important; background: #DA9F97 !important; border-radius: 0 5px 5px 0 !important; transform: translateY(-50%) !important; } /* ========================================================== 7. ÍCONES MENU ========================================================== */ .vime-navigation__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; color: #806D68 !important; } .vime-navigation__icon svg { display: block !important; width: 16px !important; height: 16px !important; fill: currentColor !important; } .vime-navigation__item--active .vime-navigation__icon, .vime-navigation__link--active .vime-navigation__icon { color: #563933 !important; } /* LABEL */ .vime-navigation__label { flex: 1 !important; color: inherit !important; font-family: "Poppins", sans-serif !important; font-weight: 400 !important; } .vime-navigation__item--active .vime-navigation__label, .vime-navigation__link--active .vime-navigation__label { font-weight: 500 !important; } /* ========================================================== 8. BADGE PEDIDOS ========================================================== */ .vime-badge, .vime-badge--count, .vime-badge--orders { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 22px !important; height: 22px !important; padding: 0 6px !important; background: #DA9F97 !important; color: #FFFFFF !important; border: none !important; border-radius: 30px !important; box-shadow: none !important; font-size: 10px !important; font-weight: 500 !important; } /* ========================================================== 9. BOTÃO SAIR ========================================================== */ .vime-navigation__item:last-child { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid rgba(86, 57, 51, 0.10) !important; } /* ========================================================== 10. CONTEÚDO PRINCIPAL ========================================================== */ .vime-my-account__content { width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; overflow: hidden !important; } .vime-my-account-dashboard { width: 100% !important; max-width: 100% !important; background: transparent !important; } /* ========================================================== 11. ESTATÍSTICAS ========================================================== */ .vime-dashboard-quick-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; margin: 0 0 28px !important; } .vime-quick-stat { display: flex !important; align-items: center !important; min-width: 0 !important; min-height: 110px !important; gap: 16px !important; padding: 22px !important; background: #FFFFFF !important; border: 1px solid rgba(86, 57, 51, 0.10) !important; border-radius: 18px !important; box-shadow: none !important; overflow: hidden !important; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important; } .vime-quick-stat:hover { transform: translateY(-3px) !important; border-color: rgba(218, 159, 151, 0.45) !important; box-shadow: 0 10px 30px rgba(86, 57, 51, 0.06) !important; } /* ÍCONE */ .vime-quick-stat__icon, .vime-quick-stat__icon--primary, .vime-quick-stat__icon--warning { display: flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; height: 50px !important; flex: 0 0 50px !important; background: #F5ECE5 !important; color: #563933 !important; border-radius: 50% !important; font-size: 20px !important; } /* CONTEÚDO */ .vime-quick-stat__content { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important; } .vime-quick-stat__value { color: #563933 !important; font-family: "Abhaya Libre", "Abhaya Libre Medium", serif !important; font-size: clamp(27px, 2.3vw, 34px) !important; font-weight: 500 !important; line-height: 1 !important; } .vime-quick-stat__label { color: rgba(90, 61, 55, 0.65) !important; font-size: 12px !important; font-weight: 400 !important; } /* ========================================================== 12. SEÇÕES ========================================================== */ .vime-dashboard-section { width: 100% !important; margin: 0 0 28px !important; padding: clamp(18px, 2vw, 26px) !important; background: #FFFFFF !important; border: 1px solid rgba(86, 57, 51, 0.10) !important; border-radius: 18px !important; box-shadow: none !important; } /* HEADER */ .vime-dashboard-section__header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-bottom: 20px !important; padding-bottom: 16px !important; border-bottom: 1px solid rgba(86, 57, 51, 0.10) !important; } /* TÍTULO */ .vime-dashboard-section__title { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 !important; color: #563933 !important; font-family: "Abhaya Libre", "Abhaya Libre Medium", serif !important; font-size: clamp(20px, 2vw, 26px) !important; font-weight: 500 !important; line-height: 1.2 !important; } .vime-dashboard-section__title i { color: #DA9F97 !important; font-size: 17px !important; } /* VER TODOS */ .vime-dashboard-section__link { display: inline-flex !important; align-items: center !important; gap: 7px !important; color: #563933 !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; text-decoration: none !important; letter-spacing: .4px !important; transition: color .3s ease !important; } .vime-dashboard-section__link:hover { color: #DA9F97 !important; } /* ========================================================== 13. PEDIDOS RECENTES ========================================================== */ .vime-orders-compact { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; } .vime-order-compact { display: grid !important; grid-template-columns: minmax(150px, 1.5fr) minmax(60px, .6fr) minmax(90px, .6fr) !important; align-items: center !important; width: 100% !important; min-width: 0 !important; gap: 16px !important; padding: 14px !important; background: #FCF9F7 !important; color: #563933 !important; border: 1px solid transparent !important; border-radius: 12px !important; text-decoration: none !important; transition: background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .vime-order-compact:hover { background: #FFFFFF !important; border-color: rgba(218, 159, 151, 0.45) !important; transform: translateY(-2px) !important; } /* INFORMAÇÕES */ .vime-order-compact__info { min-width: 0 !important; } .vime-order-compact__header { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 5px 12px !important; } .vime-order-compact__number { color: #563933 !important; font-size: 12px !important; } .vime-order-compact__number strong { color: #563933 !important; font-weight: 600 !important; } .vime-order-compact__date { color: rgba(90, 61, 55, 0.60) !important; font-size: 10px !important; } /* STATUS */ .vime-order-compact__meta { margin-top: 6px !important; } .vime-order-status { display: inline-flex !important; align-items: center !important; width: fit-content !important; padding: 4px 9px !important; background: #F5ECE5 !important; color: #563933 !important; border-radius: 30px !important; font-size: 9px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .3px !important; } /* ========================================================== 14. IMAGENS DOS PEDIDOS ========================================================== */ .vime-order-compact__products { display: flex !important; align-items: center !important; gap: 4px !important; min-width: 0 !important; } .vime-order-compact__thumb { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; background: #FFFFFF !important; border-radius: 8px !important; overflow: hidden !important; } .vime-order-compact__thumb img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover !important; border-radius: inherit !important; } /* ========================================================== 15. TOTAL DO PEDIDO ========================================================== */ .vime-order-compact__total { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 2px !important; } .vime-order-compact__total-label { color: rgba(90, 61, 55, 0.60) !important; font-size: 9px !important; text-transform: uppercase !important; } .vime-order-compact__total-value { color: #563933 !important; font-size: 14px !important; font-weight: 600 !important; } /* ========================================================== 16. AÇÕES RÁPIDAS ========================================================== */ .vime-quick-actions { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; } .vime-quick-action { display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 86px !important; gap: 12px !important; padding: 14px !important; background: #FFFFFF !important; color: #563933 !important; border: 1px solid rgba(86, 57, 51, 0.12) !important; border-radius: 14px !important; text-decoration: none !important; transition: background-color .3s ease, border-color .3s ease, transform .3s ease !important; } .vime-quick-action:hover { background: #FCF9F7 !important; border-color: rgba(218, 159, 151, 0.45) !important; transform: translateY(-3px) !important; } /* ÍCONE */ .vime-quick-action__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; flex: 0 0 42px !important; background: #F5ECE5 !important; color: #563933 !important; border-radius: 50% !important; font-size: 16px !important; } /* TEXTO */ .vime-quick-action__content { display: flex !important; flex-direction: column !important; min-width: 0 !important; gap: 2px !important; } .vime-quick-action__title { color: #563933 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.35 !important; } .vime-quick-action__desc { color: rgba(90, 61, 55, 0.62) !important; font-size: 9px !important; font-weight: 400 !important; line-height: 1.4 !important; } /* SETA */ .vime-quick-action__arrow { margin-left: auto !important; color: #DA9F97 !important; font-size: 10px !important; transition: transform .3s ease !important; } .vime-quick-action:hover .vime-quick-action__arrow { transform: translateX(3px) !important; } /* ========================================================== 17. FORMULÁRIOS MINHA CONTA / ENDEREÇOS / SENHA ========================================================== */ .vime-my-account__content input[type="text"], .vime-my-account__content input[type="email"], .vime-my-account__content input[type="tel"], .vime-my-account__content input[type="password"], .vime-my-account__content input[type="number"], .vime-my-account__content select, .vime-my-account__content textarea { width: 100% !important; min-height: 48px !important; padding: 11px 14px !important; background: #FFFFFF !important; color: #563933 !important; border: 1px solid rgba(86, 57, 51, 0.15) !important; border-radius: 10px !important; outline: none !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 12px !important; transition: border-color .3s ease, box-shadow .3s ease !important; } /* FOCO */ .vime-my-account__content input[type="text"]:focus, .vime-my-account__content input[type="email"]:focus, .vime-my-account__content input[type="tel"]:focus, .vime-my-account__content input[type="password"]:focus, .vime-my-account__content input[type="number"]:focus, .vime-my-account__content select:focus, .vime-my-account__content textarea:focus { background: #FFFFFF !important; color: #563933 !important; border-color: #DA9F97 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(218, 159, 151, 0.10) !important; } /* ========================================================== 18. REMOVE AZUL DO AUTOFILL DO CHROME ========================================================== */ .vime-my-account__content input:-webkit-autofill, .vime-my-account__content input:-webkit-autofill:hover, .vime-my-account__content input:-webkit-autofill:focus, .vime-my-account__content input:-webkit-autofill:active { -webkit-text-fill-color: #563933 !important; -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; box-shadow: 0 0 0 1000px #FFFFFF inset !important; caret-color: #563933 !important; transition: background-color 9999s ease-out 0s !important; } /* LABELS */ .vime-my-account__content label { color: #563933 !important; font-family: "Poppins", sans-serif !important; font-size: 11px !important; font-weight: 500 !important; } /* ========================================================== 19. BOTÕES ========================================================== */ .vime-my-account__content button, .vime-my-account__content .button, .vime-my-account__content a.button, .vime-my-account__content .woocommerce-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 10px 22px !important; background: #563933 !important; color: #FFFFFF !important; border: 1px solid #563933 !important; border-radius: 30px !important; box-shadow: none !important; font-family: "Poppins", sans-serif !important; font-size: 10px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .4px !important; text-decoration: none !important; transition: background-color .3s ease, color .3s ease, transform .3s ease !important; } .vime-my-account__content button:hover, .vime-my-account__content .button:hover, .vime-my-account__content a.button:hover, .vime-my-account__content .woocommerce-button:hover { background: transparent !important; color: #563933 !important; transform: translateY(-2px) !important; } /* ========================================================== 20. LINKS ========================================================== */ .vime-my-account__content a:not(.button):not(.vime-order-compact):not(.vime-quick-action) { color: #563933; } /* ========================================================== 21. TABLET ========================================================== */ @media (max-width: 1024px) { .vime-my-account__wrapper { grid-template-columns: 210px minmax(0, 1fr) !important; gap: 20px !important; } .vime-quick-actions { grid-template-columns: 1fr !important; } .vime-quick-action { min-height: 74px !important; } } /* ========================================================== 22. MOBILE ========================================================== */ @media (max-width: 767px) { .vime-my-account__wrapper { display: block !important; width: 100% !important; padding: 0 !important; background: #F8F3EF !important; overflow: hidden !important; } /* SIDEBAR */ .vime-my-account__sidebar { width: 100% !important; margin-bottom: 20px !important; background: #F8F3EF !important; overflow: hidden !important; } /* MENU HORIZONTAL */ .vime-tabs__nav-wrapper, .vime-tabs__nav-wrapper--vertical { width: 100% !important; padding: 8px !important; background: #F8F3EF !important; border-radius: 14px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .vime-tabs__nav-wrapper::-webkit-scrollbar, .vime-tabs__nav-wrapper--vertical::-webkit-scrollbar { display: none !important; } .vime-navigation__list { display: flex !important; flex-direction: row !important; width: max-content !important; gap: 6px !important; } .vime-navigation__item { width: auto !important; flex: 0 0 auto !important; } .vime-navigation__item:last-child { margin: 0 !important; padding: 0 !important; border: none !important; } .vime-navigation__link { width: auto !important; min-height: 42px !important; gap: 7px !important; padding: 9px 12px !important; font-size: 10px !important; white-space: nowrap !important; } /* ITEM ATIVO MOBILE */ .vime-navigation__item--active .vime-navigation__link, .vime-navigation__link--active, .vime-navigation__link[aria-current="page"] { background: #FFFFFF !important; color: #563933 !important; } .vime-navigation__item--active .vime-navigation__link::before, .vime-navigation__link--active::before, .vime-navigation__link[aria-current="page"]::before { display: none !important; } /* ÍCONES */ .vime-navigation__icon { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; } .vime-navigation__icon svg { width: 13px !important; height: 13px !important; } /* ESTATÍSTICAS */ .vime-dashboard-quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin-bottom: 18px !important; } .vime-quick-stat { min-height: 88px !important; gap: 10px !important; padding: 12px !important; border-radius: 13px !important; } .vime-quick-stat__icon, .vime-quick-stat__icon--primary, .vime-quick-stat__icon--warning { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; font-size: 15px !important; } .vime-quick-stat__value { font-size: 24px !important; } .vime-quick-stat__label { font-size: 9px !important; } /* SEÇÕES */ .vime-dashboard-section { margin-bottom: 18px !important; padding: 14px !important; border-radius: 14px !important; } .vime-dashboard-section__header { margin-bottom: 14px !important; padding-bottom: 12px !important; } .vime-dashboard-section__title { font-size: 19px !important; } .vime-dashboard-section__link { font-size: 9px !important; } /* PEDIDOS */ .vime-order-compact { grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; padding: 12px !important; } .vime-order-compact__products { grid-column: 1 !important; grid-row: 2 !important; } .vime-order-compact__total { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: center !important; } .vime-order-compact__thumb { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; } .vime-order-compact__total-value { font-size: 12px !important; } /* AÇÕES */ .vime-quick-actions { grid-template-columns: 1fr !important; gap: 8px !important; } .vime-quick-action { min-height: 70px !important; padding: 11px !important; border-radius: 11px !important; } .vime-quick-action__icon { width: 38px !important; height: 38px !important; flex: 0 0 38px !important; } } /* ========================================================== 23. MOBILE PEQUENO ========================================================== */ @media (max-width: 480px) { .vime-dashboard-quick-stats { gap: 6px !important; } .vime-quick-stat { padding: 10px !important; } .vime-quick-stat__icon, .vime-quick-stat__icon--primary, .vime-quick-stat__icon--warning { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; } .vime-quick-stat__value { font-size: 21px !important; } .vime-navigation__label { font-size: 9px !important; } } .vime-my-account--tabs-vertical { buffered-rendering: var(--vime-background); border-radius: var(--vime-radius-lg); overflow: hidden; background: transparent !important; }/* End custom CSS */