/* ========================================================================== Loja dos Brinquedos — main.css Sistema de design v1.1 · "A peça que faltava." 1. Tokens 2. Base 3. Utilitários 4. Botões/badges 5. Cabeçalho 6. Gavetas 7. Home 8. Cartões de produto 9. Loja/arquivo 10. Ficha 11. Carrinho/checkout/conta 12. Blog/páginas 13. Rodapé 14. Formulários 15. Elementor 16. Movimento reduzido/print ========================================================================== */ /* 1. Tokens --------------------------------------------------------------- */ :root { --ldb-cosmos: #0F0A1F; --ldb-cosmos-2: #1A1230; --ldb-cosmos-line: #372458; --ldb-violet: #3D2470; --ldb-violet-2: #52359A; --ldb-violet-soft: #EEE9F8; --ldb-magenta: #E0216A; --ldb-magenta-dark: #B8144F; --ldb-amber: #FFB627; --ldb-paper: #F8F7FC; --ldb-white: #FFFFFF; --ldb-ink: #161022; --ldb-muted: #5C5668; --ldb-soft: #C9BEE6; --ldb-dim: #8577A8; --ldb-line: #E4DFF0; --ldb-sale: #C4213A; --ldb-ok: #1B7A4B; --ldb-font-brand: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif; --ldb-font-ui: 'Baloo 2', system-ui, -apple-system, 'Segoe UI', sans-serif; --ldb-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --ldb-radius: 8px; --ldb-radius-lg: 14px; --ldb-gutter: 24px; --ldb-pad: 40px; --ldb-max: 1200px; --ldb-shadow: 0 1px 2px rgba(22, 16, 34, .06), 0 8px 24px rgba(22, 16, 34, .06); --ldb-shadow-lg: 0 20px 50px rgba(15, 10, 31, .28); --ldb-header-h: 72px; --fr: var(--ldb-violet); --fr-bg: var(--ldb-violet); --fr-fg: #fff; } @media (max-width: 767px) { :root { --ldb-pad: 16px; --ldb-gutter: 16px; --ldb-header-h: 60px; } } /* 2. Base ----------------------------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--ldb-header-h) + 60px); } body { margin: 0; background: var(--ldb-paper); color: var(--ldb-ink); font-family: var(--ldb-font-ui); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; } body.ldb-lock { overflow: hidden; } img, svg, video { max-width: 100%; height: auto; } svg.ldb-icon { flex: none; vertical-align: middle; } a { color: var(--ldb-violet); text-decoration-thickness: 1px; text-underline-offset: 3px; } a:hover { color: var(--ldb-violet-2); } h1, h2, h3, h4, h5, h6 { font-family: var(--ldb-font-brand); font-weight: 700; color: var(--ldb-ink); line-height: 1.15; letter-spacing: -.01em; margin: 0 0 .5em; } h1 { font-size: clamp(1.9rem, 1.4rem + 2vw, 2.6rem); } h2 { font-size: clamp(1.45rem, 1.2rem + 1vw, 1.8rem); } h3 { font-size: 1.2rem; } p { margin: 0 0 1em; } hr { border: 0; border-top: 1px solid var(--ldb-line); margin: 2em 0; } table { border-collapse: collapse; width: 100%; } th, td { padding: 10px 12px; border-bottom: 1px solid var(--ldb-line); text-align: left; vertical-align: top; } th { font-weight: 600; } blockquote { margin: 1.5em 0; padding: .2em 0 .2em 1.2em; border-left: 3px solid var(--ldb-violet); color: var(--ldb-muted); } code, kbd, pre { font-family: var(--ldb-font-mono); font-size: .9em; } mark.ldb-token { background: #FFF1CF; color: var(--ldb-ink); padding: 0 .25em; border-radius: 3px; font-family: var(--ldb-font-mono); font-size: .85em; } ::selection { background: var(--ldb-violet); color: #fff; } :focus { outline: none; } :focus-visible { outline: 3px solid var(--ldb-violet); outline-offset: 2px; border-radius: 4px; } .ldb-footer :focus-visible, .ldb-hero :focus-visible, .ldb-finder-wrap :focus-visible, .ldb-newsletter :focus-visible, .ldb-topbar :focus-visible { outline-color: var(--ldb-amber); } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link:focus { clip: auto; clip-path: none; height: auto; width: auto; z-index: 100000; top: 8px; left: 8px; background: var(--ldb-white); color: var(--ldb-ink); padding: 12px 18px; border-radius: var(--ldb-radius); box-shadow: var(--ldb-shadow); } .ldb-main { display: block; min-height: 50vh; } .ldb-main:focus { outline: 0; } /* 3. Utilitários ---------------------------------------------------------- */ .ldb-container { width: 100%; max-width: calc(var(--ldb-max) + var(--ldb-pad) * 2); margin: 0 auto; padding: 0 var(--ldb-pad); } .ldb-section { padding: 56px 0; } .ldb-section--tight { padding: 32px 0; } .ldb-section--white { background: var(--ldb-white); } .ldb-section--dark { background: var(--ldb-cosmos); color: var(--ldb-soft); } .ldb-section--dark h2, .ldb-section--dark h3 { color: #fff; } .ldb-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; } .ldb-section__title { margin: 0; } .ldb-kicker { font-family: var(--ldb-font-mono); font-weight: 500; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ldb-violet); margin: 0 0 6px; } .ldb-kicker--light { color: var(--ldb-soft); } .brand-voice { font-family: var(--ldb-font-brand); font-weight: 700; } .ldb-link-arrow { display: inline-flex; align-items: center; gap: 6px; font-family: var(--ldb-font-brand); font-weight: 700; font-size: .9rem; color: var(--ldb-violet); text-decoration: none; } .ldb-link-arrow:hover { gap: 10px; } .ldb-empty { padding: 32px; background: var(--ldb-white); border: 1px dashed var(--ldb-line); border-radius: var(--ldb-radius-lg); text-align: center; color: var(--ldb-muted); } .ldb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .ldb-editor-note { background: #FFF6E0; border: 1px solid #F2D48A; border-left: 4px solid var(--ldb-amber); padding: 12px 16px; border-radius: var(--ldb-radius); margin: 0 0 1.5em; color: var(--ldb-ink); font-size: .92rem; } .ldb-callnote { color: var(--ldb-dim); font-size: .78em; display: block; } .ldb-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--ldb-gutter); } @media (max-width: 1023px) { .ldb-hide-md { display: none !important; } } @media (max-width: 767px) { .ldb-hide-sm { display: none !important; } .ldb-grid-2 { grid-template-columns: 1fr; } } /* 4. Botões e badges ------------------------------------------------------ */ .ldb-btn, .button, button.button, a.button, input.button, .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 20px; font-family: var(--ldb-font-brand); font-weight: 700; font-size: .9rem; line-height: 1.2; letter-spacing: 0; color: var(--ldb-violet); background: transparent; border: 1.5px solid var(--ldb-violet); border-radius: var(--ldb-radius); text-decoration: none; cursor: pointer; transition: background .15s, color .15s, border-color .15s, transform .15s; } .ldb-btn:hover, .button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--ldb-violet); color: #fff; border-color: var(--ldb-violet); } .ldb-btn--primary, .woocommerce .single_add_to_cart_button, .woocommerce a.checkout-button, .woocommerce #place_order, .woocommerce button.button.alt, .woocommerce a.button.alt { background: var(--ldb-magenta); border-color: var(--ldb-magenta); color: #fff; } .ldb-btn--primary:hover, .woocommerce .single_add_to_cart_button:hover, .woocommerce a.checkout-button:hover, .woocommerce #place_order:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; } .ldb-btn--violet { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; } .ldb-btn--violet:hover { background: var(--ldb-cosmos); border-color: var(--ldb-cosmos); color: #fff; } .ldb-btn--ghost { border-color: rgba(255, 255, 255, .5); color: #fff; } .ldb-btn--ghost:hover { background: #fff; color: var(--ldb-cosmos); border-color: #fff; } .ldb-btn--light { background: #fff; color: var(--ldb-cosmos); border-color: #fff; } .ldb-btn--light:hover { background: var(--ldb-amber); border-color: var(--ldb-amber); color: var(--ldb-ink); } .ldb-btn--sm { min-height: 38px; padding: 7px 14px; font-size: .84rem; } .ldb-btn--block { width: 100%; } .button.disabled, .button:disabled, .button[disabled] { opacity: .5; cursor: not-allowed; } .button.loading { position: relative; color: transparent !important; } .button.loading::after { content: ''; position: absolute; width: 18px; height: 18px; border: 2px solid currentColor; border-color: #fff #fff transparent transparent; border-radius: 50%; animation: ldb-spin .7s linear infinite; } .ldb-btn--primary.loading::after, .single_add_to_cart_button.loading::after { border-color: #fff #fff transparent transparent; } .add_to_cart_button.loading::after { border-color: var(--ldb-violet) var(--ldb-violet) transparent transparent; } @keyframes ldb-spin { to { transform: rotate(360deg); } } .ldb-badge { display: inline-flex; align-items: center; gap: 4px; font-family: var(--ldb-font-ui); font-weight: 700; font-size: .68rem; line-height: 1; letter-spacing: .06em; text-transform: uppercase; padding: 5px 8px; border-radius: 4px; background: var(--ldb-violet-soft); color: var(--ldb-violet); } .ldb-badge--new, .ldb-badge--preorder, .ldb-preorder .ldb-badge { background: var(--ldb-amber); color: var(--ldb-ink); } .ldb-badge--sale { background: var(--ldb-sale); color: #fff; } .ldb-badge--out { background: var(--ldb-ink); color: #fff; } .ldb-fr { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; line-height: 1; padding: 5px 8px; border-radius: 4px; background: var(--fr-bg); color: var(--fr-fg); text-decoration: none; } a.ldb-fr:hover { color: var(--fr-fg); filter: brightness(1.08); } .ldb-fr-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--fr); flex: none; } .ldb-official { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--ldb-ok); } .ldb-stars { --r: 0; position: relative; display: inline-block; width: 5.4em; height: 1em; font-size: .9rem; line-height: 1; } .ldb-stars::before, .ldb-stars::after { content: '★★★★★'; position: absolute; inset: 0; letter-spacing: .08em; } .ldb-stars::before { color: var(--ldb-line); } .ldb-stars::after { color: var(--ldb-amber); width: calc(var(--r) / 5 * 100%); overflow: hidden; white-space: nowrap; } /* 5. Cabeçalho ------------------------------------------------------------ */ .ldb-topbar { background: var(--ldb-cosmos); color: var(--ldb-soft); font-size: .84rem; } .ldb-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; } .ldb-topbar__promise { margin: 0; display: flex; align-items: center; gap: 8px; color: #fff; } .ldb-topbar__promise svg { color: var(--ldb-amber); } .ldb-topbar__nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; } .ldb-topbar__nav a { color: var(--ldb-soft); text-decoration: none; display: inline-flex; gap: 6px; align-items: center; } .ldb-topbar__nav a:hover { color: #fff; } @media (max-width: 767px) { .ldb-topbar__nav { display: none; } .ldb-topbar__inner { justify-content: center; } .ldb-topbar { font-size: .8rem; } } .ldb-fsbar-slot { background: var(--ldb-violet-soft); } .ldb-fsbar-slot .ldb-fsbar[hidden] { display: none; } .ldb-fsbar { display: flex; align-items: center; gap: 16px; padding: 8px 0; font-size: .88rem; } .ldb-fsbar__msg { margin: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--ldb-ink); } .ldb-fsbar__msg svg { color: var(--ldb-violet); } .ldb-fsbar__track { flex: 1; height: 6px; border-radius: 6px; background: rgba(61, 36, 112, .15); overflow: hidden; min-width: 80px; } .ldb-fsbar__track span { display: block; height: 100%; background: var(--ldb-violet); border-radius: 6px; transition: width .4s ease; } .ldb-fsbar.is-done .ldb-fsbar__track span { background: var(--ldb-ok); } @media (max-width: 767px) { .ldb-fsbar { flex-direction: column; align-items: stretch; gap: 6px; } .ldb-fsbar__msg { white-space: normal; } } .ldb-header { position: sticky; top: 0; z-index: 50; background: var(--ldb-white); border-bottom: 1px solid var(--ldb-line); } .admin-bar .ldb-header { top: 32px; } @media (max-width: 782px) { .admin-bar .ldb-header { top: 0; } } .ldb-header.is-scrolled { box-shadow: 0 6px 20px rgba(22, 16, 34, .08); } .ldb-header__main { display: flex; align-items: center; gap: 24px; min-height: var(--ldb-header-h); } .ldb-header__logo { flex: none; } .ldb-header__search { flex: 1; max-width: 640px; } .ldb-header__actions { display: flex; align-items: center; gap: 4px; margin-left: auto; } .ldb-header .ldb-header__burger, .ldb-header .ldb-header__search-toggle { display: none; } .ldb-logo { font-family: var(--ldb-font-brand); font-weight: 700; font-size: 1.45rem; letter-spacing: -.02em; line-height: 1; text-decoration: none; color: var(--ldb-ink); white-space: nowrap; display: inline-block; padding: 4px 0; } .ldb-logo__b { color: var(--ldb-magenta); } .ldb-logo--light { color: #fff; } .ldb-logo:hover { color: inherit; } .ldb-logo--light:hover { color: #fff; } .custom-logo { max-height: 52px; width: auto; } .ldb-iconbtn { position: relative; display: inline-flex; align-items: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 6px 10px; border: 0; border-radius: var(--ldb-radius); background: none; color: var(--ldb-ink); cursor: pointer; text-decoration: none; font: inherit; font-weight: 600; font-size: .88rem; } .ldb-iconbtn:hover { background: var(--ldb-violet-soft); color: var(--ldb-violet); } .ldb-iconbtn__label { white-space: nowrap; } .ldb-cart-count { position: absolute; top: 2px; left: 26px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ldb-violet); color: #fff; font-size: .7rem; font-weight: 700; line-height: 18px; text-align: center; } .ldb-cart-count[data-count="0"] { background: var(--ldb-line); color: var(--ldb-muted); } .ldb-search { display: flex; align-items: stretch; height: 46px; background: var(--ldb-paper); border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); overflow: hidden; transition: border-color .15s; } .ldb-search:focus-within { border-color: var(--ldb-violet); } .ldb-search__cat { flex: none; max-width: 150px; border: 0; border-right: 1px solid var(--ldb-line); background: transparent; padding: 0 28px 0 12px; font: inherit; font-size: .88rem; font-weight: 600; color: var(--ldb-ink); appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C5668' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; cursor: pointer; } .ldb-search__input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 14px; font: inherit; font-size: .95rem; color: var(--ldb-ink); } .ldb-search__input::placeholder { color: var(--ldb-muted); opacity: .8; } .ldb-search__btn { flex: none; width: 52px; border: 0; background: var(--ldb-cosmos); color: #fff; cursor: pointer; display: grid; place-items: center; } .ldb-search__btn:hover { background: var(--ldb-violet); } .ldb-search__input:focus-visible, .ldb-search__cat:focus-visible { outline: none; } .ldb-header__nav { border-top: 1px solid var(--ldb-line); } .ldb-header__nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; } .ldb-menu { list-style: none; margin: 0; padding: 0; } .ldb-menu--desktop { display: flex; align-items: center; gap: 4px; } .ldb-menu--desktop > li { position: relative; } .ldb-menu--desktop > li > a { display: flex; align-items: center; gap: 4px; padding: 14px 12px; font-family: var(--ldb-font-brand); font-weight: 500; font-size: .95rem; color: var(--ldb-ink); text-decoration: none; border-radius: 6px; } .ldb-menu--desktop > li > a:hover, .ldb-menu--desktop > li.current-menu-item > a, .ldb-menu--desktop > li:focus-within > a { color: var(--ldb-violet); } .ldb-menu--desktop > li.current-menu-item > a { box-shadow: inset 0 -2px 0 var(--ldb-violet); border-radius: 0; } .ldb-menu--desktop > .menu-item-has-children > a::after { content: ''; width: 8px; height: 8px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg) translateY(-3px); margin-left: 4px; } .ldb-menu--desktop .sub-menu { list-style: none; margin: 0; padding: 8px; position: absolute; top: 100%; left: 0; min-width: 230px; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); box-shadow: var(--ldb-shadow); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .15s; z-index: 60; } .ldb-menu--desktop li:hover > .sub-menu, .ldb-menu--desktop li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .ldb-menu--desktop .sub-menu a { display: block; padding: 9px 12px; border-radius: 6px; color: var(--ldb-ink); text-decoration: none; font-weight: 600; font-size: .92rem; } .ldb-menu--desktop .sub-menu a:hover { background: var(--ldb-violet-soft); color: var(--ldb-violet); } .ldb-header__cta { flex: none; } .ldb-header__msearch { padding: 10px 0 12px; border-top: 1px solid var(--ldb-line); } .ldb-header__msearch[hidden] { display: none; } @media (max-width: 1023px) { .ldb-header__nav { display: none; } .ldb-header .ldb-header__burger, .ldb-header .ldb-header__search-toggle { display: inline-flex; } .ldb-header__search { display: none; } .ldb-header__main { gap: 8px; } .ldb-iconbtn__label { display: none; } .ldb-header__logo { margin-right: auto; } } @media (max-width: 767px) { .ldb-logo { font-size: 1.2rem; } .ldb-search__cat { max-width: 96px; } } /* 6. Gavetas (menu, carrinho, filtros), overlay e toast -------------------- */ .ldb-overlay { position: fixed; inset: 0; background: rgba(15, 10, 31, .55); z-index: 90; opacity: 0; transition: opacity .2s; } .ldb-overlay.is-open { opacity: 1; } .ldb-overlay[hidden] { display: none; } .ldb-drawer { position: fixed; top: 0; bottom: 0; z-index: 100; width: min(420px, 92vw); background: #fff; display: flex; flex-direction: column; box-shadow: var(--ldb-shadow-lg); transition: transform .25s ease; } .ldb-drawer[hidden] { display: none; } .ldb-drawer--right { right: 0; transform: translateX(100%); } .ldb-drawer--left { left: 0; transform: translateX(-100%); } .ldb-drawer.is-open { transform: none; } .ldb-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 14px 20px; border-bottom: 1px solid var(--ldb-line); } .ldb-drawer__head h2 { font-size: 1.2rem; margin: 0; } .ldb-drawer__fs { padding: 0 20px; background: var(--ldb-violet-soft); } .ldb-drawer__fs .ldb-fsbar { flex-direction: column; align-items: stretch; gap: 6px; padding: 12px 0; } .ldb-drawer__fs .ldb-fsbar[hidden] { display: none; } .ldb-drawer__body { flex: 1; overflow-y: auto; padding: 16px 20px 24px; overscroll-behavior: contain; } .ldb-mnav .ldb-menu > li { border-bottom: 1px solid var(--ldb-line); } .ldb-mnav .ldb-menu a { display: block; padding: 14px 4px; font-family: var(--ldb-font-brand); font-weight: 700; font-size: 1.05rem; color: var(--ldb-ink); text-decoration: none; } .ldb-mnav .sub-menu { list-style: none; margin: 0 0 12px; padding: 0 0 0 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; } .ldb-mnav .sub-menu a { font-family: var(--ldb-font-ui); font-weight: 600; font-size: .95rem; padding: 8px 4px; color: var(--ldb-muted); } .ldb-mnav__extra { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 4px; } .ldb-mnav__extra a { display: flex; align-items: center; gap: 10px; padding: 10px 4px; color: var(--ldb-ink); text-decoration: none; font-weight: 600; } .widget_shopping_cart_content .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0; } .woocommerce-mini-cart-item { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 4px 12px; padding: 14px 28px 14px 0; border-bottom: 1px solid var(--ldb-line); font-size: .92rem; } .woocommerce-mini-cart-item a:not(.remove) { display: contents; color: var(--ldb-ink); font-weight: 600; text-decoration: none; } .woocommerce-mini-cart-item img { grid-row: span 3; width: 64px; height: 64px; object-fit: cover; border-radius: 6px; background: var(--ldb-paper); margin: 0 !important; } .woocommerce-mini-cart-item .quantity { color: var(--ldb-muted); grid-column: 2; } .woocommerce-mini-cart-item .variation { grid-column: 2; margin: 0; font-size: .8rem; color: var(--ldb-muted); display: grid; grid-template-columns: auto 1fr; gap: 0 6px; } .woocommerce-mini-cart-item .variation dd, .woocommerce-mini-cart-item .variation p { margin: 0; } .woocommerce-mini-cart-item a.remove { position: absolute; right: 0; top: 12px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: var(--ldb-muted) !important; text-decoration: none; font-size: 1.2rem; line-height: 1; } .woocommerce-mini-cart-item a.remove:hover { background: var(--ldb-violet-soft); color: var(--ldb-violet) !important; } .woocommerce-mini-cart__total { display: flex; justify-content: space-between; align-items: baseline; margin: 16px 0; font-size: 1.05rem; } .woocommerce-mini-cart__total .amount { font-weight: 700; font-size: 1.2rem; } .woocommerce-mini-cart__buttons { display: grid; gap: 8px; margin: 0; } .woocommerce-mini-cart__buttons .button { width: 100%; } .ldb .woocommerce-mini-cart__buttons a.button.checkout { background: var(--ldb-magenta); border-color: var(--ldb-magenta); color: #fff; } .ldb .woocommerce-mini-cart__buttons a.button.checkout:hover { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; } .woocommerce-mini-cart__empty-message { text-align: center; color: var(--ldb-muted); padding: 32px 0; } .ldb-drawer .ldb-minicart-note { font-size: .82rem; color: var(--ldb-muted); margin: 8px 0 0; text-align: center; } .ldb-toast { position: fixed; left: 50%; bottom: 88px; transform: translateX(-50%); z-index: 120; background: var(--ldb-cosmos); color: #fff; padding: 12px 18px; border-radius: 10px; box-shadow: var(--ldb-shadow-lg); font-weight: 600; font-size: .92rem; max-width: calc(100vw - 32px); } .ldb-toast[hidden] { display: none; } @media (min-width: 768px) { .ldb-toast { bottom: 24px; } } /* Barra inferior (telemóvel) */ .ldb-bottomnav { display: none; } @media (max-width: 767px) { .ldb-bottomnav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border-top: 1px solid var(--ldb-line); padding-bottom: env(safe-area-inset-bottom, 0); box-shadow: 0 -4px 16px rgba(22, 16, 34, .06); } .ldb-bottomnav a, .ldb-bottomnav button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 2px 6px; min-height: 56px; border: 0; background: none; font: inherit; font-size: .7rem; font-weight: 600; color: var(--ldb-muted); text-decoration: none; cursor: pointer; } .ldb-bottomnav [aria-current="page"] { color: var(--ldb-violet); } body.ldb { padding-bottom: calc(60px + env(safe-area-inset-bottom, 0)); } body.single-product.ldb { padding-bottom: calc(132px + env(safe-area-inset-bottom, 0)); } } /* 7. Homepage ------------------------------------------------------------- */ .ldb-hero { position: relative; background: var(--ldb-cosmos); color: var(--ldb-soft); overflow: hidden; isolation: isolate; } .ldb-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(700px 400px at 85% 20%, rgba(82, 53, 154, .45), transparent 70%), radial-gradient(500px 300px at 10% 110%, rgba(224, 33, 106, .16), transparent 70%); } .ldb-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .35; background-image: radial-gradient(rgba(201, 190, 230, .35) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg, transparent, #000 60%); } .ldb-hero__inner { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; padding-top: 72px; padding-bottom: 80px; } .ldb-hero__kicker { font-family: var(--ldb-font-mono); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ldb-soft); display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; } .ldb-hero__kicker::before { content: ''; width: 24px; height: 1.5px; background: var(--ldb-soft); } .ldb-hero h1 { color: #fff; font-size: clamp(2.2rem, 1.4rem + 3.4vw, 3.6rem); line-height: 1.04; letter-spacing: -.03em; margin-bottom: 20px; } .ldb-hero h1 em { font-style: normal; color: var(--ldb-soft); } .ldb-hero__lead { font-size: 1.1rem; max-width: 36em; margin-bottom: 28px; color: var(--ldb-soft); } .ldb-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; } .ldb-hero__proof { display: flex; gap: 20px; flex-wrap: wrap; margin: 28px 0 0; padding: 0; list-style: none; font-size: .88rem; } .ldb-hero__proof li { display: inline-flex; gap: 6px; align-items: center; } .ldb-hero__proof svg { color: var(--ldb-amber); } .ldb-hero__stage { position: relative; min-height: 420px; } .ldb-float { position: absolute; width: 210px; background: #fff; border-radius: var(--ldb-radius-lg); box-shadow: var(--ldb-shadow-lg); overflow: hidden; text-decoration: none; color: var(--ldb-ink); transition: transform .3s; border-top: 4px solid var(--fr); } .ldb-float:hover { color: var(--ldb-ink); } .ldb-float__img { aspect-ratio: 1; background: linear-gradient(135deg, var(--ldb-violet-soft), #fff); display: grid; place-items: center; overflow: hidden; } .ldb-float__img img { width: 100%; height: 100%; object-fit: cover; } .ldb-float__body { padding: 10px 12px 12px; display: grid; gap: 4px; } .ldb-float__title { font-weight: 600; font-size: .88rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ldb-float__price { font-weight: 700; } .ldb-float__price del { color: var(--ldb-muted); font-weight: 400; font-size: .85em; margin-right: 4px; } .ldb-float__price ins { text-decoration: none; } .ldb-float--1 { top: 10px; left: 4%; transform: rotate(-4deg); animation: ldb-float 7s ease-in-out infinite; } .ldb-float--2 { top: 60px; right: 2%; transform: rotate(3deg); animation: ldb-float 8s ease-in-out -2s infinite; z-index: 2; } .ldb-float--3 { bottom: 0; left: 30%; transform: rotate(-1deg); animation: ldb-float 9s ease-in-out -4s infinite; z-index: 3; } @keyframes ldb-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } } .ldb-hero__shelf { position: absolute; inset: 30px 0; display: grid; place-items: center; } .ldb-hero__shelf svg { width: 100%; max-width: 420px; } @media (max-width: 1023px) { .ldb-hero__inner { grid-template-columns: 1fr; gap: 32px; padding-top: 48px; padding-bottom: 56px; } .ldb-hero__stage { min-height: 300px; } .ldb-float { width: 160px; } .ldb-float--3 { left: 34%; } } @media (max-width: 767px) { .ldb-hero__stage { min-height: 250px; margin: 0 -8px; } .ldb-float { width: 132px; } .ldb-float__body { padding: 8px; } .ldb-float__title { font-size: .78rem; } .ldb-float--2 { top: 20px; } .ldb-float--3 { left: 28%; } } .ldb-pillars { background: #fff; border-bottom: 1px solid var(--ldb-line); } .ldb-pillars__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); } .ldb-pillars__grid li { display: flex; gap: 14px; align-items: flex-start; padding: 26px 20px; border-left: 1px solid var(--ldb-line); } .ldb-pillars__grid li:first-child { border-left: 0; padding-left: 0; } .ldb-pillars__icon { flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--ldb-violet-soft); color: var(--ldb-violet); display: grid; place-items: center; } .ldb-pillars__grid strong { display: block; font-family: var(--ldb-font-brand); font-size: 1rem; line-height: 1.25; margin-bottom: 2px; } .ldb-pillars__grid span { font-size: .88rem; color: var(--ldb-muted); line-height: 1.4; display: block; } @media (max-width: 1023px) { .ldb-pillars__grid { grid-template-columns: repeat(2, 1fr); } .ldb-pillars__grid li:nth-child(3) { border-left: 0; padding-left: 0; } .ldb-pillars__grid li:nth-child(n+3) { border-top: 1px solid var(--ldb-line); } } @media (max-width: 767px) { .ldb-pillars__grid li { padding: 18px 10px; flex-direction: column; gap: 8px; } .ldb-pillars__grid li:nth-child(odd) { padding-left: 0; } } .ldb-frgrid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; } .ldb-frcard { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 150px; padding: 18px; background: #fff; border: 1px solid var(--ldb-line); border-top: 4px solid var(--fr); border-radius: var(--ldb-radius-lg); text-decoration: none; color: var(--ldb-ink); transition: transform .15s, box-shadow .15s, border-color .15s; overflow: hidden; } .ldb-frcard:hover { transform: translateY(-3px); box-shadow: var(--ldb-shadow); color: var(--ldb-ink); } .ldb-frcard__name { font-family: var(--ldb-font-brand); font-weight: 700; font-size: 1.1rem; line-height: 1.15; } .ldb-frcard__count { display: flex; align-items: center; justify-content: space-between; font-size: .86rem; color: var(--ldb-muted); } .ldb-frcard__count svg { color: var(--ldb-violet); transition: transform .15s; } .ldb-frcard:hover .ldb-frcard__count svg { transform: translateX(3px); } .ldb-frcard__mono { position: absolute; right: -6px; top: 8px; font-family: var(--ldb-font-brand); font-weight: 700; font-size: 3.4rem; line-height: 1; color: var(--fr); opacity: .09; letter-spacing: -.05em; pointer-events: none; } @media (max-width: 1023px) { .ldb-frgrid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .ldb-frgrid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .ldb-frcard { min-height: 120px; padding: 14px; } } .ldb-tabs__list { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 20px; padding: 0; } .ldb-tabs__tab { border: 1.5px solid var(--ldb-line); background: #fff; color: var(--ldb-ink); font: inherit; font-weight: 600; font-size: .9rem; padding: 7px 16px; border-radius: 999px; cursor: pointer; min-height: 40px; } .ldb-tabs__tab:hover { border-color: var(--ldb-violet); color: var(--ldb-violet); } .ldb-tabs__tab[aria-selected="true"] { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; } .ldb-tabs__panel[hidden] { display: none; } @media (max-width: 767px) { .ldb-tabs__list { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(var(--ldb-pad) * -1); padding-right: var(--ldb-pad); scrollbar-width: none; } .ldb-tabs__tab { flex: none; } } .ldb-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; } .ldb-type { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); color: var(--ldb-ink); text-decoration: none; transition: border-color .15s, transform .15s; } .ldb-type:hover { border-color: var(--ldb-violet); color: var(--ldb-ink); transform: translateY(-2px); } .ldb-type__icon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--ldb-paper); color: var(--ldb-violet); border: 1px solid var(--ldb-line); } .ldb-type__name { font-family: var(--ldb-font-brand); font-weight: 700; line-height: 1.2; } .ldb-type__count { font-size: .82rem; color: var(--ldb-muted); margin-top: -8px; } @media (max-width: 767px) { .ldb-types { grid-template-columns: repeat(2, 1fr); gap: 10px; } } .ldb-banners { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ldb-gutter); } .ldb-banner { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 280px; padding: 32px; border-radius: var(--ldb-radius-lg); overflow: hidden; color: var(--ldb-soft); text-decoration: none; isolation: isolate; } .ldb-banner h3 { color: #fff; font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); margin: 8px 0 8px; max-width: 14em; } .ldb-banner p { max-width: 30em; } .ldb-banner--fr { background: var(--ldb-cosmos); border-left: 6px solid var(--fr); } .ldb-banner--fr::before { content: attr(data-mono); position: absolute; right: -10px; bottom: -40px; z-index: -1; font-family: var(--ldb-font-brand); font-weight: 700; font-size: 11rem; line-height: 1; color: var(--fr); opacity: .22; letter-spacing: -.06em; } .ldb-banner--pre { background: var(--ldb-violet); } .ldb-banner--pre::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(400px 220px at 100% 0, rgba(255, 182, 39, .28), transparent 70%); } .ldb-banner .ldb-btn { align-self: flex-start; margin-top: 8px; } @media (max-width: 767px) { .ldb-banners { grid-template-columns: 1fr; } .ldb-banner { min-height: 220px; padding: 24px; } } .ldb-finder-wrap { background: var(--ldb-cosmos); padding: 64px 0; } .ldb-finder-wrap .ldb-section__head h2 { color: #fff; } .ldb-finder-wrap .ldb-section__head p { color: var(--ldb-soft); margin: 6px 0 0; max-width: 40em; } .ldb-finder-wrap .ldbf { padding: 0 !important; background: transparent !important; max-width: none !important; } .ldb-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ldb-gutter); } .ldb-postcard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); overflow: hidden; } .ldb-postcard__img { display: block; aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--ldb-violet), var(--ldb-cosmos)); overflow: hidden; } .ldb-postcard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; } .ldb-postcard:hover .ldb-postcard__img img { transform: scale(1.03); } .ldb-postcard__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .ldb-postcard h3 { font-size: 1.12rem; margin: 0; } .ldb-postcard h3 a { color: var(--ldb-ink); text-decoration: none; } .ldb-postcard h3 a:hover { color: var(--ldb-violet); } .ldb-postcard p { color: var(--ldb-muted); font-size: .94rem; margin: 0; } .ldb-post-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; font-size: .8rem; color: var(--ldb-muted); } .ldb-post-meta__cat { font-family: var(--ldb-font-mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ldb-violet); text-decoration: none; } @media (max-width: 1023px) { .ldb-posts { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .ldb-posts { grid-template-columns: 1fr; } } .ldb-newsletter { background: var(--ldb-violet); color: var(--ldb-soft); padding: 48px 0; } .ldb-newsletter__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .ldb-newsletter h2 { color: #fff; font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); margin-bottom: 6px; } .ldb-newsletter p { margin: 0; } .ldb-nlform__row { display: flex; gap: 8px; } .ldb-nlform input[type="email"] { flex: 1; min-width: 0; height: 50px; border: 1.5px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .08); color: #fff; border-radius: var(--ldb-radius); padding: 0 16px; font: inherit; } .ldb-nlform input[type="email"]::placeholder { color: var(--ldb-soft); } .ldb-nlform input[type="email"]:focus { border-color: var(--ldb-amber); outline: none; } .ldb-nlform .ldb-btn { min-height: 50px; } .ldb-newsletter .ldb-check { color: var(--ldb-soft); margin-top: 10px; font-size: .84rem; } .ldb-newsletter .ldb-check a { color: #fff; } @media (max-width: 767px) { .ldb-newsletter__inner { grid-template-columns: 1fr; gap: 20px; } .ldb-nlform__row { flex-direction: column; } } /* 8. Cartões de produto --------------------------------------------------- */ .woocommerce ul.products, ul.products, .ldb-products { --cols: 5; list-style: none; margin: 0 0 32px; padding: 0; display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 18px; } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; } ul.products.columns-2 { --cols: 2; } ul.products.columns-3 { --cols: 3; } ul.products.columns-4 { --cols: 4; } ul.products.columns-5 { --cols: 5; } ul.products.columns-6 { --cols: 6; } @media (max-width: 1199px) { ul.products.columns-5, ul.products.columns-6 { --cols: 4; } } @media (max-width: 1023px) { ul.products, .woocommerce ul.products { --cols: 3 !important; } } @media (max-width: 767px) { ul.products, .woocommerce ul.products { --cols: 2 !important; gap: 10px; } } .woocommerce ul.products li.product, ul.products li.product { position: relative; width: auto !important; margin: 0 !important; float: none !important; padding: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); overflow: hidden; transition: border-color .15s, box-shadow .15s; } ul.products li.product:hover { border-color: #CFC6E4; box-shadow: var(--ldb-shadow); } ul.products li.product .woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: var(--ldb-ink); text-decoration: none; } .ldb-card__media { position: relative; display: block; aspect-ratio: 1; background: var(--ldb-paper); overflow: hidden; } .ldb-card__media img, ul.products li.product .ldb-card__media img { width: 100%; height: 100% !important; object-fit: cover; margin: 0 !important; transition: transform .35s ease; } ul.products li.product:hover .ldb-card__media img { transform: scale(1.04); } .ldb-card__badges { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; z-index: 2; } .ldb-card__body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 4px; flex: 1; } .ldb-card__fr { display: flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ldb-muted); min-height: 14px; } ul.products li.product .woocommerce-loop-product__title { font-family: var(--ldb-font-ui); font-weight: 600; font-size: .94rem; line-height: 1.3; margin: 0; padding: 0; color: var(--ldb-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; } ul.products li.product .star-rating { margin: 0; font-size: .78rem; } ul.products li.product .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: auto 0 0; color: var(--ldb-ink); font-weight: 700; font-size: 1.08rem; font-variant-numeric: tabular-nums; } ul.products li.product .price del { color: var(--ldb-muted); font-weight: 400; font-size: .82rem; opacity: 1; } ul.products li.product .price ins { text-decoration: none; color: var(--ldb-sale); } .ldb-card__omni { font-size: .72rem; color: var(--ldb-muted); line-height: 1.3; } .ldb-card__foot { padding: 8px 14px 14px; display: grid; gap: 8px; } .ldb-card__meta { font-size: .72rem; color: var(--ldb-muted); display: flex; gap: 4px; align-items: center; line-height: 1.3; } .ldb-card__meta svg { color: var(--ldb-ok); } ul.products li.product .button { width: 100%; margin: 0; min-height: 40px; font-size: .84rem; padding: 8px 10px; } ul.products li.product .added_to_cart { display: none; } ul.products li.product .button.added::before { content: '✓ '; } ul.products li.product.outofstock .ldb-card__media img { opacity: .6; } ul.products li.product .tinvwl_add_to_wishlist_button, ul.products li.product .tinv-wishlist { position: absolute !important; top: 8px; right: 8px; z-index: 3; margin: 0 !important; } ul.products li.product .tinv-wraper.tinv-wishlist { margin: 0 !important; } @media (max-width: 767px) { .ldb-card__body { padding: 10px 10px 2px; } .ldb-card__foot { padding: 6px 10px 10px; } ul.products li.product .woocommerce-loop-product__title { font-size: .86rem; } ul.products li.product .button { font-size: .78rem; min-height: 38px; } } .star-rating { position: relative; display: inline-block; width: 5.4em; height: 1.1em; line-height: 1; font-size: .9rem; overflow: hidden; font-family: inherit; } .star-rating::before { content: '★★★★★'; color: var(--ldb-line); position: absolute; left: 0; top: 0; letter-spacing: .08em; } .star-rating span { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; padding-top: 1.5em; } .star-rating span::before { content: '★★★★★'; color: var(--ldb-amber); position: absolute; left: 0; top: 0; letter-spacing: .08em; } /* 9. Loja / arquivo ------------------------------------------------------- */ .ldb-shop-head { padding: 28px 0 8px; } .ldb-shop-head .woocommerce-products-header__title { margin: 8px 0 4px; } .ldb-shop-head .term-description, .ldb-shop-head .page-description { color: var(--ldb-muted); max-width: 60em; } .ldb-fr-hero { border-left: 6px solid var(--fr); background: #fff; border-radius: var(--ldb-radius-lg); padding: 20px 24px; margin: 12px 0 8px; border-top: 1px solid var(--ldb-line); border-right: 1px solid var(--ldb-line); border-bottom: 1px solid var(--ldb-line); } .ldb-shop { display: grid; grid-template-columns: 1fr; gap: 28px; padding-bottom: 56px; } .ldb-has-filters .ldb-shop { grid-template-columns: 250px minmax(0, 1fr); } .ldb-shop__filters .widget { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 16px 18px; margin-bottom: 16px; } .ldb-shop__filters .widget-title { font-size: 1rem; margin-bottom: 10px; } .ldb-shop__filters ul { list-style: none; margin: 0; padding: 0; } .ldb-shop__filters li { padding: 4px 0; } .ldb-shop__filters a { color: var(--ldb-ink); text-decoration: none; } .ldb-shop__filters a:hover { color: var(--ldb-violet); } .ldb-shop__filters-toggle { display: none; } .ldb-shop__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; } .woocommerce-result-count { margin: 0; color: var(--ldb-muted); font-size: .9rem; } .woocommerce-ordering { margin: 0; } .woocommerce-ordering select, .ldb-select, select.orderby { height: 42px; border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 0 34px 0 12px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C5668' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; appearance: none; font: inherit; font-size: .9rem; color: var(--ldb-ink); } .ldb-active-filter { display: inline-flex; align-items: center; gap: 8px; background: var(--ldb-violet-soft); color: var(--ldb-violet); border-radius: 999px; padding: 4px 6px 4px 14px; font-weight: 600; font-size: .86rem; margin: 0 0 16px; } .ldb-active-filter a { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #fff; color: var(--ldb-violet); text-decoration: none; } nav.woocommerce-pagination ul, .pagination .nav-links { display: flex; justify-content: center; gap: 6px; list-style: none; padding: 0; margin: 8px 0 0; border: 0 !important; flex-wrap: wrap; } nav.woocommerce-pagination ul li { border: 0 !important; } nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span, .pagination .page-numbers { display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: var(--ldb-radius); border: 1.5px solid var(--ldb-line); background: #fff; color: var(--ldb-ink); text-decoration: none; font-weight: 600; } nav.woocommerce-pagination ul li span.current, .pagination .page-numbers.current { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; } .woocommerce-breadcrumb, .ldb-breadcrumbs { font-size: .82rem; color: var(--ldb-muted); margin: 0; padding: 16px 0 0; } .woocommerce-breadcrumb a { color: var(--ldb-muted); text-decoration: none; } .woocommerce-breadcrumb a:hover { color: var(--ldb-violet); text-decoration: underline; } .woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner { list-style: none; margin: 0 0 20px; padding: 14px 18px; border-radius: var(--ldb-radius); background: #fff; border: 1px solid var(--ldb-line); border-left: 4px solid var(--ldb-violet); color: var(--ldb-ink); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } .woocommerce-message { border-left-color: var(--ldb-ok); } .woocommerce-error { border-left-color: var(--ldb-sale); display: block; } .woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { display: none; } .woocommerce-message .button, .woocommerce-info .button { order: 2; min-height: 36px; padding: 6px 14px; } .woocommerce-no-products-found .woocommerce-info { justify-content: center; padding: 32px; } @media (max-width: 1023px) { .ldb-has-filters .ldb-shop { grid-template-columns: 1fr; } .ldb-shop__filters-toggle { display: inline-flex; } .ldb-shop__filters { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; width: min(360px, 90vw); background: var(--ldb-paper); padding: 16px; overflow-y: auto; transform: translateX(-100%); transition: transform .25s; box-shadow: var(--ldb-shadow-lg); } .ldb-shop__filters.is-open { transform: none; } .ldb-shop__filters-head { display: flex !important; } } .ldb-shop__filters-head { display: none; align-items: center; justify-content: space-between; margin-bottom: 12px; } /* 10. Ficha de produto ---------------------------------------------------- */ .ldb-single { padding-bottom: 32px; } .woocommerce div.product { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 20px 48px; align-items: start; margin-top: 16px; } .woocommerce div.product > * { grid-column: 1 / -1; } .woocommerce div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; width: 100% !important; float: none !important; margin: 0 !important; } .woocommerce div.product > .summary { grid-column: 2; grid-row: 1; width: 100% !important; float: none !important; margin: 0 !important; position: sticky; top: calc(var(--ldb-header-h) + 70px); background: #fff; border: 1px solid var(--ldb-line); border-top: 4px solid var(--fr); border-radius: var(--ldb-radius-lg); padding: 24px 26px; } .woocommerce div.product > .onsale { display: none; } .woocommerce-product-gallery { position: relative; } .woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery__image--placeholder, .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); overflow: hidden; } .woocommerce-product-gallery img { display: block; width: 100%; height: auto; } .woocommerce-product-gallery .flex-control-thumbs { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .woocommerce-product-gallery .flex-control-thumbs li { margin: 0; } .woocommerce-product-gallery .flex-control-thumbs img { border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); cursor: pointer; opacity: .75; transition: .15s; aspect-ratio: 1; object-fit: cover; } .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .woocommerce-product-gallery .flex-control-thumbs img:hover { border-color: var(--ldb-violet); opacity: 1; } .woocommerce-product-gallery__trigger { position: absolute; top: 14px; right: 14px; z-index: 5; width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: var(--ldb-shadow); display: grid; place-items: center; text-indent: -9999px; overflow: hidden; } .woocommerce-product-gallery__trigger::after { content: ''; position: absolute; width: 14px; height: 14px; border: 2px solid var(--ldb-ink); border-radius: 50%; top: 11px; left: 11px; box-shadow: 5px 5px 0 -3px var(--ldb-ink); text-indent: 0; } .woocommerce-product-gallery__trigger span[aria-hidden="true"] { display: none; } .ldb-gallery-badges { position: absolute; top: 14px; left: 14px; z-index: 4; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; } .summary .ldb-summary-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; } .summary .ldb-summary-top .ldb-cat { font-size: .8rem; color: var(--ldb-muted); text-decoration: none; } .summary .product_title { font-family: var(--ldb-font-brand); font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2rem); line-height: 1.12; margin: 0 0 10px; } .summary .woocommerce-product-rating { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: .86rem; } .summary .woocommerce-review-link { color: var(--ldb-muted); } .ldb-sku-line { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .82rem; color: var(--ldb-muted); margin: 0 0 14px; } .ldb-sku-line strong { color: var(--ldb-ink); font-weight: 600; font-family: var(--ldb-font-mono); font-size: .92em; } .summary p.price, .summary span.price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 1.8rem; font-weight: 700; color: var(--ldb-ink); margin: 0 0 4px; font-variant-numeric: tabular-nums; line-height: 1.2; } .summary .price del { font-size: 1rem; font-weight: 400; color: var(--ldb-muted); opacity: 1; } .summary .price ins { text-decoration: none; color: var(--ldb-sale); } .ldb-omnibus { font-size: .82rem; color: var(--ldb-muted); margin: 0 0 12px; } .ldb-omnibus strong { color: var(--ldb-ink); font-weight: 600; } .summary .woocommerce-product-details__short-description { color: var(--ldb-muted); margin: 14px 0 16px; } .summary .woocommerce-product-details__short-description p:last-child { margin: 0; } .ldb-official-line { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--ldb-line); border-bottom: 1px solid var(--ldb-line); margin: 14px 0; font-size: .86rem; } .ldb-preorder-box { display: flex; gap: 12px; align-items: flex-start; background: #FFF6E0; border: 1px solid #F2D48A; border-radius: var(--ldb-radius); padding: 12px 14px; margin: 0 0 16px; font-size: .9rem; } .ldb-preorder-box strong { display: block; } .summary .stock { font-weight: 600; font-size: .9rem; margin: 0 0 12px; display: inline-flex; align-items: center; gap: 6px; } .summary .stock::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; } .summary .stock.in-stock { color: var(--ldb-ok); } .summary .stock.out-of-stock { color: var(--ldb-sale); } .summary .stock.available-on-backorder { color: #8A5A00; } .summary form.cart { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; align-items: stretch; } .summary form.cart .quantity { display: flex; align-items: stretch; border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); overflow: hidden; background: #fff; height: 52px; } .summary form.cart .quantity .qty { width: 54px; border: 0; text-align: center; font: inherit; font-weight: 700; font-size: 1rem; -moz-appearance: textfield; background: transparent; } .summary form.cart .quantity .qty::-webkit-outer-spin-button, .summary form.cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; } .ldb-qty-btn { width: 40px; border: 0; background: transparent; cursor: pointer; color: var(--ldb-ink); display: grid; place-items: center; } .ldb-qty-btn:hover { background: var(--ldb-violet-soft); color: var(--ldb-violet); } .summary .single_add_to_cart_button { flex: 1; min-height: 52px; font-size: 1rem; min-width: 200px; } .summary form.variations_form { display: block; } .summary form.variations_form .single_variation_wrap { margin-top: 8px; } .summary .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; } .summary table.variations { margin: 0 0 8px; border: 0; } .summary table.variations th, .summary table.variations td { border: 0; padding: 6px 0; display: block; } .summary table.variations th label { font-weight: 600; font-size: .9rem; } .summary table.variations select { width: 100%; height: 46px; border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 0 12px; font: inherit; background: #fff; } .summary .reset_variations { font-size: .82rem; margin-top: 6px; display: inline-block; } .summary .tinv-wraper { margin: 0 0 12px !important; } .ldb-trust { list-style: none; margin: 4px 0 16px; padding: 14px 16px; background: var(--ldb-paper); border-radius: var(--ldb-radius); display: grid; gap: 8px; font-size: .88rem; } .ldb-trust li { display: flex; gap: 10px; align-items: center; } .ldb-trust svg { color: var(--ldb-violet); } .ldb-trust a { color: inherit; } .ldb-notice-toy { display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; padding: 12px 14px; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); margin: 0 0 12px; } .ldb-notice-toy svg { color: #8A5A00; margin-top: 2px; } .ldb-gpsr { border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); margin: 0 0 16px; font-size: .86rem; } .ldb-gpsr summary { cursor: pointer; padding: 12px 14px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; } .ldb-gpsr summary::-webkit-details-marker { display: none; } .ldb-gpsr summary::after { content: '+'; font-size: 1.2rem; color: var(--ldb-violet); } .ldb-gpsr[open] summary::after { content: '–'; } .ldb-gpsr dl { margin: 0; padding: 0 14px 12px; display: grid; gap: 8px; } .ldb-gpsr dt { font-weight: 600; color: var(--ldb-ink); } .ldb-gpsr dd { margin: 0; color: var(--ldb-muted); white-space: pre-line; } .summary .ldb-share { margin-top: 12px; } .ldb-share { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .ldb-share__label { font-size: .84rem; font-weight: 600; color: var(--ldb-muted); } .ldb-share ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; } .ldb-share a, .ldb-share button { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--ldb-line); color: var(--ldb-ink); background: #fff; cursor: pointer; } .ldb-share a:hover, .ldb-share button:hover { border-color: var(--ldb-violet); color: var(--ldb-violet); } .summary .product_meta { display: none; } .woocommerce div.product .woocommerce-tabs { margin-top: 32px; } .woocommerce-tabs ul.tabs { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; border-bottom: 1px solid var(--ldb-line); overflow-x: auto; scrollbar-width: none; } .woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs::after { display: none; } .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; background: none; flex: none; } .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 0; font-family: var(--ldb-font-brand); font-weight: 700; font-size: 1.02rem; color: var(--ldb-muted); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; } .woocommerce-tabs ul.tabs li.active a { color: var(--ldb-ink); border-color: var(--ldb-violet); } .woocommerce-tabs .panel { padding: 24px 0 0; max-width: 820px; } .woocommerce-tabs .panel > h2:first-child { display: none; } .woocommerce-product-attributes { border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); overflow: hidden; background: #fff; } .woocommerce-product-attributes th { width: 34%; background: var(--ldb-paper); } .woocommerce-product-attributes td p { margin: 0; } #reviews .commentlist { list-style: none; padding: 0; margin: 0 0 24px; } #reviews .comment_container { display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--ldb-line); } #reviews .comment_container img.avatar { border-radius: 50%; width: 48px; height: 48px; } #reviews .meta { color: var(--ldb-muted); font-size: .86rem; margin: 4px 0; } #review_form_wrapper { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 20px 24px; } .comment-form-rating .stars a { color: var(--ldb-amber); text-decoration: none; font-size: 1.2rem; } .comment-form-rating p.stars { display: flex; gap: 4px; } .related.products, .up-sells, .ldb-recent, .cross-sells { margin-top: 48px; } .related.products > h2, .up-sells > h2, .ldb-recent > h2, .cross-sells > h2 { font-size: 1.5rem; margin-bottom: 18px; } .ldb-sticky-atc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; background: #fff; border-top: 1px solid var(--ldb-line); box-shadow: 0 -6px 20px rgba(22, 16, 34, .08); padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0)); transform: translateY(110%); transition: transform .25s; } .ldb-sticky-atc.is-visible { transform: none; } .ldb-sticky-atc__inner { display: flex; align-items: center; gap: 12px; } .ldb-sticky-atc img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; flex: none; } .ldb-sticky-atc__info { flex: 1; min-width: 0; } .ldb-sticky-atc__title { font-weight: 600; font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } .ldb-sticky-atc__price { font-weight: 700; font-size: .95rem; } .ldb-sticky-atc__price del { font-weight: 400; color: var(--ldb-muted); font-size: .8em; } .ldb-sticky-atc__price ins { text-decoration: none; } .ldb-sticky-atc .ldb-btn { flex: none; } @media (max-width: 767px) { .ldb-sticky-atc { bottom: calc(56px + env(safe-area-inset-bottom, 0)); padding-bottom: 10px; } } @media (min-width: 1024px) { .ldb-sticky-atc { top: 0; bottom: auto; transform: translateY(-110%); box-shadow: var(--ldb-shadow); border-top: 0; border-bottom: 1px solid var(--ldb-line); } .ldb-sticky-atc.is-visible { transform: none; } .admin-bar .ldb-sticky-atc { top: 32px; } } @media (max-width: 1023px) { .woocommerce div.product { grid-template-columns: 1fr; gap: 20px; } .woocommerce div.product > .woocommerce-product-gallery, .woocommerce div.product > .summary { grid-column: 1; grid-row: auto; position: static; } } @media (max-width: 767px) { .woocommerce div.product > .summary { padding: 18px 16px; } .summary .single_add_to_cart_button { min-width: 0; } .woocommerce-tabs ul.tabs { gap: 20px; } } /* 11. Carrinho, checkout, conta ------------------------------------------- */ .ldb-page { padding: 24px 0 64px; } .ldb-page__head { padding: 8px 0 20px; } .ldb-page__head h1 { margin: 12px 0 0; } .woocommerce table.shop_table { border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); background: #fff; border-collapse: separate; border-spacing: 0; overflow: hidden; margin: 0 0 24px; } .woocommerce table.shop_table th { background: var(--ldb-paper); font-size: .85rem; } .woocommerce table.shop_table td, .woocommerce table.shop_table th { border-bottom: 1px solid var(--ldb-line); padding: 14px 16px; vertical-align: middle; } .woocommerce table.shop_table tr:last-child td { border-bottom: 0; } .woocommerce table.cart img { width: 72px; border-radius: 6px; } .woocommerce table.cart .product-name a { color: var(--ldb-ink); font-weight: 600; text-decoration: none; } .woocommerce table.cart td.actions { background: var(--ldb-paper); } .woocommerce table.cart td.actions .coupon { display: inline-flex; gap: 8px; flex-wrap: wrap; } .woocommerce table.cart td.actions .coupon input { height: 44px; } .woocommerce a.remove { color: var(--ldb-muted) !important; font-size: 1.4rem; text-decoration: none; } .woocommerce a.remove:hover { color: var(--ldb-sale) !important; background: none; } .woocommerce .quantity .qty { height: 44px; width: 70px; border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); text-align: center; font: inherit; } .woocommerce .cart-collaterals { display: grid; grid-template-columns: 1fr minmax(0, 440px); gap: 24px; } .woocommerce .cart-collaterals .cart_totals { grid-column: 2; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 20px 22px; } .woocommerce .cart-collaterals .cart_totals h2 { font-size: 1.3rem; } .woocommerce .cart-collaterals .cart_totals table.shop_table { border: 0; margin: 0; } .woocommerce .cart-collaterals .cart_totals td, .woocommerce .cart-collaterals .cart_totals th { padding: 10px 0; background: none; } .woocommerce .cart-collaterals .cross-sells { grid-column: 1; grid-row: 1; margin: 0; } .woocommerce .wc-proceed-to-checkout .checkout-button { width: 100%; min-height: 54px; font-size: 1.02rem; } #shipping_method { list-style: none; margin: 0; padding: 0; } #shipping_method li { margin: 0 0 4px; } .woocommerce-shipping-destination, .woocommerce-shipping-calculator { font-size: .84rem; color: var(--ldb-muted); } .ldb-cart-fs { margin: 0 0 20px; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 4px 16px; } .ldb-cart-fs .ldb-fsbar[hidden] { display: none; } @media (max-width: 767px) { .woocommerce .cart-collaterals { grid-template-columns: 1fr; } .woocommerce .cart-collaterals .cart_totals { grid-column: 1; } .woocommerce table.shop_table_responsive thead { display: none; } .woocommerce table.shop_table_responsive tr { display: block; border-bottom: 1px solid var(--ldb-line); } .woocommerce table.shop_table_responsive tr td { display: flex; justify-content: space-between; text-align: right; border: 0; padding: 8px 14px; } .woocommerce table.shop_table_responsive tr td::before { content: attr(data-title) ': '; font-weight: 600; margin-right: 12px; } .woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce table.shop_table_responsive tr td.product-thumbnail::before, .woocommerce table.shop_table_responsive tr td.actions::before { display: none; } .woocommerce table.cart td.product-thumbnail { justify-content: center; } .woocommerce table.cart td.actions { display: block; } } .woocommerce-checkout .col2-set, .woocommerce-account .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { width: auto; float: none; } form.checkout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: auto auto 1fr; gap: 16px 40px; align-items: start; } form.checkout > .col2-set { grid-column: 1; grid-row: 1 / span 3; grid-template-columns: 1fr; } form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; margin: 0; } form.checkout > #order_review { grid-column: 2; grid-row: 2; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 20px 22px; position: sticky; top: calc(var(--ldb-header-h) + 70px); } form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; } form.checkout #order_review table.shop_table { border: 0; } form.checkout #order_review table.shop_table td, form.checkout #order_review table.shop_table th { padding: 10px 0; background: none; } #payment { background: var(--ldb-paper); border-radius: var(--ldb-radius); padding: 14px; } #payment ul.payment_methods { list-style: none; margin: 0 0 12px; padding: 0; } #payment ul.payment_methods li { padding: 10px 0; border-bottom: 1px solid var(--ldb-line); } #payment ul.payment_methods li:last-child { border-bottom: 0; } #payment ul.payment_methods li label { font-weight: 600; } #payment .payment_box { background: #fff; border-radius: var(--ldb-radius); padding: 12px; margin-top: 8px; font-size: .88rem; } #payment #place_order { width: 100%; min-height: 56px; font-size: 1.05rem; } .woocommerce-terms-and-conditions-wrapper { font-size: .86rem; margin: 12px 0; } @media (max-width: 1023px) { form.checkout { grid-template-columns: 1fr; } form.checkout > .col2-set, form.checkout > #order_review_heading, form.checkout > #order_review { grid-column: 1; grid-row: auto; position: static; } .woocommerce-checkout .col2-set, .woocommerce-account .col2-set { grid-template-columns: 1fr; } } .woocommerce form .form-row { margin: 0 0 14px; padding: 0; } .woocommerce form .form-row label, .ldb-form label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: 4px; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 48.5%; float: left; } .woocommerce form .form-row-last { float: right; } .woocommerce form .form-row-wide { clear: both; } .woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce form .form-row textarea, .ldb-form input[type="text"], .ldb-form input[type="email"], .ldb-form select, .ldb-form textarea, .search-form .search-field, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea, #review_form textarea, #review_form input[type="text"], #review_form input[type="email"] { width: 100%; min-height: 46px; padding: 10px 14px; border: 1.5px solid var(--ldb-line); border-radius: var(--ldb-radius); background: #fff; font: inherit; font-size: .98rem; color: var(--ldb-ink); transition: border-color .15s; } .woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus, .ldb-form input:focus, .ldb-form select:focus, .ldb-form textarea:focus, .comment-form textarea:focus, #review_form textarea:focus { border-color: var(--ldb-violet); outline: 3px solid rgba(61, 36, 112, .15); outline-offset: 0; } .woocommerce form .form-row.woocommerce-invalid .input-text { border-color: var(--ldb-sale); } .woocommerce form .form-row .required { color: var(--ldb-sale); text-decoration: none; } .select2-container .select2-selection--single { height: 46px !important; border: 1.5px solid var(--ldb-line) !important; border-radius: var(--ldb-radius) !important; } .select2-container .select2-selection--single .select2-selection__rendered { line-height: 43px !important; padding-left: 14px !important; } .select2-container .select2-selection--single .select2-selection__arrow { height: 44px !important; } .woocommerce-form__label-for-checkbox, .ldb-check { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; font-size: .9rem; cursor: pointer; } .woocommerce-form__label-for-checkbox input, .ldb-check input { margin-top: 5px; width: 18px; height: 18px; accent-color: var(--ldb-violet); flex: none; } .woocommerce-account .woocommerce { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; align-items: start; } .woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 8px; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); } .woocommerce-MyAccount-navigation a { display: block; padding: 10px 12px; border-radius: 6px; color: var(--ldb-ink); text-decoration: none; font-weight: 600; } .woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: var(--ldb-violet-soft); color: var(--ldb-violet); } .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 24px; } .woocommerce-account:not(.logged-in) .woocommerce { display: block; max-width: 520px; margin: 0 auto; } .ldb-auth-tabs { display: flex; gap: 4px; background: var(--ldb-violet-soft); padding: 4px; border-radius: 10px; margin: 0 0 20px; } .ldb-auth-tabs button { flex: 1; border: 0; background: transparent; padding: 10px; border-radius: 8px; font: inherit; font-weight: 700; color: var(--ldb-violet); cursor: pointer; min-height: 44px; } .ldb-auth-tabs button[aria-selected="true"] { background: #fff; color: var(--ldb-ink); box-shadow: var(--ldb-shadow); } .ldb-auth .u-columns.col2-set { display: block; } .ldb-auth .u-column1, .ldb-auth .u-column2 { width: 100% !important; float: none !important; } .ldb-auth.is-tabbed .u-column1 > h2, .ldb-auth.is-tabbed .u-column2 > h2 { display: none; } .ldb-auth.is-tabbed [hidden] { display: none !important; } .woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 24px !important; margin: 0 !important; } .woocommerce-form-login .button, .woocommerce-form-register .button, .woocommerce-ResetPassword .button { width: 100%; background: var(--ldb-violet); color: #fff; } .woocommerce-LostPassword { text-align: center; margin-top: 12px; } @media (max-width: 1023px) { .woocommerce-account .woocommerce { grid-template-columns: 1fr; } } .woocommerce-order-overview { list-style: none; padding: 16px; margin: 0 0 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); } .woocommerce-order-overview li { font-size: .82rem; color: var(--ldb-muted); } .woocommerce-order-overview li strong { display: block; color: var(--ldb-ink); font-size: 1rem; } .woocommerce-thankyou-order-received { font-family: var(--ldb-font-brand); font-size: 1.4rem; font-weight: 700; } .wc-block-cart, .wc-block-checkout { font-family: var(--ldb-font-ui); } /* 12. Blog e páginas ------------------------------------------------------ */ .ldb-content { max-width: 780px; } .ldb-content > * + * { margin-top: 0; } .ldb-entry { font-size: 1.04rem; } .ldb-entry h2 { margin-top: 1.6em; } .ldb-entry h3 { margin-top: 1.4em; } .ldb-entry ul, .ldb-entry ol { padding-left: 1.3em; } .ldb-entry li { margin-bottom: .35em; } .ldb-entry table { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); overflow: hidden; margin: 1.2em 0; font-size: .94rem; } .ldb-entry table th { background: var(--ldb-paper); } .ldb-entry img { border-radius: var(--ldb-radius); } .ldb-entry .ldb-box { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 18px 20px; margin: 1.2em 0; } .ldb-entry .ldb-box--form { border-style: dashed; font-family: var(--ldb-font-ui); } .ldb-entry details { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 0 18px; margin: 0 0 10px; } .ldb-entry details summary { cursor: pointer; padding: 14px 0; font-weight: 600; font-family: var(--ldb-font-brand); } .ldb-entry details[open] summary { border-bottom: 1px solid var(--ldb-line); margin-bottom: 12px; } .ldb-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; padding: 24px 0 64px; } .ldb-layout--full { grid-template-columns: minmax(0, 1fr); } .ldb-sidebar .widget { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 18px 20px; margin-bottom: 20px; } .ldb-sidebar .widget-title { font-size: 1rem; } @media (max-width: 1023px) { .ldb-layout { grid-template-columns: 1fr; } } .ldb-single-post__head { max-width: 820px; padding: 8px 0 12px; } .ldb-single-post__head h1 { margin: 12px 0 14px; } .ldb-single-post__img { margin: 12px 0 28px; border-radius: var(--ldb-radius-lg); overflow: hidden; aspect-ratio: 16 / 8; background: var(--ldb-violet-soft); } .ldb-single-post__img img { width: 100%; height: 100%; object-fit: cover; } .ldb-post-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--ldb-line); padding-top: 20px; margin-top: 32px; } .ldb-tags a { display: inline-block; font-size: .8rem; padding: 4px 10px; border-radius: 999px; background: var(--ldb-violet-soft); color: var(--ldb-violet); text-decoration: none; margin: 0 4px 4px 0; } .comments-area { margin-top: 48px; } .comment-list { list-style: none; padding: 0; } .comment-list .comment-body { padding: 16px 0; border-bottom: 1px solid var(--ldb-line); } .comment-list .children { list-style: none; padding-left: 24px; } .comment-meta { font-size: .86rem; color: var(--ldb-muted); } .comment-author .avatar { border-radius: 50%; vertical-align: middle; margin-right: 8px; } .ldb-404 { text-align: center; padding: 72px 0 40px; } .ldb-404__code { font-family: var(--ldb-font-brand); font-weight: 700; font-size: clamp(5rem, 3rem + 10vw, 9rem); line-height: 1; color: var(--ldb-violet); letter-spacing: -.06em; margin: 0; } .ldb-404 h1 { margin: 12px 0 10px; } .ldb-404 .ldb-search { max-width: 520px; margin: 24px auto; } .ldb-404__links { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .search-form { display: flex; gap: 8px; } .search-form label { flex: 1; } .ldb-results { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; } .ldb-results li { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 16px 20px; } .ldb-results h2 { font-size: 1.15rem; margin: 0 0 4px; } .ldb-results h2 a { color: var(--ldb-ink); text-decoration: none; } .ldb-reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; } .ldb-review { margin: 0; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 18px; } .ldb-review blockquote { border: 0; padding: 0; margin: 10px 0; color: var(--ldb-ink); } .ldb-review figcaption { font-size: .86rem; color: var(--ldb-muted); } .ldb-ral { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 14px 18px; } .ldb-ral p { margin: 0; } .alignwide { margin-left: calc(-1 * min(80px, 5vw)); margin-right: calc(-1 * min(80px, 5vw)); } .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; } .wp-caption-text, figcaption { font-size: .86rem; color: var(--ldb-muted); } .sticky, .bypostauthor, .gallery-caption { outline: 0; } /* 13. Rodapé -------------------------------------------------------------- */ .ldb-footer { background: var(--ldb-cosmos); color: var(--ldb-soft); padding: 56px 0 24px; font-size: .92rem; } .ldb-footer a { color: var(--ldb-soft); text-decoration: none; } .ldb-footer a:hover { color: #fff; text-decoration: underline; } .ldb-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; } .ldb-footer__brand .ldb-logo { font-size: 1.5rem; } .ldb-footer__claim { color: #fff; font-size: 1.05rem; margin: 12px 0 8px; font-style: italic; } .ldb-footer__contacts { list-style: none; margin: 16px 0; padding: 0; display: grid; gap: 8px; } .ldb-footer__contacts li { display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap; } .ldb-footer__contacts svg { margin-top: 3px; color: var(--ldb-dim); } .ldb-footer__contacts .ldb-callnote { flex-basis: 100%; padding-left: 24px; margin-top: -4px; } .ldb-footer__title { font-family: var(--ldb-font-mono); font-weight: 500; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ldb-dim); margin: 6px 0 14px; } .ldb-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .ldb-social { list-style: none; margin: 16px 0 0; padding: 0; display: flex; gap: 8px; } .ldb-social a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--ldb-cosmos-line); display: grid; place-items: center; color: #fff; } .ldb-social a:hover { background: var(--ldb-violet); border-color: var(--ldb-violet); text-decoration: none; } .ldb-footer__extra { margin-top: 32px; } .ldb-footer__trust { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 40px; padding: 20px 0; border-top: 1px solid var(--ldb-cosmos-line); border-bottom: 1px solid var(--ldb-cosmos-line); } .ldb-paychips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; } .ldb-paychips li { font-size: .74rem; font-weight: 700; padding: 5px 9px; border-radius: 5px; background: var(--ldb-cosmos-2); border: 1px solid var(--ldb-cosmos-line); color: #fff; } .ldb-livro { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--ldb-cosmos-line); border-radius: var(--ldb-radius); color: #fff !important; font-weight: 600; } .ldb-footer__bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 20px; font-size: .82rem; color: var(--ldb-dim); } .ldb-footer__bottom p { margin: 0; } @media (max-width: 1023px) { .ldb-footer__grid { grid-template-columns: 1fr 1fr; } .ldb-footer__brand { grid-column: 1 / -1; } } @media (max-width: 767px) { .ldb-footer { padding-top: 40px; } .ldb-footer__grid { grid-template-columns: 1fr; gap: 28px; } } /* 14. Formulários e mensagens --------------------------------------------- */ .ldb-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; } @media (max-width: 767px) { .ldb-form__grid { grid-template-columns: 1fr; } } .ldb-formmsg { padding: 12px 16px; border-radius: var(--ldb-radius); font-weight: 600; margin: 0 0 16px; } .ldb-formmsg--ok { background: #E6F4EC; color: #0F5132; } .ldb-formmsg--err { background: #FBE7EA; color: #8E1528; } .ldb-newsletter .ldb-formmsg--ok { background: rgba(255, 255, 255, .12); color: #fff; } .ldb-contact-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 0 0 28px; } .ldb-contact-card { background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 16px 18px; } .ldb-contact-card strong { display: block; font-family: var(--ldb-font-brand); } /* 15. Elementor ----------------------------------------------------------- */ .ldb-elementor-page .ldb-main > .elementor { width: 100%; } .elementor-widget-ldb-section .ldb-section, .elementor-widget-shortcode .ldb-section { width: 100%; } .elementor-page .ldb-page--elementor { padding: 0; } /* 16. Movimento reduzido e impressão -------------------------------------- */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } .ldb-float { animation: none !important; } } @media print { .ldb-topbar, .ldb-fsbar-slot, .ldb-header, .ldb-footer, .ldb-newsletter, .ldb-bottomnav, .ldb-sticky-atc, .ldb-drawer, .ldb-overlay { display: none !important; } body { background: #fff; } } /* WooCommerce: complementos (CSS genérico do WooCommerce desativado pelo tema) */ .woocommerce-product-gallery .slides { list-style: none; margin: 0; padding: 0; } .woocommerce-product-gallery__image a { display: block; } .woocommerce-product-gallery .zoomImg { background: #fff; } .woocommerce-store-notice, p.demo_store { position: fixed; bottom: 0; left: 0; right: 0; z-index: 200; margin: 0; padding: 12px 16px; background: var(--ldb-cosmos); color: #fff; text-align: center; font-size: .9rem; } .woocommerce-store-notice a { color: var(--ldb-amber); } .woocommerce-password-strength { font-size: .82rem; padding: 6px 10px; border-radius: 6px; margin-top: 6px; } .woocommerce-password-strength.strong { background: #E6F4EC; color: #0F5132; } .woocommerce-password-strength.short, .woocommerce-password-strength.bad { background: #FBE7EA; color: #8E1528; } .woocommerce-password-strength.good { background: #FFF6E0; color: #6B4A00; } .woocommerce-password-hint { font-size: .8rem; color: var(--ldb-muted); } .woocommerce form .show-password-input { display: none; } .woocommerce .blockUI.blockOverlay { background: rgba(248, 247, 252, .7) !important; } .woocommerce-variation-price { margin-bottom: 8px; } .woocommerce-variation-price .price { font-size: 1.4rem; font-weight: 700; } .woocommerce-variation-price .price ins { text-decoration: none; color: var(--ldb-sale); } .woocommerce-variation-price .price del { color: var(--ldb-muted); font-weight: 400; font-size: .9rem; } .woocommerce-variation-availability p { margin: 4px 0 8px; } .wc-item-meta, .variation { font-size: .84rem; color: var(--ldb-muted); } .wc-item-meta { list-style: none; padding: 0; margin: 4px 0 0; } .wc-item-meta p, dl.variation dd p { margin: 0; display: inline; } dl.variation { display: grid; grid-template-columns: auto 1fr; gap: 0 6px; margin: 4px 0 0; } dl.variation dd { margin: 0; } .woocommerce-order-details, .woocommerce-customer-details { margin-top: 24px; } .woocommerce-customer-details address { font-style: normal; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius-lg); padding: 16px; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { justify-content: flex-start; } .checkout_coupon { display: flex; gap: 8px; flex-wrap: wrap; background: #fff; border: 1px solid var(--ldb-line); border-radius: var(--ldb-radius); padding: 14px; margin: 0 0 20px; } .checkout_coupon p { margin: 0; } .woocommerce-shipping-fields, .woocommerce-additional-fields { margin-top: 20px; } #ship-to-different-address label { font-size: 1rem; } .woocommerce form .form-row.place-order { margin-bottom: 0; } .woocommerce-privacy-policy-text { font-size: .82rem; color: var(--ldb-muted); } .clear { clear: both; } /* TI WooCommerce Wishlist: botão só com ícone nos cartões; discreto na ficha */ ul.products li.product .tinv-wraper { position: absolute !important; top: 8px; right: 8px; z-index: 3; margin: 0 !important; padding: 0 !important; } ul.products li.product .tinvwl_add_to_wishlist_button { display: grid !important; place-items: center; width: 38px; height: 38px; margin: 0 !important; padding: 0 !important; border-radius: 50%; background: #fff; box-shadow: var(--ldb-shadow); color: var(--ldb-ink) !important; text-decoration: none; } ul.products li.product .tinvwl_add_to_wishlist_button:hover, ul.products li.product .tinvwl_add_to_wishlist_button.tinvwl-product-in-list { color: var(--ldb-violet) !important; } ul.products li.product .tinvwl_add_to_wishlist_button::before { margin: 0 !important; font-size: 18px !important; } ul.products li.product .tinvwl_add_to_wishlist-text, ul.products li.product .tinvwl_remove_from_wishlist-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .summary .tinvwl_add_to_wishlist_button { color: var(--ldb-ink) !important; font-weight: 600; font-size: .9rem; text-decoration: none; } .summary .tinvwl_add_to_wishlist_button:hover { color: var(--ldb-violet) !important; } .summary form.cart .single_add_to_cart_button { flex: 1 1 160px; } .summary form.cart .tinv-wraper, .summary form.cart .tinvwl_add_to_wishlist_button { flex-basis: 100%; } /* Elementor: impede estilos globais de botão de sobreporem os do tema */ .ldb button.ldb-iconbtn, .ldb button.ldb-tabs__tab:not([aria-selected="true"]), .ldb .ldb-bottomnav button, .ldb button.ldb-qty-btn, .ldb button.ldb-search__btn { font-family: var(--ldb-font-ui); } .ldb-sticky-atc:not(.is-visible) { visibility: hidden; transition: transform .25s, visibility 0s .25s; } .woocommerce form.woocommerce-form-login .button, .woocommerce form.woocommerce-form-register .button, .woocommerce form.woocommerce-ResetPassword .button { background: var(--ldb-violet); border-color: var(--ldb-violet); color: #fff; width: 100%; } .woocommerce form.woocommerce-form-login .button:hover, .woocommerce form.woocommerce-form-register .button:hover, .woocommerce form.woocommerce-ResetPassword .button:hover { background: var(--ldb-cosmos); border-color: var(--ldb-cosmos); }