/* =============================================
GLOBAL: prevent horizontal overflow
============================================= */
body { overflow-x: hidden; max-width: 100vw; }
/* Prevent browsers (Opera Mini, UC, data-saving mode) from rendering script tags as text */
script, noscript { display: none !important; visibility: hidden !important; }
/* Side cart: ensure it's not clipped */
.xoo-wsc-container, .xoo-wsc-modal { overflow: visible !important; }
/* =============================================
GLOBAL: mobile width constraint
============================================= */
@media (max-width: 767px) {
body, #page, .site, .rsrc-container, .container, .woocommerce,
.single-product div.product {
max-width: 100vw !important;
overflow-x: hidden !important;
}
img, video, iframe, table, pre, code {
max-width: 100% !important;
}
/* Product page: remove side margins, single column */
.woocommerce div.product {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.single-product div.product {
grid-template-columns: 1fr !important;
}
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary.entry-summary,
.single-product div.product .woocommerce-tabs,
.single-product div.product .related.products,
.single-product div.product .upsells.products,
.single-product div.product > .woocommerce-product-details__short-description,
.elfcam-section-item {
grid-column: 1 !important;
grid-row: auto !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
float: none !important;
position: relative !important;
}
.single-product div.product .elfcam-gallery-wrap {
grid-column: 1 !important;
grid-row: auto !important;
position: relative !important;
top: auto !important;
max-width: 100% !important;
height: auto !important;
overflow: visible !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.single-product div.product .summary.entry-summary .product_title,
.single-product div.product .summary.entry-summary h1 {
font-size: 18px !important;
line-height: 1.3 !important;
}
.single-product div.product .summary.entry-summary {
margin-top: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 10px 0 !important;
}
.elfcam-price-block {
flex-wrap: wrap !important;
}
.elfcam-remise-table {
overflow-x: auto !important;
}
.elfcam-remise-table table {
min-width: 0 !important;
}
}
/* === Mega-menu (from Code Snippets #30) === */
#mega-menu-wrap-main_menu {
margin-left: 0;
margin-right: 0;
border: 0;
}
.variations th.label { display: none !important; }
.elfcam-product-extra, .product_meta, .elfcam-remise-box { display: none !important; }
/* ===== Global Font ===== */
* {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
.fa, .fas, .far, .fal, .fab, .fad,
[class*="fa-"]:before,
.fa:before {
font-family: "FontAwesome" !important;
}
/* ===== Breadcrumbs ===== */
#breadcrumbs {
padding: 10px 12px !important;
text-transform: none !important;
border: none !important;
margin-bottom: 8px !important;
font-size: 13.5px;
color: #999;
letter-spacing: 0.01em;
background: linear-gradient(90deg, #fff, #f1f1f1, #fff);
}
#breadcrumbs .breadcrumbs-inner {
text-align: left !important;
}
#breadcrumbs a {
color: #555;
text-decoration: none;
transition: color 0.2s ease;
}
#breadcrumbs a:hover {
color: #111;
}
#breadcrumbs .fa-home {
display: none;
}
/* WooCommerce breadcrumbs */
.woocommerce-breadcrumb {
padding: 10px 0 !important;
font-size: 13.5px !important;
color: #999 !important;
border: none !important;
margin-bottom: 8px !important;
}
.woocommerce-breadcrumb a {
color: #555 !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.woocommerce-breadcrumb a:hover {
color: #111 !important;
}
/* ===== Single Product: CSS Grid Layout ===== */
.single-product div.product {
display: grid !important;
grid-template-columns: 45fr 55fr;
gap: 0 30px;
align-items: start;
float: none !important;
}
.single-product div.product::before,
.single-product div.product::after {
display: none !important;
}
/* Gallery sticky wrapper: spans col1 rows 1-3 so sticky stops before elfcam-tabs-wrap */
.single-product div.product .elfcam-gallery-wrap {
grid-column: 1;
grid-row: 1 / 3;
align-self: start;
position: sticky;
top: 110px;
width: 100%;
z-index: 1;
}
.admin-bar .single-product div.product .elfcam-gallery-wrap {
top: 142px;
}
/* Gallery itself: normal flow inside wrapper */
.single-product div.product .woocommerce-product-gallery {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-bottom: 0 !important;
}
/* Summary: right col, row 1 — wraps both summary content + short description */
.single-product div.product .summary.entry-summary {
grid-column: 2;
grid-row: 1;
width: 100% !important;
float: none !important;
align-self: start;
background: #fff !important;
border: none !important;
border-radius: 12px 12px 0 0 !important;
padding: 20px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
.single-product div.product .summary.entry-summary::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border-radius: 12px 12px 0 0;
border: 1px solid transparent;
border-bottom: none;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
background: linear-gradient(to bottom, #ccc, rgba(255,255,255,0)) border-box;
pointer-events: none;
}
/* Gallery images fluid */
.single-product div.product .woocommerce-product-gallery img {
max-width: 100%;
height: auto;
}
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
max-width: 100%;
overflow: visible;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
max-width: 100%;
overflow: hidden;
}
.woocommerce div.product .product_title {
font-size: 20px !important;
font-weight: 700;
line-height: 1.35;
text-transform: capitalize;
color: #0a3a6c !important;
}
/* Short description: outside summary, same grid column, below it */
.single-product div.product .woocommerce-product-details__short-description {
grid-column: 2;
margin: 16px 0 0;
padding: 12px 0 0;
border: none !important;
border-top: 2px solid #e8712a !important;
border-radius: 0 !important;
box-shadow: none !important;
text-align: center;
letter-spacing: 0;
line-height: 1.5 !important;
font-size: 14px;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
box-sizing: border-box;
background: transparent;
width: 100%;
}
/* List styling */
.single-product div.product .woocommerce-product-details__short-description ul {
padding-left: 0;
margin: 0 auto;
list-style: none;
display: inline-block;
text-align: left;
}
.single-product div.product .woocommerce-product-details__short-description li {
margin-bottom: 8px;
padding-left: 16px;
position: relative;
font-size: 14px;
line-height: 1.55;
color: #333;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.single-product div.product .woocommerce-product-details__short-description li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 5px;
height: 5px;
background: #e67e22;
border-radius: 50%;
}
.single-product div.product .woocommerce-product-details__short-description li strong {
color: #111;
font-weight: 700;
}
.single-product div.product > .woocommerce-product-details__short-description p em {
color: #666;
font-size: 12px;
}
/* Tabs + Related + Upsells: full width */
.single-product div.product .woocommerce-tabs,
.single-product div.product .related.products,
.single-product div.product .upsells.products {
grid-column: 1 / -1;
}
/* Desktop: tabs render above sticky gallery */
@media (min-width: 768px) {
.single-product div.product .woocommerce-tabs {
position: relative;
z-index: 5;
background: #fff;
}
}
/* ===== Product Gallery: Apple frosted glass style ===== */
.single-product .woocommerce-product-gallery {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: none !important;
border-radius: 0;
padding: 0;
box-shadow: none !important;
}
/* Main image viewport */
.single-product .woocommerce-product-gallery .flex-viewport {
border-radius: 12px;
overflow: hidden;
position: relative;
border: none !important;
box-shadow: none !important;
}
/* Remove all image borders */
.single-product .woocommerce-product-gallery img {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.single-product .woocommerce-product-gallery__image {
border: none !important;
outline: none !important;
}
.single-product .woocommerce-product-gallery__image a {
border: none !important;
outline: none !important;
}
/* Gallery zoom trigger */
.single-product .woocommerce-product-gallery__trigger { display: none !important; } .single-product .woocommerce-product-gallery__trigger-OLD {
width: 36px !important;
height: 36px !important;
font-size: 1.2em !important;
line-height: 36px !important;
background: rgba(10,58,108,0.7) !important;
border: none !important;
border-radius: 50% !important;
color: #fff !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0.85;
transition: all 0.2s;
top: 12px !important;
right: 12px !important;
}
.single-product .woocommerce-product-gallery__trigger:hover {
opacity: 1;
background: rgba(10,58,108,0.9) !important;
transform: scale(1.1);
}
.single-product .woocommerce-product-gallery__trigger img.emoji {
filter: brightness(10) !important;
width: 16px !important;
height: 16px !important;
}
/* Thumbnail navigation */
.single-product .woocommerce-product-gallery .flex-control-thumbs {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
overflow: visible !important;
max-height: none !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 4px !important;
border: none !important;
opacity: 1;
cursor: pointer;
transition: all 0.15s !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover {
opacity: 1;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1 !important;
border: none !important;
box-shadow: none !important;
}
/* Scrollbar for thumbs */
.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
height: 4px;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-track {
background: transparent;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
background: rgba(10,58,108,0.12);
border-radius: 2px;
}
/* Mobile */
@media (max-width: 767px) {
.single-product .woocommerce-product-gallery {
padding: 0 !important;
border-radius: 12px;
background: none !important;
border: none !important;
box-shadow: none !important;
align-items: flex-start !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* Mobile thumbs: same size as desktop */
.single-product .woocommerce-product-gallery .flex-control-thumbs {
gap: 4px !important;
width: 44px !important;
min-width: 44px !important;
max-height: none !important;
overflow: visible !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
width: 44px !important;
height: 44px !important;
}
.single-product .woocommerce-product-gallery .flex-viewport {
margin-top: 0 !important;
padding-top: 0 !important;
}
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image.flex-active-slide {
height: auto !important;
align-items: flex-start !important;
justify-content: flex-start !important;
display: block !important;
}
.single-product .woocommerce-product-gallery__image img {
max-height: none !important;
height: auto !important;
width: 100% !important;
vertical-align: top !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
width: 100% !important;
height: 100% !important;
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
background: #fff !important;
opacity: 1 !important;
transition: all 0.15s !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border: none !important;
}
}
/* Video overlay in gallery */
.gallery-video-overlay {
border-radius: 8px;
}
.gallery-video-close:hover {
background: rgba(0, 0, 0, 0.85) !important;
}
/* Video thumbnail in nav */
.video-thumb-item div {
border-radius: 4px !important;
overflow: hidden;
}
/* ===== Single Product Price Block ===== */
.elfcam-price-block {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 10px;
margin: 12px 0 8px;
line-height: 1;
}
.elfcam-price-discount {
display: inline-flex;
align-items: center;
padding: 5px 12px;
border-radius: 6px;
font-size: 16px;
font-weight: 800;
background: #e00;
color: #fff;
letter-spacing: .5px;
margin-bottom: 6px;
box-shadow: none;
}
.elfcam-price-regular {
font-size: 14px;
color: #aaa;
text-decoration: none;
position: relative;
margin-bottom: 6px;
display: inline-flex;
align-items: baseline;
}
.elfcam-price-regular > span {
font-size: 20px;
font-weight: 700;
}
.elfcam-price-regular::after {
content: '';
position: absolute;
left: -4%;
right: -4%;
top: 50%;
height: 2px;
background: linear-gradient(90deg, transparent, #999, transparent);
transform: translateY(-50%) rotate(-8deg);
border-radius: 2px;
}
.elfcam-price-regular sub {
font-size: 12px;
font-weight: 600;
vertical-align: baseline;
}
.elfcam-price-current {
display: inline-flex;
align-items: flex-end;
}
.elfcam-price-int {
font-size: 52px !important;
font-weight: 800 !important;
color: #111 !important;
line-height: .85;
letter-spacing: -1px;
}
.elfcam-price-dec {
font-size: 20px;
font-weight: 700;
color: #111;
margin-bottom: 6px;
margin-left: 1px;
}
.elfcam-price-cur {
font-size: 20px;
font-weight: 500;
color: #111;
margin-left: 3px;
margin-bottom: 6px;
}
.elfcam-price-range {
font-size: 28px;
font-weight: 700;
color: #111;
}
.elfcam-price-range sub {
font-size: 14px;
}
.elfcam-price-ht {
font-size: 13px;
color: #0a3a6c;
font-style: italic;
font-weight: 500;
margin-bottom: 6px;
white-space: nowrap;
opacity: .7;
}
/* === Hide reset variations link === */
.single-product a.reset_variations { display: none !important; }
/* === Variation Swatches (single product) === */
.woocommerce div.product .variable-items-wrapper.button-variable-items-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 5px !important;
list-style: none !important;
padding: 0 !important;
margin: 8px 0 !important;
}
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px !important;
height: 32px !important;
padding: 0 10px !important;
margin: 0 !important;
border: 1.5px solid #ddd !important;
border-radius: 6px !important;
background: #fff !important;
cursor: pointer !important;
transition: all .15s ease !important;
}
.woocommerce div.product .variable-items-wrapper li.variable-item .variable-item-span-button {
font-size: 12px !important;
font-weight: 600 !important;
color: #333 !important;
}
/* Hover */
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item:hover {
border-color: #0a3a6c !important;
background: #f0f4f8 !important;
}
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item:hover .variable-item-span-button {
color: #0a3a6c !important;
}
/* Selected */
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item.selected,
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item[aria-checked=true] {
border-color: #0a3a6c !important;
background: #0a3a6c !important;
box-shadow: 0 2px 8px rgba(10,58,108,.25) !important;
}
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item.selected .variable-item-span-button,
.woocommerce div.product .variable-items-wrapper li.variable-item.button-variable-item[aria-checked=true] .variable-item-span-button {
color: #fff !important;
font-weight: 700 !important;
}
/* Disabled / out of stock */
.woocommerce div.product .variable-items-wrapper li.variable-item.disabled,
.woocommerce div.product .variable-items-wrapper li.variable-item[aria-disabled=true] {
opacity: .35 !important;
cursor: not-allowed !important;
border-style: dashed !important;
background: #f5f5f5 !important;
}
/* Hide WC native variation price on single product (we use elfcam-price-block) */
.single-product .woocommerce-variation-price { display: none !important; }
.single-product .single_variation .price { display: none !important; }
/* ===== Product Cards: Unified Style ===== */
/* --- Shared card base --- */
.hfe-product-item,
.related.products ul.products li.product,
.upsells.products ul.products li.product {
background: #fff !important;
border: none !important;
border-radius: 0 !important;
overflow: hidden;
}
.hfe-product-item:hover,
.related.products ul.products li.product:hover,
.upsells.products ul.products li.product:hover {
box-shadow: none;
}
/* --- HFE Grid: fixed width cards --- */
.hfe-woo-products-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, 220px) !important;
gap: 12px !important;
justify-content: center !important;
}
.hfe-product-image {
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
background: #f7f7f7;
}
.hfe-product-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.hfe-product-content {
padding: 8px 10px 10px !important;
display: flex !important;
flex-direction: column !important;
text-align: left !important;
height: 160px !important;
overflow: hidden;
}
.hfe-product-category { display: none !important; }
/* Title: 3 lines, bold, left */
.hfe-product-title {
margin: 0 0 4px !important;
text-align: left !important;
}
.hfe-product-title h2 {
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
margin: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-align: left !important;
color: #0f1111 !important;
}
.hfe-product-title a {
color: #0f1111 !important;
text-decoration: none !important;
}
.hfe-product-title a:hover { color: #c45500 !important; }
/* Hide original rating + price (JS replaces) */
.hfe-product-rating { display: none !important; }
.hfe-product-price { display: none !important; }
.hfe-product-description { display: none !important; }
.hfe-product-add-to-cart { display: none !important; }
/* Hide variation swatches + extra price in loop cards */
.hfe-product-item .wvs-archive-variations-wrapper,
.hfe-product-item .variations_form,
.hfe-product-item .variable-items-wrapper,
.hfe-product-item .price,
.related.products li.product .wvs-archive-variations-wrapper,
.upsells.products li.product .wvs-archive-variations-wrapper { display: none !important; }
/* --- Related / Upsell Cards --- */
.related.products, .upsells.products { padding: 16px 0 !important; }
.related.products h2, .upsells.products h2 {
font-size: 16px; font-weight: 700; margin-bottom: 12px;
}
.related.products ul.products,
.upsells.products ul.products,
.elfcam-extra-products ul.products {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: scroll;
overflow-y: visible;
align-items: stretch !important;
gap: 7px;
list-style: none;
padding: 0 0 10px !important; margin: 0 !important;
float: none !important; clear: both;
scrollbar-width: thin;
scrollbar-color: #e67e22 #f2e8df;
-webkit-overflow-scrolling: touch;
}
.related.products ul.products::-webkit-scrollbar,
.upsells.products ul.products::-webkit-scrollbar,
.elfcam-extra-products ul.products::-webkit-scrollbar { height: 8px; }
.related.products ul.products::-webkit-scrollbar-track,
.upsells.products ul.products::-webkit-scrollbar-track,
.elfcam-extra-products ul.products::-webkit-scrollbar-track {
background: #f2e8df;
border-radius: 10px;
}
.related.products ul.products::-webkit-scrollbar-thumb,
.upsells.products ul.products::-webkit-scrollbar-thumb,
.elfcam-extra-products ul.products::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, #e67e22, #f39c12);
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.4);
}
.related.products ul.products::-webkit-scrollbar-thumb:hover,
.upsells.products ul.products::-webkit-scrollbar-thumb:hover,
.elfcam-extra-products ul.products::-webkit-scrollbar-thumb:hover {
background: linear-gradient(90deg, #d35400, #e67e22);
}
.related.products ul.products::before,
.related.products ul.products::after,
.upsells.products ul.products::before,
.upsells.products ul.products::after { display: none !important; }
.related.products ul.products li.product,
.upsells.products ul.products li.product,
.elfcam-extra-products ul.products li.product {
flex: 0 0 160px !important;
width: 160px !important; max-width: 160px !important;
padding: 0 !important; margin: 0 !important;
float: none !important;
align-self: stretch !important;
display: flex !important; flex-direction: column;
}
.related.products li.product a.woocommerce-LoopProduct-link img,
.upsells.products li.product a.woocommerce-LoopProduct-link img {
width: 100%; height: auto;
display: block; border-radius: 0;
}
.related.products li.product a.woocommerce-LoopProduct-link,
.upsells.products li.product a.woocommerce-LoopProduct-link {
padding: 8px 0 10px; display: flex; flex-direction: column;
flex: 1; text-decoration: none;
}
.related.products li.product .woocommerce-loop-product__title,
.upsells.products li.product .woocommerce-loop-product__title {
font-size: 13px !important; font-weight: 700 !important;
line-height: 1.35; color: #0f1111;
margin: 0 0 4px !important; padding: 0 !important;
display: -webkit-box !important; -webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important; overflow: hidden !important;
text-align: left !important;
}
.related.products li.product .star-rating,
.upsells.products li.product .star-rating { display: none !important; }
.related.products li.product .price,
.upsells.products li.product .price { display: none !important; }
.related.products li.product a.button,
.upsells.products li.product a.button,
.related.products li.product .price,
.upsells.products li.product .price,
.related.products li.product .star-rating,
.upsells.products li.product .star-rating,
.related.products li.product .rating-comment,
.upsells.products li.product .rating-comment,
.related.products li.product > i,
.upsells.products li.product > i,
ul.products li.product .price,
ul.products li.product .star-rating,
ul.products li.product .rating-comment,
ul.products li.product > i,
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button { display: none !important; }
/* But keep our injected price visible */
.ecb-price { display: inline-flex !important; }
/* --- Product thumbnail image frame --- */
ul.products li.product a.woocommerce-LoopProduct-link img,
.hfe-product-image img {
border-radius: 10px;
border: 1px solid rgba(0,0,0,0.06);
background: #fff;
padding: 6px;
box-sizing: border-box;
transition: box-shadow 0.25s ease, transform 0.25s ease;
width: 100% !important;
height: 150px !important;
object-fit: contain !important;
}
ul.products li.product a.woocommerce-LoopProduct-link img:hover,
.hfe-product-image img:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.10);
transform: scale(1.02);
}
/* --- Badge Styles --- */
.elfcam-card-inject {
display: flex;
flex-direction: column;
gap: 4px;
}
.elfcam-card-badge {
display: flex;
align-items: center;
gap: 5px;
margin: 0;
line-height: 1;
text-align: left;
}
.ecb-sales-line {
display: block;
min-height: 1em;
line-height: 1;
}
.ecb-stars {
color: #de7921;
font-size: 12px;
letter-spacing: -0.5px;
line-height: 1;
white-space: nowrap;
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.ecb-count {
color: #007185;
font-size: 12px;
font-weight: 400;
}
.ecb-sep {
color: #ccc;
font-size: 11px;
}
.elfcam-var-range {
display: block;
text-align: left;
text-decoration: none !important;
}
ul.products li.product a:not(.button) {
text-decoration: none !important;
}
.ecb-sales,
.ecb-hot {
font-size: 11px;
color: #999;
font-weight: 300;
white-space: nowrap;
}
/* --- Price split --- */
.ecb-price {
display: inline-flex;
align-items: flex-start;
text-align: left;
margin: 1px 0;
}
.ecb-price-int {
font-size: 29px;
font-weight: 700;
color: #0f1111;
line-height: 1;
}
.ecb-price-dec {
font-size: 12px;
font-weight: 600;
color: #0f1111;
line-height: 1;
margin-top: 1px;
}
.ecb-price-cur {
font-size: 12px;
font-weight: 400;
color: #0f1111;
line-height: 1;
margin-top: 1px;
margin-left: 1px;
}
.ecb-price-from {
font-size: 11px;
color: #555;
align-self: center;
margin-right: 2px;
}
/* --- Delivery line --- */
.elfcam-delivery-line {
font-weight: 600;
color: #111;
font-size: 11px;
margin: 2px 0 0;
display: flex;
align-items: center;
gap: 4px;
line-height: 1;
}
.elfcam-delivery-line svg {
flex-shrink: 0;
}
/* --- Responsive --- */
@media (max-width: 767px) {
.hfe-product-content { padding: 6px 8px 8px !important; }
.hfe-product-title h2 { font-size: 12px !important; }
.related.products li.product .woocommerce-loop-product__title,
.upsells.products li.product .woocommerce-loop-product__title {
font-size: 11px !important;
}
.ecb-stars { font-size: 11px; }
.ecb-count, .ecb-sales, .ecb-hot { font-size: 10px; }
.ecb-price-int { font-size: 20px; }
.ecb-price-dec, .ecb-price-cur { font-size: 11px; }
.elfcam-delivery-line { font-size: 10px; gap: 3px; }
.elfcam-delivery-line svg { width: 12px; height: 12px; }
/* Related/upsells/extra: smaller cards and tighter gaps on mobile */
.related.products ul.products,
.upsells.products ul.products,
.elfcam-extra-products ul.products {
gap: 3px !important;
}
.related.products ul.products li.product,
.upsells.products ul.products li.product,
.elfcam-extra-products ul.products li.product {
flex: 0 0 120px !important;
width: 120px !important;
max-width: 120px !important;
}
}
/* ===== Footer: Match header style — dark navy, clean, compact ===== */
/* Global footer base (both desktop & mobile) */
#colophon,
footer#colophon,
.site-footer,
.elementor-11367,
.footer-width-fixer {
background: linear-gradient(135deg, #1b2a4a 0%, #1a2744 50%, #162240 100%) !important;
}
#colophon, #colophon *,
.elementor-11367, .elementor-11367 * {
color: #ccd6e0 !important;
}
#colophon a,
.elementor-11367 a {
text-decoration: none !important;
color: #ccd6e0 !important;
background-image: none !important;
transition: color 0.15s ease !important;
}
#colophon a:hover,
.elementor-11367 a:hover {
color: #e67e22 !important;
}
/* Column headings — orange accent like header */
.elementor-11367 .elementor-heading-title {
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
margin-bottom: 10px !important;
padding-bottom: 8px !important;
border-bottom: 2px solid #e67e22 !important;
display: inline-block !important;
}
/* Compact link spacing */
.elementor-11367 .elementor-widget-text-editor p {
margin: 0 !important;
padding: 0 !important;
line-height: 1.8 !important;
font-size: 13px !important;
}
/* Hide spacer paragraphs */
.elementor-11367 .elementor-widget-text-editor p:empty,
.elementor-11367 .elementor-widget-text-editor p br:only-child {
display: none !important;
}
.elementor-11367 .elementor-widget-text-editor p:not(:has(a)):not(:has(em)):not(:has(span)) {
display: none !important;
}
/* Link style */
.elementor-11367 .elementor-widget-text-editor a {
font-size: 13px !important;
padding-bottom: 0 !important;
background-size: 0 !important;
}
.elementor-11367 .elementor-widget-text-editor a:hover {
color: #e67e22 !important;
}
/* Address text */
.elementor-11367 .elementor-widget-text-editor em {
font-size: 12px !important;
line-height: 1.5 !important;
color: #99a8b8 !important;
}
/* Images: no glass effect */
.elementor-11367 .elementor-widget-image {
background: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-radius: 0 !important;
padding: 10px !important;
border: none !important;
box-shadow: none !important;
margin-bottom: 8px !important;
transition: none !important;
}
.elementor-11367 .elementor-widget-image:hover {
background: none !important;
border-color: transparent !important;
box-shadow: none !important;
}
.elementor-11367 .elementor-widget-image img {
border-radius: 8px !important;
opacity: 0.95;
transition: opacity 0.3s ease !important;
}
.elementor-11367 .elementor-widget-image:hover img {
opacity: 1;
}
/* Remove underlines from u tags */
.elementor-11367 u {
text-decoration: none !important;
}
/* Elementor columns: tighter gaps */
.elementor-11367 .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 15px !important;
}
@media (min-width: 768px) {
/* Desktop: 4 equal columns, max-width container */
.elementor-11367 .elementor-container {
max-width: 1200px !important;
margin: 0 auto !important;
}
.elementor-11367 .elementor-column {
padding: 0 10px !important;
}
}
/* === Privilege (from Code Snippets #31) === */
.user-role-administrator
.elementor-element.elementor-element-132beaa > .elementor-element-populated {
background-image: linear-gradient(to left, #141920 0%, #141920 30%, #fa9a06 100%);
}
.user-role-client_privilegie #mega-menu-wrap-main_menu,
.user-role-administrator #mega-menu-wrap-main_menu {
background-image: linear-gradient(to top, #fa9a06 0%, #141920 100%);
}
/* === 页面调整 (from Code Snippets #32) === */
.header-cart .wishlist-style-four .fa-heart,
.header-cart .wishlist-style-four .count,
.header-cart .cart-style-four .fa-shopping-cart,
.header-cart .cart-style-four .count,
.rsrc-container, .panel, .site-header-cart, .navbar {
background-color: white;
padding: 0;
}
.woocommerce a.added_to_cart { display: none; }
.single-product .summary.entry-summary *,
.single-product .summary.entry-summary *::before,
.single-product .summary.entry-summary *::after {
box-sizing: inherit;
}
.woocommerce .woocommerce-product-rating .star-rating {
display: none !important;
}
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
body {
font-size: 14px;
line-height: 1.5;
margin: 0;
padding: 0;
}
p, span {
font-size: 14px;
line-height: 1.3;
margin: 0 0 0.75em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #304c60;
margin: 0 0 0.6em;
font-weight: 600;
}
a {
color: #304c60;
text-decoration: underline;
font-weight: normal;
transition: color 0.2s ease, text-decoration-color 0.2s ease, font-weight 0.2s ease;
}
a:hover, a:focus {
color: #d42f2f;
}
a:focus-visible {
outline: 2px solid #d42f2f;
outline-offset: 2px;
}
[class^=xoo-wsc-icon-], [class*=" xoo-wsc-icon-"] {
margin: 0;
}
.woocommerce div.product form.cart .variations label {
color: #141920;
text-transform: uppercase;
margin: 0;
line-height: 18px;
}
/* === rsrc (from Code Snippets #34) === */
.rsrc-main .rsrc-post-content {
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
margin: 0;
}
.rsrc-header-text {
display: none;
height: 0;
}
.rsrc-header-text h1.site-title {
font-family: initial;
font-size: 0;
letter-spacing: 0;
line-height: 1.8;
}
.rsrc-content {
height: 100%;
margin-top: 0;
margin-left: 6px;
margin-right: 6px;
}
.rsrc-header, .dropdown-menu {
background-color: transparent;
}
.ehf-header #masthead {
z-index: 99;
position: relative;
background: #141920;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
background-color: transparent;
}
h1.page-header, h2.page-header {
display: none;
}
.header-section {
position: relative;
margin-bottom: 0;
background-color: #203041;
}
.onsale {
display: none;
}
.rsrc-header {
display: none;
}
#ivole-histogramTable tr.ivole-histogramRow td:last-child {
padding-right: 0;
display: none;
}
.categories {
height: 200px;
min-height: 200px !important;
}
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-category__title {
width: 100%;
text-align: left !important;
color: #0f1111;
font-weight: 700 !important;
line-height: 1.35 !important;
padding: 0;
font-size: 13px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-transform: none;
margin: 0 0 4px !important;
}
.woocommerce ul.products li.product {
width: 160px !important;
flex-shrink: 0 !important;
margin: 0 0 10px 0 !important;
box-sizing: border-box;
float: none !important;
transition: all .3s ease-out;
position: relative;
text-align: left;
background: #fff;
padding: 5px;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body, .btn-primary.outline, .home-header .page-header a, .page-header,
.header-cart a, .header-login a, .entry-summary, .navbar-inverse .navbar-nav > li > a,
.widget h3, .header-cart, .header-login,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 14px;
letter-spacing: 0;
line-height: 1.5 !important;
margin-right: 0;
margin: 0;
}
/* === post (from Code Snippets #35) === */
.post-meta {
display: none;
}
.postauthor-container {
display: none;
}
.rsrc-author-credits {
padding: 0;
text-transform: uppercase;
margin-left: 5px;
margin-right: 5px;
width: 100%;
text-align: center;
}
/* === order total (from Code Snippets #37) === */
.order-total {
color: green;
}
/* === Payment (from Code Snippets #38) === */
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
border: none !important;
box-shadow: none !important;
background: none !important;
}
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 0 !important;
margin: 0;
list-style: none outside;
background: none !important;
border: none !important;
}
/* === 产品缩略图 (from Code Snippets #40) — only non-conflicting rules === */
/* Card flex layout */
ul.products li.product {
display: flex;
flex-direction: column;
height: 100%;
}
ul.products li.product a.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
/* Hide add-to-cart in loop */
ul.products li.product a.button.add_to_cart_button,
ul.products li.product a.button.product_type_simple,
ul.products li.product a.button.product_type_variable {
display: none !important;
}
/* Hide rating comment link in loop */
ul.products li.product a.rating-comment {
display: none !important;
}
/* Hide original price del in loop */
ul.products li.product .price del {
display: none !important;
}
ul.products li.product .price br {
display: none !important;
}
/* Discount label in loop */
ul.products li.product .price .my-discount-label {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 6px;
vertical-align: middle;
padding: 0.1em 0.55em;
border-radius: 999px;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
background: #e53935;
color: #fff;
}
ul.products li.product .price ins {
display: inline-block;
vertical-align: middle;
}
/* Hide HT in loop */
ul.products li.product .price .price-ht,
ul.products li.product .price span[style*="font-size: 0.6em"][style*="font-style: italic"] {
display: none !important;
}
/* Hide onsale badge in loop */
ul.products li.product .onsale {
display: none !important;
}
ul.products li.product .star-rating {
display: none !important;
}
/* Swatch area */
ul.products li.product .loop-below-price-swatches {
margin-top: 6px;
min-height: 40px;
}
/* Simple product bottom padding */
ul.products li.product.product-type-simple a.woocommerce-LoopProduct-link {
padding-bottom: 40px;
}
/* Hide discount amount text */
ul.products li.product .my-price-discount-amount {
display: none;
}
/* Mobile tweaks from #40 */
@media (max-width: 767px) {
ul.products li.product a.woocommerce-LoopProduct-link {
padding: 0;
}
ul.products li.product .price .my-discount-label {
padding: 0.08em 0.45em;
font-size: 0.7em;
}
ul.products li.product.product-type-simple a.woocommerce-LoopProduct-link {
padding-bottom: 26px;
}
ul.products li.product .loop-below-price-swatches {
min-height: 26px;
}
}
/* === price 字体 (from Code Snippets #42) — only non-conflicting with elfcam-price-block === */
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
font-size: 16px;
font-weight: 700;
color: #0a3a6c;
border: 2px solid #0a3a6c;
border-radius: 10px;
background: linear-gradient(135deg, rgba(10,58,108,.06), rgba(10,58,108,.1));
height: 44px;
transition: border-color .2s, box-shadow .2s;
}
.woocommerce .quantity .qty:focus {
border-color: #0a3a6c;
box-shadow: 0 0 0 3px rgba(10,58,108,.15);
outline: none;
}
.woocommerce div.product p.stock.available-on-backorder {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 8px;
background: rgba(183,106,34,.06);
border: 1px solid rgba(183,106,34,.15);
color: #b75b22;
font-size: 13px;
font-weight: 600;
line-height: 1.4;
margin: 8px 0;
}
.woocommerce div.product p.stock.available-on-backorder::before {
content: "\23F3";
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: #b75b22;
color: #fff;
font-size: 11px;
font-weight: 700;
flex-shrink: 0;
}
.woocommerce div.product p.stock {
font-size: 13px;
color: green;
}
/* Stock line styling */
.woocommerce div.product p.stock.in-stock {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 8px;
background: rgba(26,122,60,.06);
border: 1px solid rgba(26,122,60,.15);
color: #1a7a3c;
font-size: 11px;
font-weight: 700;
line-height: 1.4;
margin: 8px 0;
}
.woocommerce div.product p.stock.in-stock::before {
content: "\2713";
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: #1b5e20;
color: #fff;
font-size: 11px;
font-weight: 700;
flex-shrink: 0;
}
.woocommerce div.product p.stock.out-of-stock {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
border-radius: 8px;
background: rgba(183,28,28,.06);
border: 1px solid rgba(183,28,28,.15);
color: #111;
font-size: 13px;
font-weight: 600;
margin: 8px 0;
}
.woocommerce div.product p.stock.out-of-stock::before {
content: "\2717";
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 50%;
background: #111;
color: #fff;
font-size: 11px;
font-weight: 700;
flex-shrink: 0;
}
.woocommerce div.product p.stock a.change-address {
font-size: 11px;
font-weight: 500;
color: #0a3a6c;
text-decoration: none;
border-bottom: 1px dashed rgba(10,58,108,.3);
margin-left: 4px;
transition: border-color .2s ease;
}
.woocommerce div.product p.stock a.change-address:hover {
border-bottom-color: #0a3a6c;
}
/* Single product native .price container (for WC native price if shown) */
.single-product .summary .price,
.variations_form .single_variation .price,
.woocommerce-variation .price {
display: inline-flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 0.35rem;
row-gap: 0.15rem;
font-size: 1rem;
}
.price .my-discount-label {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.1em 0.45em;
border-radius: 999px;
font-size: 0.75em;
font-weight: 600;
line-height: 1;
background: #ffebe8;
color: #d93025;
}
.price del {
font-size: 0.85em;
color: #9b9b9b;
opacity: 0.9;
margin-right: 0.15rem;
}
.price del .woocommerce-Price-amount {
font-weight: 400;
}
.price ins {
text-decoration: none;
}
.price ins .woocommerce-Price-amount,
.price .is-current-price {
font-weight: 600;
font-size: 24px;
color: #ca3338;
}
.single-product .summary .price .price-ht,
.single-product .summary .price span[style*="font-size: 0.6em"][style*="font-style: italic"],
.variations_form .single_variation .price .price-ht,
.variations_form .single_variation .price span[style*="font-size: 0.6em"][style*="font-style: italic"],
.woocommerce-variation .price .price-ht,
.woocommerce-variation .price span[style*="font-size: 0.6em"][style*="font-style: italic"] {
font-size: 0.7em;
color: #929292;
font-style: italic;
margin-left: 0.25rem;
}
.price .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
ul.products li.product .price {
display: block;
font-size: 0.9rem;
}
ul.products li.product .price .is-current-price,
ul.products li.product .price ins .woocommerce-Price-amount {
font-weight: 600;
font-size: 0.9rem;
color: #ca3338;
}
ul.products li.product .price .woocommerce-Price-amount {
font-weight: 400;
}
.custom-red-price { background-color: yellow; }
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
color: #ca3338;
}
/* === Product Percentage (from Code Snippets #43) === */
.woocommerce div.product {
margin-bottom: 0;
position: relative;
margin-left: 1em;
margin-right: 1em;
}
/* === 字体加载 (from Code Snippets #46) === */
@font-face {
font-family: 'dummy' !important;
src: local('x') !important;
}
/* === Hotspot Container (from Code Snippets #48) === */
.tooltipster-shadow .tooltipster-content {
background: #F1F1F1;
}
@media (max-width: 991px) {
.tooltipster-base .tooltipster-content .woocommerce ul.products li.product {
width: 30%;
}
}
@media (max-width: 479px) {
.tooltipster-base .tooltipster-content .woocommerce ul.products li.product {
width: 43%;
}
}
/* === Ajouter au panier (from Code Snippets #53) === */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce div.product form.cart .button,
.woocommerce button.button.alt.single_add_to_cart_button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: .75rem 1.25rem;
border-radius: 9999px;
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: left center !important;
color: #fff !important;
font-weight: 600;
line-height: 1;
text-decoration: none;
border: 0 !important;
cursor: pointer;
transition: background-position .4s ease, transform .06s ease;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce button.button.alt.single_add_to_cart_button:hover {
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: right center !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: none !important;
}
.woocommerce #payment #place_order:active,
.woocommerce-page #payment #place_order:active,
.woocommerce div.product form.cart .button:active,
.woocommerce button.button.alt.single_add_to_cart_button:active {
background-position: right center !important;
color: #fff !important;
transform: translateY(1px);
}
/* single add-to-cart: yellow like FBT button */
.woocommerce div.product form.cart button.single_add_to_cart_button {
background: #FFD814 !important;
background-image: none !important;
border: 1px solid #FCD200 !important;
color: #0f1111 !important;
font-weight: 700 !important;
transition: background .15s, border-color .15s !important;
}
.woocommerce div.product form.cart button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:active {
background: #fff !important;
background-image: none !important;
border: 1px solid #0a3a6c !important;
color: #0f1111 !important;
background-position: unset !important;
}
/* cart checkout button: same yellow style */
.woocommerce a.checkout-button.button.alt.wc-forward {
background: #FFD814 !important;
background-image: none !important;
border: 1px solid #FCD200 !important;
color: #0f1111 !important;
font-weight: 700 !important;
transition: background .15s, border-color .15s !important;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover,
.woocommerce a.checkout-button.button.alt.wc-forward:active {
background: #fff !important;
background-image: none !important;
border: 1px solid #0a3a6c !important;
color: #0f1111 !important;
background-position: unset !important;
}
.woocommerce #payment #place_order:focus-visible,
.woocommerce-page #payment #place_order:focus-visible,
.woocommerce div.product form.cart .button:focus-visible {
outline: 2px solid #111;
outline-offset: 2px;
}
/* === product price in 缩略图 (from Code Snippets #55) === */
.woocommerce ul.products li.product .price ins {
font-weight: 700;
font-size: 12px;
display: inline-block;
}
/* =============================================
LIVRAISON PAGE — design language = priv-*
============================================= */
.elfcam-livraison { max-width: 920px; margin: 0 auto; padding: 0 20px 60px; }
.elfcam-livraison * { box-sizing: border-box; }
/* Hero image */
.lv-hero { position: relative; border-radius: 16px; overflow: hidden; margin-bottom: 28px; }
.lv-hero img { width: 100%; height: 360px; object-fit: cover; display: block; filter: brightness(.35); }
.lv-hero-ov { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 48px 52px; color: rgba(255,255,255,.85); }
.lv-hero-ov h1 { color: #fff; font-size: 38px; font-weight: 800; margin: 0 0 12px; letter-spacing: -.02em; line-height: 1.15; }
.lv-hero-ov > p { color: rgba(255,255,255,.72); font-size: 15px; margin: 0 0 24px; max-width: 560px; line-height: 1.65; }
@media (max-width: 767px) {
.lv-hero img { height: 260px; }
.lv-hero-ov { padding: 28px 24px; }
.lv-hero-ov h1 { font-size: 24px; }
}
/* KPI stats (inside dark hero) */
.lv-kpis { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.lv-kpi { background: rgba(255,255,255,.12); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.2); border-radius: 10px; padding: 10px 18px; text-align: center; }
.lv-kpi strong { display: block; font-size: 20px; font-weight: 700; color: #fff; line-height: 1.2; }
.lv-kpi span { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .07em; display: block; margin-top: 2px; }
/* Express badge */
.lv-express-badge { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, #2d4f7a, #1e3654); color: #fff; border-radius: 12px; padding: 14px 22px; float: left; margin: 0 20px 12px 0; min-width: 90px; }
.lv-express-badge .lv-price { font-size: 34px; font-weight: 700; line-height: 1; color: #e67e22; }
.lv-express-badge .lv-sub { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin-top: 5px; opacity: .8; }
/* Grid layouts */
.lv-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
.lv-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 16px; }
.lv-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
/* Map iframe */
.lv-wh-map { border-radius: 10px; overflow: hidden; margin-top: 10px; }
.lv-wh-map iframe { width: 100%; height: 130px; border: 0; display: block; }
/* Step number circle */
.lv-step-n { width: 30px; height: 30px; background: linear-gradient(135deg, #2d4f7a, #1e3654); color: #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex-shrink: 0; }
/* Tag chips */
.lv-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 4px; }
.lv-tag { background: #eef3fa; color: #2d4f7a; font-size: 10px; font-weight: 600; padding: 3px 10px; border-radius: 6px; border: 1px solid #d0ddef; }
/* TrackShip badges */
.lv-tbadges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.lv-tbadge { background: #eef3fa; color: #2d4f7a; font-size: 11px; font-weight: 600; padding: 5px 12px; border-radius: 8px; border: 1px solid #d0ddef; }
/* Clearfix */
.lv-cf::after { content: ""; display: table; clear: both; }
@media (max-width: 767px) {
.elfcam-livraison { padding: 0 14px 40px; }
.lv-grid-3 { grid-template-columns: 1fr 1fr; }
.lv-grid-2 { grid-template-columns: 1fr; }
.lv-grid-4 { grid-template-columns: 1fr 1fr; }
.lv-express-badge { float: none; margin: 0 0 14px; }
}
@media (max-width: 479px) {
.lv-grid-3, .lv-grid-4 { grid-template-columns: 1fr; }
}
/* =============================================
MY ACCOUNT: VEVOR-style elfcam branding
============================================= */
/* Wrapper: sidebar + content */
.elfcam-myaccount-wrap {
display: flex;
gap: 24px;
max-width: 1200px;
margin: 0 auto;
padding: 24px 16px;
min-height: 600px;
}
/* ---- Sidebar Nav ---- */
.elfcam-account-nav {
width: 260px;
flex-shrink: 0;
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.08);
padding: 0;
overflow: hidden;
align-self: flex-start;
position: sticky;
top: 120px;
}
/* Hide default WC nav */
.woocommerce-MyAccount-navigation {
display: none !important;
}
/* User card */
.elfcam-acct-user {
display: flex;
align-items: center;
gap: 12px;
padding: 20px 16px;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
color: #fff;
}
.elfcam-acct-avatar img {
width: 56px;
height: 56px;
border-radius: 50%;
border: 2px solid rgba(255,255,255,0.3);
object-fit: cover;
}
.elfcam-acct-hello {
font-size: 12px;
opacity: 0.8;
}
.elfcam-acct-name {
font-size: 15px;
font-weight: 700;
margin-top: 2px;
}
/* Dashboard link */
.elfcam-acct-dash {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
color: #2d4f7a;
font-weight: 600;
font-size: 14px;
text-decoration: none;
border-bottom: 1px solid #f0f0f0;
transition: background 0.15s;
}
.elfcam-acct-dash:hover,
.elfcam-acct-dash.active {
background: #f0f4f8;
color: #111;
}
.elfcam-acct-dash svg {
flex-shrink: 0;
}
/* Section */
.elfcam-acct-section {
border-bottom: 1px solid #f0f0f0;
}
.elfcam-acct-section-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
font-size: 13px;
font-weight: 700;
color: #1a2744;
cursor: pointer;
user-select: none;
transition: background 0.15s;
}
.elfcam-acct-section-title:hover {
background: #f8f9fa;
}
.elfcam-acct-chevron {
transition: transform 0.2s;
flex-shrink: 0;
}
.elfcam-acct-section.open .elfcam-acct-chevron {
transform: rotate(90deg);
}
.elfcam-acct-section-items {
display: none;
flex-direction: column;
}
.elfcam-acct-section.open .elfcam-acct-section-items {
display: flex;
}
.elfcam-acct-item {
display: block;
padding: 8px 16px 8px 32px;
font-size: 13px;
color: #555;
text-decoration: none;
transition: all 0.15s;
border-left: 3px solid transparent;
}
.elfcam-acct-item:hover {
background: #f8f9fa;
color: #2d4f7a;
}
.elfcam-acct-item.active {
background: #f0f4f8;
color: #111;
border-left-color: #111;
font-weight: 600;
}
/* Logout */
.elfcam-acct-logout {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
font-size: 13px;
color: #999;
text-decoration: none;
transition: color 0.15s;
}
.elfcam-acct-logout:hover {
color: #e53e3e;
}
/* ---- Content area ---- */
.elfcam-myaccount-content {
flex: 1;
min-width: 0;
}
/* ---- Dashboard ---- */
.elfcam-dash-welcome {
display: flex;
align-items: center;
gap: 20px;
padding: 24px;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
border-radius: 10px;
color: #fff;
margin-bottom: 20px;
}
.elfcam-dash-avatar img {
width: 80px;
height: 80px;
border-radius: 50%;
border: 3px solid rgba(255,255,255,0.3);
object-fit: cover;
}
.elfcam-dash-hello {
font-size: 22px;
font-weight: 700;
margin: 0;
}
.elfcam-dash-member {
font-size: 13px;
opacity: 0.7;
margin: 4px 0 0;
}
/* Stats cards */
.elfcam-dash-stats {
display: flex;
gap: 16px;
margin-bottom: 20px;
}
.elfcam-dash-stat {
flex: 1;
background: #fff;
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
text-decoration: none;
color: #333;
transition: all 0.2s;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.elfcam-dash-stat:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.elfcam-dash-stat-icon {
color: #2d4f7a;
}
.elfcam-dash-stat-icon svg {
width: 28px;
height: 28px;
}
.elfcam-dash-stat-num {
font-size: 24px;
font-weight: 700;
color: #2d4f7a;
}
.elfcam-dash-stat span {
font-size: 12px;
color: #888;
}
.elfcam-dash-stat-highlight {
background: linear-gradient(135deg, #fff7ed 0%, #fff 100%);
border: 1px solid #fde4c8;
}
.elfcam-dash-stat-highlight .elfcam-dash-stat-icon {
color: #111;
}
.elfcam-dash-stat-highlight .elfcam-dash-stat-num {
color: #111;
}
/* Order status tabs */
.elfcam-dash-order-nav {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
margin-bottom: 20px;
}
.elfcam-dash-section-title {
font-size: 16px;
font-weight: 700;
color: #1a2744;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #e67e22;
display: inline-block;
}
.elfcam-dash-order-tabs {
display: flex;
gap: 0;
}
.elfcam-dash-tab {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 16px 8px;
text-decoration: none;
color: #555;
font-size: 12px;
border-radius: 8px;
transition: all 0.15s;
}
.elfcam-dash-tab:hover {
background: #f0f4f8;
color: #2d4f7a;
}
.elfcam-dash-tab svg {
color: #2d4f7a;
}
/* Recent orders table */
.elfcam-dash-recent {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
margin-bottom: 20px;
}
.elfcam-dash-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.elfcam-dash-table th {
text-align: left;
padding: 10px 12px;
font-weight: 600;
color: #1a2744;
border-bottom: 2px solid #e5e7eb;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.elfcam-dash-table td {
padding: 12px;
border-bottom: 1px solid #f0f0f0;
color: #555;
}
.elfcam-dash-table td a {
color: #2d4f7a;
font-weight: 600;
text-decoration: none;
}
.elfcam-dash-table td a:hover {
color: #111;
}
.elfcam-order-status {
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
}
.elfcam-status-completed { background: #d4edda; color: #155724; }
.elfcam-status-processing { background: #cce5ff; color: #004085; }
.elfcam-status-on-hold { background: #fff3cd; color: #856404; }
.elfcam-status-pending { background: #fff3cd; color: #856404; }
.elfcam-status-cancelled { background: #f8d7da; color: #721c24; }
.elfcam-status-refunded { background: #e2e3e5; color: #383d41; }
.elfcam-status-failed { background: #f8d7da; color: #721c24; }
.elfcam-dash-viewall {
display: block;
text-align: center;
padding: 12px;
color: #2d4f7a;
font-size: 13px;
font-weight: 600;
text-decoration: none;
margin-top: 8px;
}
.elfcam-dash-viewall:hover {
color: #111;
}
/* Empty state */
.elfcam-dash-empty {
text-align: center;
padding: 60px 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
margin-bottom: 20px;
}
.elfcam-dash-empty p {
color: #999;
margin: 16px 0;
}
.elfcam-dash-shop-btn {
display: inline-block;
padding: 12px 32px;
background: #2d4f7a;
color: #fff !important;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: all 0.2s;
border: 2px solid #2d4f7a;
}
.elfcam-dash-shop-btn:hover {
background: #3a6491 !important;
color: #111 !important;
border-color: #0a3a6c !important;
}
/* Quick links */
.elfcam-dash-quick {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
}
.elfcam-dash-quick-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
padding: 20px 12px;
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
text-decoration: none;
color: #555;
font-size: 12px;
text-align: center;
transition: all 0.2s;
}
.elfcam-dash-quick-item:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
color: #2d4f7a;
}
.elfcam-dash-quick-item svg {
color: #2d4f7a;
}
.elfcam-dash-quick-logout:hover {
color: #e53e3e;
}
.elfcam-dash-quick-logout svg {
color: #999;
}
/* Style WC content tables */
.elfcam-myaccount-content .woocommerce-orders-table,
.elfcam-myaccount-content table {
border-collapse: collapse;
width: 100%;
font-size: 13px;
}
.elfcam-myaccount-content table th {
background: #f8f9fa;
padding: 10px 12px;
font-weight: 600;
color: #1a2744;
text-align: left;
border-bottom: 2px solid #e5e7eb;
}
.elfcam-myaccount-content table td {
padding: 12px;
border-bottom: 1px solid #f0f0f0;
}
.elfcam-myaccount-content .woocommerce-Address {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.elfcam-myaccount-content h2,
.elfcam-myaccount-content h3 {
color: #1a2744;
font-weight: 700;
}
/* ---- MOBILE MY ACCOUNT ---- */
@media (max-width: 768px) {
.elfcam-myaccount-wrap {
flex-direction: column;
gap: 8px;
padding: 8px 6px;
}
.elfcam-account-nav {
width: 100%;
position: static;
border-radius: 8px;
overflow: hidden;
}
/* User card compact */
.elfcam-acct-user {
padding: 10px 12px;
gap: 8px;
}
.elfcam-acct-avatar img {
width: 40px;
height: 40px;
}
.elfcam-acct-hello {
font-size: 10px;
}
.elfcam-acct-name {
font-size: 13px;
}
/* Nav items compact */
.elfcam-acct-dash {
padding: 8px 12px;
font-size: 12px;
gap: 8px;
}
.elfcam-acct-dash svg {
width: 16px;
height: 16px;
}
.elfcam-acct-section-title {
padding: 8px 12px;
font-size: 12px;
}
.elfcam-acct-item {
padding: 6px 12px 6px 28px;
font-size: 12px;
}
.elfcam-acct-logout {
padding: 8px 12px;
font-size: 12px;
}
.elfcam-acct-section {
/* collapsed by default on mobile */
}
/* Dashboard welcome compact */
.elfcam-dash-welcome {
padding: 12px;
flex-direction: row;
gap: 12px;
border-radius: 8px;
margin-bottom: 8px;
}
.elfcam-dash-avatar img {
width: 50px;
height: 50px;
}
.elfcam-dash-hello {
font-size: 15px;
}
.elfcam-dash-member {
font-size: 11px;
}
/* Stats cards compact */
.elfcam-dash-stats {
flex-direction: row;
gap: 6px;
margin-bottom: 8px;
}
.elfcam-dash-stat {
padding: 8px 4px;
border-radius: 8px;
gap: 2px;
}
.elfcam-dash-stat-icon svg {
width: 20px;
height: 20px;
}
.elfcam-dash-stat-num {
font-size: 16px;
}
.elfcam-dash-stat span {
font-size: 10px;
}
/* Order status tabs compact */
.elfcam-dash-order-nav {
padding: 10px;
border-radius: 8px;
margin-bottom: 8px;
}
.elfcam-dash-section-title {
font-size: 13px;
margin-bottom: 8px;
padding-bottom: 6px;
}
.elfcam-dash-order-tabs {
gap: 0;
}
.elfcam-dash-tab {
padding: 8px 2px;
font-size: 10px;
gap: 3px;
}
.elfcam-dash-tab svg {
width: 18px;
height: 18px;
}
/* Recent orders table compact */
.elfcam-dash-recent {
padding: 10px;
border-radius: 8px;
margin-bottom: 8px;
}
.elfcam-dash-table {
font-size: 11px;
}
.elfcam-dash-table th {
padding: 6px 4px;
font-size: 10px;
}
.elfcam-dash-table td {
padding: 6px 4px;
}
.elfcam-order-status {
font-size: 10px;
padding: 2px 6px;
}
.elfcam-dash-viewall {
padding: 8px;
font-size: 12px;
}
/* Quick links compact */
.elfcam-dash-quick {
grid-template-columns: repeat(2, 1fr);
gap: 6px;
}
.elfcam-dash-quick-item {
padding: 12px 8px;
border-radius: 8px;
font-size: 11px;
gap: 4px;
}
.elfcam-dash-quick-item svg {
width: 22px;
height: 22px;
}
/* Empty state */
.elfcam-dash-empty {
padding: 30px 16px;
border-radius: 8px;
}
.elfcam-dash-empty p {
font-size: 13px;
}
.elfcam-dash-shop-btn {
padding: 10px 24px;
font-size: 13px;
}
/* Content area: forms, tables, addresses */
.elfcam-myaccount-content {
font-size: 13px;
}
.elfcam-myaccount-content h2 {
font-size: 16px;
margin-bottom: 10px;
}
.elfcam-myaccount-content h3 {
font-size: 14px;
margin-bottom: 8px;
}
.elfcam-myaccount-content p {
font-size: 13px;
line-height: 1.5;
}
.elfcam-myaccount-content .woocommerce-Address {
padding: 12px;
border-radius: 8px;
}
.elfcam-myaccount-content table th {
padding: 6px 8px;
font-size: 11px;
}
.elfcam-myaccount-content table td {
padding: 8px;
font-size: 12px;
}
/* WC form fields compact */
.elfcam-myaccount-content .woocommerce-form-row,
.elfcam-myaccount-content .form-row {
margin-bottom: 8px !important;
}
.elfcam-myaccount-content .woocommerce-form-row label,
.elfcam-myaccount-content .form-row label {
font-size: 12px !important;
margin-bottom: 2px !important;
}
.elfcam-myaccount-content .woocommerce-form-row input,
.elfcam-myaccount-content .woocommerce-form-row select,
.elfcam-myaccount-content .form-row input,
.elfcam-myaccount-content .form-row select,
.elfcam-myaccount-content .woocommerce-form-row textarea,
.elfcam-myaccount-content .form-row textarea {
font-size: 13px !important;
padding: 8px 10px !important;
}
.elfcam-myaccount-content .woocommerce-Button,
.elfcam-myaccount-content button[type="submit"],
.elfcam-myaccount-content .button {
font-size: 13px !important;
padding: 10px 20px !important;
}
/* WC notices */
.elfcam-myaccount-content .woocommerce-message,
.elfcam-myaccount-content .woocommerce-error,
.elfcam-myaccount-content .woocommerce-info {
font-size: 12px !important;
padding: 10px 12px !important;
}
/* Order detail view compact */
.elfcam-myaccount-content > p:first-of-type {
padding: 10px 12px;
font-size: 12px;
border-radius: 8px;
margin-bottom: 10px;
}
.elfcam-myaccount-content .enhanced_tracking_detail {
border-radius: 8px !important;
margin-bottom: 10px !important;
}
.elfcam-myaccount-content .tracking_number_wrap {
padding: 10px 12px !important;
}
.elfcam-myaccount-content .enhanced_heading {
padding: 8px 12px !important;
font-size: 12px;
}
/* Global table responsive on mobile */
.woocommerce-MyAccount-content table {
font-size: 11px !important;
}
.woocommerce-MyAccount-content table thead th {
font-size: 10px !important;
padding: 8px 6px !important;
}
.woocommerce-MyAccount-content table tbody td,
.woocommerce-MyAccount-content table tbody th {
padding: 6px !important;
font-size: 11px !important;
}
}
/* =============================================
MY ACCOUNT ORDERS: VEVOR-style
============================================= */
/* Header */
.elfcam-orders-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.elfcam-orders-title {
font-size: 22px;
font-weight: 700;
color: #1a2744;
margin: 0;
}
.elfcam-orders-contact {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
color: #2d4f7a;
font-size: 13px;
font-weight: 600;
text-decoration: none;
border: 1px solid #ddd;
border-radius: 6px;
transition: all 0.2s;
}
.elfcam-orders-contact:hover {
border-color: #111;
color: #111;
}
/* Tabs + search row */
.elfcam-orders-tabs-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
background: #fff;
border-radius: 10px;
padding: 12px 16px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.elfcam-orders-tabs {
display: flex;
gap: 0;
flex-wrap: wrap;
}
.elfcam-orders-tab {
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
color: #555;
text-decoration: none;
border-bottom: 3px solid transparent;
transition: all 0.15s;
white-space: nowrap;
}
.elfcam-orders-tab:hover {
color: #2d4f7a;
}
.elfcam-orders-tab.active {
color: #1a2744;
border-bottom-color: #111;
}
/* Search */
.elfcam-orders-search {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.elfcam-orders-search input[type="text"] {
border: none;
padding: 8px 12px;
font-size: 13px;
width: 240px;
outline: none;
}
.elfcam-orders-search input[type="text"]:focus {
box-shadow: none;
}
.elfcam-orders-search button {
background: none;
border: none;
padding: 8px 12px;
cursor: pointer;
color: #999;
transition: color 0.15s;
}
.elfcam-orders-search button:hover {
color: #2d4f7a;
}
/* Orders table */
.elfcam-orders-table-wrap {
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
overflow: hidden;
}
.elfcam-orders-table {
width: 100%;
border-collapse: collapse;
}
.elfcam-orders-table thead th {
background: #f5f6f8;
padding: 12px 16px;
font-size: 13px;
font-weight: 600;
color: #666;
text-align: left;
border-bottom: 1px solid #e5e7eb;
}
.elfcam-orders-table tbody td {
padding: 16px;
border-bottom: 1px solid #f0f0f0;
vertical-align: middle;
font-size: 13px;
}
.elfcam-orders-table tbody tr:hover {
background: #fafbfc;
}
/* Product cell */
.elfcam-ot-product-inner {
display: flex;
align-items: center;
gap: 12px;
}
.elfcam-ot-thumb {
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 6px;
overflow: hidden;
border: 1px solid #eee;
}
.elfcam-ot-thumb img {
width: 60px;
height: 60px;
object-fit: cover;
}
.elfcam-ot-product-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.elfcam-ot-order-num {
font-weight: 700;
color: #2d4f7a;
text-decoration: none;
font-size: 14px;
}
.elfcam-ot-order-num:hover {
color: #111;
}
.elfcam-ot-product-name {
font-size: 12px;
color: #555;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.elfcam-ot-more {
font-size: 11px;
color: #999;
}
.elfcam-ot-date {
font-size: 11px;
color: #aaa;
}
/* Actions buttons */
.elfcam-ot-btn {
display: inline-block;
padding: 5px 12px;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
text-decoration: none;
margin: 2px;
transition: all 0.15s;
background: #2d4f7a;
color: #fff;
border: 1px solid #2d4f7a;
}
.elfcam-ot-btn:hover {
background: transparent;
color: #111;
border-color: #111;
}
.elfcam-ot-btn-cancel {
background: transparent;
color: #e53e3e;
border-color: #e53e3e;
}
.elfcam-ot-btn-cancel:hover {
background: #e53e3e;
color: #fff;
}
/* Pagination */
.elfcam-orders-pagination {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 20px;
}
.elfcam-page-btn {
padding: 8px 20px;
background: #2d4f7a;
color: #fff;
text-decoration: none;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
border: 2px solid #2d4f7a;
transition: all 0.2s;
}
.elfcam-page-btn:hover {
background: transparent;
color: #111;
border-color: #111;
}
/* Empty state */
.elfcam-orders-empty {
text-align: center;
padding: 60px 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.elfcam-orders-empty p {
color: #999;
font-size: 15px;
margin: 16px 0;
}
/* Column widths */
.elfcam-ot-product { width: 45%; }
.elfcam-ot-total { width: 18%; }
.elfcam-ot-status { width: 17%; }
.elfcam-ot-actions { width: 20%; }
/* Mobile orders */
@media (max-width: 768px) {
.elfcam-orders-header {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.elfcam-orders-tabs-wrap {
flex-direction: column;
align-items: stretch;
gap: 8px;
padding: 8px;
}
.elfcam-orders-tabs {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
flex-wrap: nowrap;
}
.elfcam-orders-tabs::-webkit-scrollbar { display: none; }
.elfcam-orders-tab {
padding: 6px 12px;
font-size: 12px;
}
.elfcam-orders-search {
width: 100%;
}
.elfcam-orders-search input[type="text"] {
width: 100%;
flex: 1;
}
/* Responsive table — card layout */
.elfcam-orders-table-wrap {
box-shadow: none;
background: none;
}
.elfcam-orders-table thead { display: none; }
.elfcam-orders-table tbody {
display: flex;
flex-direction: column;
gap: 12px;
}
.elfcam-orders-table tbody tr {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto auto;
gap: 0;
background: #fff;
border-radius: 12px;
padding: 14px;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
border: 1px solid #f0f0f0;
}
.elfcam-orders-table tbody td {
padding: 0;
border-bottom: none;
}
.elfcam-orders-table tbody td::before {
display: none;
}
/* Product: full width top row */
.elfcam-orders-table tbody td.elfcam-ot-product {
grid-column: 1 / -1;
grid-row: 1;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f0f0f0;
}
.elfcam-ot-product-inner {
gap: 10px;
}
.elfcam-ot-thumb {
width: 50px;
height: 50px;
}
.elfcam-ot-thumb img {
width: 50px;
height: 50px;
}
.elfcam-ot-order-num {
font-size: 13px;
}
.elfcam-ot-product-name {
font-size: 11px;
}
/* Total + Status: second row side by side */
.elfcam-orders-table tbody td.elfcam-ot-total {
grid-column: 1;
grid-row: 2;
font-weight: 700;
font-size: 15px;
color: #1a2744;
display: flex;
align-items: center;
padding-bottom: 8px;
}
.elfcam-orders-table tbody td.elfcam-ot-status {
grid-column: 2;
grid-row: 2;
display: flex;
align-items: center;
justify-content: flex-end;
padding-bottom: 8px;
}
/* Actions: full width bottom row */
.elfcam-orders-table tbody td.elfcam-ot-actions {
grid-column: 1 / -1;
grid-row: 3;
display: flex;
gap: 8px;
flex-wrap: wrap;
padding-top: 8px;
border-top: 1px solid #f0f0f0;
}
.elfcam-ot-btn {
flex: 1;
text-align: center;
padding: 8px 12px;
font-size: 12px;
border-radius: 8px;
}
/* Order status pills */
.elfcam-order-status {
font-size: 11px;
padding: 3px 10px;
border-radius: 20px;
}
/* Column width reset */
.elfcam-ot-product,
.elfcam-ot-total,
.elfcam-ot-status,
.elfcam-ot-actions {
width: auto;
}
/* Tabs scroll on mobile */
.elfcam-orders-title {
font-size: 18px;
}
}
/* =============================================
ORDER DETAIL VIEW: elfcam branded
============================================= */
/* Order status header */
.elfcam-myaccount-content > p:first-of-type {
background: #fff;
border-radius: 10px;
padding: 16px 20px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
font-size: 14px;
margin-bottom: 20px;
}
.elfcam-myaccount-content mark.order-number,
.elfcam-myaccount-content mark.order-date,
.elfcam-myaccount-content mark.order-status {
background: none;
font-weight: 700;
color: #2d4f7a;
}
.elfcam-myaccount-content mark.order-status {
display: inline-block;
padding: 2px 10px;
border-radius: 20px;
font-size: 12px;
background: #d4edda;
color: #155724;
}
/* Override tracking plugin inline red colors */
.elfcam-myaccount-content .col.tracking-detail .tracking_number_wrap a,
.elfcam-myaccount-content .tracking_event_tab_view .view_more_class,
.elfcam-myaccount-content .content_panel.product_details a,
.elfcam-myaccount-content div.col.enhanced_tracking_detail a {
color: #2d4f7a !important;
}
.elfcam-myaccount-content span.copy_tracking_page.trackship-tip svg {
fill: #2d4f7a !important;
}
.elfcam-myaccount-content div.shipment-header .ts_from_input:checked + label {
color: #111 !important;
border-bottom: 3px solid #e67e22 !important;
}
.elfcam-myaccount-content .heading_panel span.accordian-arrow.down,
.elfcam-myaccount-content span.accordian-arrow.down {
border-color: #2d4f7a !important;
}
/* Tracking detail cards */
.elfcam-myaccount-content .col.tracking-detail,
.elfcam-myaccount-content .shipment_heading,
.elfcam-myaccount-content .shipment-header,
.elfcam-myaccount-content .col.enhanced_tracking_detail,
.elfcam-myaccount-content .enhanced_tracking_content,
.elfcam-myaccount-content .enhanced_tracking_detail .enhanced_heading,
.elfcam-myaccount-content .enhanced_tracking_detail .enhanced_content,
.elfcam-myaccount-content div.last_mile_tracking_number,
.elfcam-myaccount-content .enhanced_content .shipping_from_to,
.elfcam-myaccount-content .enhanced_content ul.tpi_product_tracking_ul li {
border-color: #e5e7eb !important;
}
.elfcam-myaccount-content .enhanced_tracking_detail {
background: #fff !important;
border-radius: 10px !important;
box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
margin-bottom: 16px !important;
overflow: hidden;
border: 1px solid #e5e7eb !important;
}
.elfcam-myaccount-content .tracking_number_wrap {
padding: 14px 16px !important;
border-bottom: 1px solid #e5e7eb !important;
}
.elfcam-myaccount-content .tracking_number_wrap a {
color: #2d4f7a !important;
font-weight: 600;
}
.elfcam-myaccount-content .tracking_number_wrap a:hover {
color: #111 !important;
}
.elfcam-myaccount-content .tracking_page_provider_name {
font-weight: 600;
color: #1a2744;
}
.elfcam-myaccount-content .provider_image {
border-radius: 4px;
}
/* Tracking status badges */
.elfcam-myaccount-content .heading_shipment_status {
padding: 8px 16px;
font-weight: 700;
font-size: 14px;
}
.elfcam-myaccount-content .heading_shipment_status.delivered {
color: #155724;
background: #d4edda;
border-radius: 6px;
display: inline-block;
padding: 4px 12px;
margin: 8px 16px;
}
.elfcam-myaccount-content .heading_shipment_status.invalid_tracking {
color: #856404;
background: #fff3cd;
border-radius: 6px;
display: inline-block;
padding: 4px 12px;
margin: 8px 16px;
}
/* Enhanced headings (Détails, Avis) */
.elfcam-myaccount-content .enhanced_heading {
padding: 12px 16px !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600;
color: #1a2744;
font-size: 14px;
border-top: 1px solid #e5e7eb !important;
background: #f8f9fa !important;
}
.elfcam-myaccount-content .enhanced_heading:hover {
background: #f0f4f8 !important;
}
.elfcam-myaccount-content .enhanced_content {
padding: 12px 16px !important;
}
/* Tracking switch tabs (Aperçu/Voyage) */
.elfcam-myaccount-content .tracking_details_switch {
display: flex;
gap: 0;
padding: 0 16px;
margin-bottom: 8px;
}
.elfcam-myaccount-content .enhanced_switch {
padding: 6px 16px;
font-size: 13px;
cursor: pointer;
border-bottom: 2px solid transparent;
color: #666;
transition: all 0.15s;
}
.elfcam-myaccount-content .enhanced_switch_input:checked + .enhanced_switch {
color: #1a2744;
border-bottom-color: #111;
font-weight: 600;
}
/* Tracking detail events */
.elfcam-myaccount-content .tracking_detail {
padding: 8px 16px;
font-size: 13px;
border-bottom: 1px solid #f0f0f0;
}
.elfcam-myaccount-content .tracking_detail strong {
color: #1a2744;
}
/* Arrow icons */
.elfcam-myaccount-content .accordian-arrow {
border-color: #2d4f7a !important;
}
/* Order details table */
.elfcam-myaccount-content .woocommerce-order-details {
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
padding: 20px;
margin-bottom: 20px;
}
.elfcam-myaccount-content .woocommerce-order-details__title {
font-size: 18px;
font-weight: 700;
color: #1a2744;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #e67e22;
display: inline-block;
}
.elfcam-myaccount-content .woocommerce-table--order-details {
border-collapse: collapse;
width: 100%;
}
.elfcam-myaccount-content .woocommerce-table--order-details th {
background: #f5f6f8;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
color: #666;
text-align: left;
}
.elfcam-myaccount-content .woocommerce-table--order-details td {
padding: 12px 14px;
border-bottom: 1px solid #f0f0f0;
font-size: 13px;
}
.elfcam-myaccount-content .woocommerce-table--order-details tfoot th {
background: none;
font-size: 13px;
color: #555;
padding: 8px 14px;
}
.elfcam-myaccount-content .woocommerce-table--order-details tfoot td {
font-size: 13px;
padding: 8px 14px;
}
.elfcam-myaccount-content .woocommerce-table--order-details a {
color: #2d4f7a;
text-decoration: none;
font-weight: 600;
}
.elfcam-myaccount-content .woocommerce-table--order-details a:hover {
color: #111;
}
/* Action buttons in order details */
.elfcam-myaccount-content .woocommerce-table--order-details .button,
.elfcam-myaccount-content .order-actions-button,
.elfcam-myaccount-content .wps_rma_view_order,
.elfcam-myaccount-content input.btn.button,
.elfcam-myaccount-content .order-again .button {
background: #2d4f7a !important;
color: #fff !important;
border: 2px solid #2d4f7a !important;
border-radius: 6px !important;
padding: 8px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer;
transition: all 0.2s !important;
text-decoration: none;
display: inline-block;
margin: 4px 4px 4px 0 !important;
text-shadow: none !important;
box-shadow: none !important;
}
.elfcam-myaccount-content .woocommerce-table--order-details .button:hover,
.elfcam-myaccount-content .order-actions-button:hover,
.elfcam-myaccount-content .wps_rma_view_order:hover,
.elfcam-myaccount-content input.btn.button:hover,
.elfcam-myaccount-content .order-again .button:hover {
background: transparent !important;
color: #111 !important;
border-color: #0a3a6c !important;
}
/* Refund rules section */
.elfcam-myaccount-content .wps_rma_outer_wrap_info {
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
padding: 20px;
margin: 16px 0;
}
.elfcam-myaccount-content .wps_rma_ul_wrap_info {
list-style: none;
margin: 0;
padding: 0;
}
.elfcam-myaccount-content .wps_rma_li_wrap_info h2 {
font-size: 16px;
color: #1a2744;
font-weight: 700;
margin: 0 0 8px;
}
.elfcam-myaccount-content .wps_rma_return_rules {
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
padding: 20px;
}
.elfcam-myaccount-content .wps_rma_return_rules h2 {
font-size: 16px;
color: #1a2744;
font-weight: 700;
margin: 0 0 12px;
}
/* Addresses section */
.elfcam-myaccount-content .woocommerce-customer-details {
margin-top: 20px;
}
.elfcam-myaccount-content .woocommerce-columns--addresses {
display: flex;
gap: 16px;
}
.elfcam-myaccount-content .woocommerce-columns--addresses > div {
flex: 1;
background: #fff;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0,0,0,0.06);
padding: 20px;
}
.elfcam-myaccount-content .woocommerce-column__title {
font-size: 15px;
font-weight: 700;
color: #1a2744;
margin: 0 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid #e67e22;
display: inline-block;
}
.elfcam-myaccount-content address {
font-style: normal;
font-size: 13px;
line-height: 1.8;
color: #555;
}
/* TrackShip branding smaller */
.elfcam-myaccount-content .enhanced_trackship_branding {
text-align: center;
opacity: 0.5;
font-size: 11px;
margin: 8px 0 16px;
}
.elfcam-myaccount-content .enhanced_trackship_branding img {
height: 14px;
vertical-align: middle;
}
/* Notifications checkboxes */
.elfcam-myaccount-content .enhanced_notifications label {
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
font-size: 13px;
}
/* Mobile order detail */
@media (max-width: 768px) {
.elfcam-myaccount-content .woocommerce-columns--addresses {
flex-direction: column;
gap: 12px;
}
.elfcam-myaccount-content .woocommerce-order-details {
padding: 12px;
}
.elfcam-myaccount-content .wps_rma_outer_wrap_info,
.elfcam-myaccount-content .wps_rma_return_rules {
padding: 12px;
}
}
/* =============================================
CART PAGE: elfcam styled
============================================= */
/* ===== Cart: VEVOR-style card layout ===== */
/* Desktop: 2-column layout — products left, totals right */
@media (min-width: 769px) {
.woocommerce-cart .woocommerce {
display: flex;
flex-wrap: wrap;
gap: 2%;
align-items: flex-start;
}
/* Messages span full width */
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce > .woocommerce-message,
.woocommerce-cart .woocommerce > .woocommerce-error,
.woocommerce-cart .woocommerce > .woocommerce-info,
.woocommerce-cart .woocommerce > .elementor,
.woocommerce-cart .woocommerce > .elfcam-cart-reco,
.woocommerce-cart .woocommerce > div[style*="border-left"] {
width: 100%;
flex: 0 0 100%;
}
.woocommerce-cart .woocommerce > .woocommerce-cart-form {
flex: 0 0 68%;
max-width: 68%;
min-width: 0;
}
.woocommerce-cart .woocommerce > .cart-collaterals {
flex: 0 0 30%;
max-width: 30%;
}
.cart-collaterals .cart_totals {
width: 100% !important;
float: none !important;
}
}
/* --- Cart: 2-column grid layout --- */
.woocommerce-cart-form .shop_table,
.woocommerce-cart-form .shop_table thead,
.woocommerce-cart-form .shop_table tbody {
display: block !important;
width: 100% !important;
}
.woocommerce-cart-form .shop_table tr,
.woocommerce-cart-form .shop_table td,
.woocommerce-cart-form .shop_table th {
background: #fff !important;
}
.woocommerce-cart-form .shop_table {
background: #fff !important;
border-radius: 8px !important;
overflow: hidden !important;
border: none !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
/* Header row: 2 columns */
.woocommerce-cart-form .shop_table thead tr {
display: grid !important;
grid-template-columns: 110px 1fr !important;
}
/* Product rows: 2 columns */
.woocommerce-cart-form .shop_table tbody tr.cart_item {
display: grid !important;
grid-template-columns: 110px 1fr !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Thumbnail = col 1 */
.woocommerce-cart-form .shop_table thead th.product-thumbnail,
.woocommerce-cart-form .shop_table td.product-thumbnail {
grid-column: 1 !important;
display: block !important;
}
/* Product name = col 2 */
.woocommerce-cart-form .shop_table thead th.product-name,
.woocommerce-cart-form .shop_table td.product-name {
grid-column: 2 !important;
display: block !important;
max-width: none !important;
}
/* Hide everything else */
.woocommerce-cart-form .shop_table thead th.product-remove,
.woocommerce-cart-form .shop_table thead th.product-price,
.woocommerce-cart-form .shop_table thead th.product-quantity,
.woocommerce-cart-form .shop_table thead th.product-subtotal,
.woocommerce-cart-form .shop_table td.product-remove,
.woocommerce-cart-form .shop_table td.product-price,
.woocommerce-cart-form .shop_table td.product-quantity,
.woocommerce-cart-form .shop_table td.product-subtotal {
display: none !important;
}
/* Actions row: same 2-column grid, content in right column only */
.woocommerce-cart-form .shop_table tbody tr.actions {
display: block !important;
}
.woocommerce-cart-form .shop_table tbody tr.actions td.actions {
display: block !important;
padding: 12px !important;
}
/* Hide update cart button */
/* update_cart button moved next to coupon via JS */
.woocommerce-cart-form .actions > p:has(button[name="update_cart"]) {
display: none !important;
}
.woocommerce-cart-form .elfcam-actions-row {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
/* Keep original table for non-cart contexts */
.woocommerce-cart-form .shop_table {}
.woocommerce-cart-form .shop_table thead th {
padding: 10px 12px !important;
font-size: 11px !important;
font-weight: 600 !important;
color: rgba(0,0,0,.4) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
border-bottom: 1px solid #eee !important;
background: #fff !important;
text-align: left !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-right: none !important;
border-radius: 0 !important;
white-space: normal !important;
}
.woocommerce-cart-form .shop_table tbody tr {
border-bottom: 1px solid #f0f0f0 !important;
}
.woocommerce-cart-form .shop_table tbody tr:last-child {
border-bottom: none !important;
}
.woocommerce-cart-form .shop_table tbody tr:hover,
.woocommerce-cart-form .shop_table tbody tr:hover td,
.woocommerce-cart-form .shop_table tbody tr:hover th {
background: #fff !important;
}
.woocommerce-cart-form .shop_table tbody tr:nth-child(even) td {
background: #fff !important;
}
.woocommerce-cart-form .shop_table td {
padding: 14px 12px !important;
border: none !important;
vertical-align: middle !important;
color: rgba(0,0,0,.6) !important;
font-size: 13px !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-right: none !important;
transition: none !important;
}
/* Thumbnail */
.woocommerce-cart-form td.product-thumbnail {
width: 100px !important;
padding-right: 0 !important;
}
.woocommerce-cart-form .product-thumbnail img {
width: 90px !important;
height: 90px !important;
max-width: 90px !important;
max-height: 90px !important;
object-fit: cover !important;
display: block !important;
border-radius: 4px !important;
border: none !important;
}
/* Product name */
.woocommerce-cart-form td.product-name {
max-width: 400px !important;
min-width: 0 !important;
overflow: visible !important;
position: relative !important;
}
.woocommerce-cart-form .product-name a {
color: rgba(0,0,0,.8) !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* JS tooltip */
#elfcam-cart-tooltip {
position: fixed;
background: #1a2744;
color: #fff;
font-size: 12px;
font-weight: 400;
padding: 6px 12px;
border-radius: 6px;
white-space: normal;
max-width: 480px;
z-index: 99999;
line-height: 1.5;
box-shadow: 0 4px 16px rgba(0,0,0,.18);
pointer-events: none;
display: none;
}
.woocommerce-cart-form .product-name a:hover {
color: rgba(0,0,0,.8) !important;
text-decoration: none !important;
}
.woocommerce-cart-form .variation {
margin-top: 4px !important;
font-size: 11px !important;
color: rgba(0,0,0,.4) !important;
}
.woocommerce-cart-form .variation dt {
display: inline !important;
font-weight: 600 !important;
color: rgba(0,0,0,.5) !important;
}
.woocommerce-cart-form .variation dd {
display: inline !important;
margin: 0 8px 0 2px !important;
}
.woocommerce-cart-form .variation dd p {
display: inline !important;
margin: 0 !important;
}
/* Hide price, quantity, subtotal columns — all info goes into product-name */
.woocommerce-cart-form .shop_table thead th.product-price,
.woocommerce-cart-form .shop_table thead th.product-quantity,
.woocommerce-cart-form .shop_table thead th.product-subtotal,
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-quantity,
.woocommerce-cart-form td.product-subtotal {
display: none !important;
}
/* Product name cell: no max-width limit */
.woocommerce-cart-form td.product-name {
max-width: none !important;
}
/* ── Meta row: one flex line below the product title ── */
.elfcam-cart-meta-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 5px !important;
margin-top: 10px !important;
padding: 7px 10px !important;
background: #fff !important;
border-radius: 8px !important;
border: none !important;
font-size: 13px !important;
}
/* Unit price badge */
.elfcam-meta-price .woocommerce-Price-amount,
.elfcam-meta-price bdi {
font-weight: 600 !important;
color: #1a3a5c !important;
background: #e8f0f8 !important;
padding: 2px 8px !important;
border-radius: 5px !important;
font-size: 11px !important;
}
/* × and = operators */
.elfcam-meta-op {
color: #c0c8d0 !important;
font-size: 12px !important;
font-weight: 500 !important;
flex-shrink: 0 !important;
padding: 0 1px !important;
}
/* Quantity input */
.elfcam-inline-qty {
display: inline-flex !important;
align-items: center !important;
}
.elfcam-inline-qty .qty {
width: 42px !important;
text-align: center !important;
border: 1px solid #d0d7de !important;
border-radius: 5px !important;
padding: 3px 4px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: rgba(0,0,0,.7) !important;
background: #fafbfc !important;
height: auto !important;
}
/* Total price (subtotal) — same as before */
.elfcam-meta-total {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
flex-wrap: wrap !important;
}
/* Divider between total and buttons */
.elfcam-meta-divider {
display: inline-block !important;
width: 1px !important;
height: 14px !important;
background: #ddd !important;
flex-shrink: 0 !important;
margin: 0 2px !important;
}
/* Subtotal — hidden column (kept for DOM, not displayed) */
.woocommerce-cart-form td.product-subtotal {
white-space: nowrap !important;
text-align: right !important;
}
/* 总价：蓝底白字（用后代选择器，不用 > ） */
.elfcam-meta-total .woocommerce-Price-amount {
display: inline-block !important;
padding: 3px 10px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #fff !important;
background: #0a3a6c !important;
border-radius: 4px !important;
box-shadow: none !important;
}
.elfcam-meta-total bdi {
color: #fff !important;
background: none !important;
font-size: inherit !important;
}
/* 折前价：灰色划线，无背景 */
.elfcam-meta-total del.elfcams-line-original .woocommerce-Price-amount,
.elfcam-meta-total del.elfcams-line-original bdi,
.elfcam-meta-total del.elfcams-line-original span {
background: none !important;
color: #aaa !important;
padding: 0 !important;
font-weight: 400 !important;
font-size: 13px !important;
box-shadow: none !important;
}
/* 折扣金额：黄底黑字 */
.elfcam-meta-total .elfcams-volume-discount {
background: #fff3b0 !important;
color: #111 !important;
padding: 2px 8px !important;
border-radius: 12px !important;
font-size: 0.85em !important;
font-weight: 600 !important;
}
.elfcam-meta-total .elfcams-volume-discount .woocommerce-Price-amount,
.elfcam-meta-total .elfcams-volume-discount bdi,
.elfcam-meta-total .elfcams-volume-discount .woocommerce-Price-currencySymbol {
background: none !important;
color: #111 !important;
padding: 0 !important;
font-weight: 600 !important;
box-shadow: none !important;
}
/* Hide original remove column */
.woocommerce-cart-form .shop_table thead th.product-remove,
.woocommerce-cart-form td.product-remove {
display: none !important;
}
/* Remove button under subtotal */
.elfcam-remove-btn {
display: inline-flex !important;
align-items: center !important;
padding: 3px 8px !important;
font-size: 11px !important;
color: rgba(0,0,0,.4) !important;
background: none !important;
border: 1px solid rgba(0,0,0,.15) !important;
border-radius: 4px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: all 0.2s !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}
.elfcam-remove-btn:hover {
color: #c0392b !important;
border-color: #c0392b !important;
background: rgba(192,57,43,0.05) !important;
}
/* Volume discount */
.elfcams-volume-discount {
font-size: 0.85em !important;
color: #111 !important;
background: #fff3b0 !important;
border-radius: 12px !important;
padding: 2px 8px !important;
font-weight: 600 !important;
}
.elfcams-volume-discount .woocommerce-Price-amount,
.elfcams-volume-discount bdi,
.elfcams-volume-discount .woocommerce-Price-currencySymbol {
color: #111 !important;
background: none !important;
}
.elfcams-line-original {
font-size: 13px !important;
color: #aaa !important;
text-decoration: line-through !important;
}
.elfcams-line-original span,
.elfcams-line-original bdi {
background: none !important;
color: #aaa !important;
padding: 0 !important;
border-radius: 0 !important;
}
.elfcams-line-discounted .woocommerce-Price-amount {
color: #1a3a5c !important;
font-weight: 700 !important;
}
/* Actions row */
.woocommerce-cart-form .shop_table .actions {
padding: 12px !important;
background: #fff !important;
}
.woocommerce-cart-form .coupon {
display: flex !important;
gap: 8px !important;
align-items: center !important;
}
.woocommerce-cart-form .coupon input.input-text {
border: 1px solid #ddd !important;
border-radius: 4px !important;
padding: 6px 10px !important;
font-size: 12px !important;
}
/* Cart totals */
.cart_totals {
background: #fff !important;
border-radius: 8px !important;
padding: 16px !important;
}
.cart_totals h2 {
font-size: 14px !important;
font-weight: 700 !important;
color: rgba(0,0,0,.8) !important;
margin-bottom: 12px !important;
}
.cart_totals .shop_table {
width: 100% !important;
border-collapse: collapse !important;
}
.cart_totals .shop_table th {
display: none !important;
}
.cart_totals .shop_table td {
display: block !important;
text-align: left !important;
padding: 8px 0 !important;
font-size: 13px !important;
color: rgba(0,0,0,.7) !important;
border-bottom: 1px solid #f0f0f0 !important;
width: 100% !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-right: none !important;
}
.cart_totals .shop_table td::before {
content: attr(data-label) !important;
display: block !important;
font-size: 11px !important;
font-weight: 600 !important;
color: rgba(0,0,0,.4) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
margin-bottom: 4px !important;
}
.cart_totals .shop_table bdi {
font-size: 13px !important;
font-weight: 600 !important;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
border-bottom: none !important;
padding-top: 10px !important;
}
/* Shipping estimate box */
.cart_totals > div[style*="border-left"] {
border-radius: 4px !important;
border-left: 3px solid #2d4f7a !important;
}
/* Checkout button */
.wc-proceed-to-checkout .checkout-button {
display: block;
width: 100%;
text-align: center;
padding: 12px !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 6px !important;
}
/* Success message */
.woocommerce-message {
border-top-color: #2d4f7a !important;
background: #f8fbff;
padding: 10px 14px;
border-radius: 4px;
font-size: 13px;
}
/* Hide checkout top banner section */
.elementor-element-cc3268e {
display: none !important;
}
/* =============================================
CHECKOUT: variation highlight + unified prices
============================================= */
/* Variation attributes: highlighted badges */
.woocommerce-checkout-review-order-table .variation {
margin: 6px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 4px 8px;
}
.woocommerce-checkout-review-order-table .variation dt {
display: inline;
font-weight: 700;
font-size: 12px;
color: #1a2744;
float: none;
}
.woocommerce-checkout-review-order-table .variation dd {
display: inline;
margin: 0 8px 0 0;
padding: 0;
}
.woocommerce-checkout-review-order-table .variation dd p {
display: inline;
margin: 0;
padding: 2px 8px;
background: #e8f0fe;
color: #2d4f7a;
font-size: 12px;
font-weight: 700;
border-radius: 4px;
border: 1px solid #c5d5ea;
}
/* Also style cart page variations the same */
.woocommerce-cart-form .variation dt {
font-weight: 700;
font-size: 12px;
color: #1a2744;
}
.woocommerce-cart-form .variation dd p {
display: inline;
margin: 0;
padding: 2px 8px;
background: #e8f0fe;
color: #2d4f7a;
font-size: 12px;
font-weight: 700;
border-radius: 4px;
border: 1px solid #c5d5ea;
}
/* Unified price color across all pages */
.woocommerce-Price-amount amount,
.woocommerce .woocommerce-Price-amount,
.product-total .woocommerce-Price-amount,
.product-price .woocommerce-Price-amount,
.cart-subtotal td .woocommerce-Price-amount,
.order-total td .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
color: #1a2744 !important;
}
/* ===== Cart page: ck-row-price badge style on key prices ===== */
/* 1. Row total in product name cell */
.woocommerce-cart .elfcam-meta-total > span.woocommerce-Price-amount,
.woocommerce-cart .elfcam-meta-total > .woocommerce-Price-amount {
display: inline-flex !important;
align-items: baseline !important;
font-weight: 700 !important;
background: linear-gradient(135deg,#e67e22,#d35400) !important;
color: #fff !important;
padding: 2px 8px !important;
border-radius: 4px !important;
white-space: nowrap !important;
}
/* 2. Cart subtotal + shipping + order total */
.woocommerce-cart .cart-subtotal td .woocommerce-Price-amount,
.woocommerce-cart .shipping td .woocommerce-Price-amount,
.woocommerce-cart .order-total td .woocommerce-Price-amount {
display: inline-flex !important;
align-items: baseline !important;
font-weight: 700 !important;
background: linear-gradient(135deg,#e67e22,#d35400) !important;
color: #fff !important;
padding: 2px 8px !important;
border-radius: 4px !important;
white-space: nowrap !important;
}
/* Currency symbol inherits white */
.woocommerce-cart .elfcam-meta-total > .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.woocommerce-cart .cart-subtotal td .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.woocommerce-cart .shipping td .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.woocommerce-cart .order-total td .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
color: #fff !important;
}
/* Price inside notice boxes inherits notice text color */
.woocommerce-info .woocommerce-Price-amount,
.woocommerce-message .woocommerce-Price-amount,
.woocommerce-error .woocommerce-Price-amount {
color: inherit !important;
}
/* Discounted price in orange */
.elfcams-line-discounted .woocommerce-Price-amount,
ins .woocommerce-Price-amount.is-current-price,
.elfcam-ck-tooltip-price ins .woocommerce-Price-amount {
color: #111 !important;
}
/* Strikethrough original price muted */
del .woocommerce-Price-amount,
.elfcams-line-original .woocommerce-Price-amount {
color: #aaa !important;
font-weight: 400 !important;
background: none !important;
}
/* Total row: bold dark */
.order-total .woocommerce-Price-amount {
color: #1a2744 !important;
font-weight: 800 !important;
}
/* Tax info muted */
.includes_tax {
display: none !important;
}
/* Discount label badge */
.my-discount-label {
background: #e53e3e;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 1px 6px;
border-radius: 3px;
}
/* Checkout table styling */
.woocommerce-checkout-review-order-table {
border-collapse: collapse;
width: 100%;
}
.woocommerce-checkout-review-order-table thead th {
background: #f5f6f8;
padding: 10px 14px;
font-size: 13px;
font-weight: 600;
color: #666;
border-bottom: 1px solid #e5e7eb;
}
.woocommerce-checkout-review-order-table td {
padding: 12px 14px;
border-bottom: 1px solid #f0f0f0;
vertical-align: middle;
font-size: 13px;
}
.woocommerce-checkout-review-order-table .product-name img {
width: 50px;
height: 50px;
border-radius: 6px;
border: 1px solid #eee;
vertical-align: middle;
margin-right: 8px;
object-fit: cover;
}
.woocommerce-checkout-review-order-table tfoot th {
display: none !important;
}
.woocommerce-checkout-review-order-table tfoot td {
display: block;
text-align: left;
padding: 8px 0;
font-size: 13px;
color: rgba(0,0,0,.7);
border-bottom: 1px solid #f0f0f0;
width: 100%;
}
.woocommerce-checkout-review-order-table tfoot td::before {
content: attr(data-label);
display: block;
font-size: 11px;
font-weight: 600;
color: rgba(0,0,0,.4);
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 4px;
}
.woocommerce-checkout-review-order-table tfoot .order-total td {
border-bottom: none;
padding-top: 10px;
}
/* Checkout/Cart summary rows: distinct from product rows */
.woocommerce-checkout-review-order-table tfoot,
.cart_totals .shop_table tfoot,
.cart_totals .shop_table tbody {
background: #f8f9fb;
}
.woocommerce-checkout-review-order-table tfoot tr,
.cart_totals .shop_table tr {
border-bottom: 1px solid #ebedf0;
}
.woocommerce-checkout-review-order-table tfoot th,
.cart_totals .shop_table th {
font-size: 13px;
font-weight: 600;
color: #555;
padding: 12px 14px;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.woocommerce-checkout-review-order-table tfoot td,
.cart_totals .shop_table td {
font-size: 14px;
padding: 12px 14px;
}
/* Subtotal row */
.woocommerce-checkout-review-order-table tfoot .cart-subtotal,
.cart_totals .cart-subtotal {
border-top: 2px solid #e5e7eb;
}
.woocommerce-checkout-review-order-table tfoot .cart-subtotal th,
.cart_totals .cart-subtotal th {
color: #888;
}
/* Shipping row */
.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th,
.cart_totals .woocommerce-shipping-totals th {
color: #2d4f7a;
}
.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td label,
.cart_totals .woocommerce-shipping-totals td label {
color: #2d4f7a;
font-weight: 600;
}
/* Tax row */
.woocommerce-checkout-review-order-table tfoot .tax-rate th,
.woocommerce-checkout-review-order-table tfoot .tax-total th {
color: #888;
font-size: 12px;
}
/* Total row: light standout */
.woocommerce-checkout-review-order-table tfoot .order-total,
.cart_totals .order-total {
background: #f0f4f8 !important;
border-top: 2px solid #2d4f7a !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total th,
.cart_totals .order-total th {
color: #1a2744 !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase;
padding: 12px 14px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total td,
.cart_totals .order-total td {
color: #1a2744 !important;
padding: 12px 14px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .woocommerce-Price-amount,
.cart_totals .order-total .woocommerce-Price-amount {
color: #0a3a6c !important;
font-size: 22px !important;
font-weight: 800 !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax,
.cart_totals .order-total .includes_tax {
color: #888 !important;
font-size: 11px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax .woocommerce-Price-amount,
.cart_totals .order-total .includes_tax .woocommerce-Price-amount {
color: #888 !important;
font-size: 11px !important;
font-weight: 400 !important;
}
/* Hide PDF buttons section on checkout */
.elementor-element-4e0bd2d,
.elementor-element-77b2af8 {
display: none !important;
}
/* Checkout delivery estimate box */
.woocommerce-checkout div[style*="border: 1px solid #ccc"],
.woocommerce-cart div[style*="border-left: 4px solid"] {
background: #f0f7ff !important;
border: none !important;
border-left: 4px solid #2d4f7a !important;
border-radius: 8px !important;
padding: 14px 16px !important;
margin: 16px 0 !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] > strong {
color: #2d4f7a !important;
font-size: 14px;
display: block;
margin-bottom: 8px;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li {
padding: 8px 0;
border-bottom: 1px solid rgba(45,79,122,0.1);
font-size: 13px;
line-height: 1.5;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li span[style*="font-weight: bold"] {
color: #1a2744 !important;
font-size: 13px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li span[style*="color: #2a8f2a"] {
color: #2d4f7a !important;
font-size: 12px !important;
font-weight: 600;
}
/* =============================================
FOOTER BOTTOM: Payment + Security + Copyright
============================================= */
.elfcam-footer-bottom {
background: linear-gradient(135deg, #1b2a4a 0%, #1a2744 50%, #162240 100%);
border-top: 1px solid rgba(255,255,255,.08);
}
.elfcam-fb-row {
max-width: 1200px;
margin: 0 auto;
padding: 14px 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
border-bottom: 1px solid rgba(255,255,255,.04);
}
.elfcam-fb-label {
color: rgba(255,255,255,.4);
font-size: 12px;
font-weight: 600;
letter-spacing: .03em;
white-space: nowrap;
}
.elfcam-fb-icons {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.elfcam-fb-icons img {
height: 26px;
width: auto;
opacity: .65;
transition: opacity .2s ease;
}
.elfcam-fb-icons img:hover {
opacity: 1;
}
.elfcam-fb-copy {
max-width: 1200px;
margin: 0 auto;
padding: 14px 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
font-size: 12px;
color: rgba(255,255,255,.3);
}
.elfcam-fb-copy a {
color: rgba(255,255,255,.4) !important;
text-decoration: none !important;
transition: color .2s ease;
background-image: none !important;
}
.elfcam-fb-copy a:hover {
color: rgba(255,255,255,.7) !important;
}
/* =============================================
COOKIE MODAL
============================================= */
.ecm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.ecm-overlay.active{display:flex;}
.ecm-modal{background:#fff;border-radius:20px;max-width:620px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:ecmIn .25s ease;}
@keyframes ecmIn{from{opacity:0;transform:scale(.96) translateY(12px);}to{opacity:1;transform:scale(1) translateY(0);}}
.ecm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;}
.ecm-header span{font-size:17px;font-weight:700;color:#1d1d1f;letter-spacing:-.01em;}
.ecm-close{font-size:28px;color:#86868b;text-decoration:none !important;line-height:1;cursor:pointer;transition:color .2s;}
.ecm-close:hover{color:#1d1d1f;}
.ecm-body{padding:24px;overflow-y:auto;flex:1;}
.ecm-intro{font-size:13px;color:#86868b;line-height:1.6;margin:0 0 18px;}
.ecm-btn-accept{display:block;width:100%;padding:14px;background:#b71c1c;color:#fff;font-size:15px;font-weight:600;text-align:center;border-radius:12px;text-decoration:none !important;cursor:pointer;transition:background .2s;}
.ecm-btn-accept:hover{background:#d32f2f;color:#fff;}
.ecm-subtitle{font-size:15px;font-weight:700;color:#1d1d1f;margin:22px 0 14px;letter-spacing:-.01em;}
.ecm-list{list-style:none;margin:0;padding:0;}
.ecm-item{border:1px solid #e5e5e5;border-radius:14px;padding:16px 18px;margin-bottom:10px;}
.ecm-item:last-child{margin-bottom:0;}
.ecm-item-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ecm-item-title{font-size:14px;font-weight:600;color:#1d1d1f;}
.ecm-always{font-size:11px;font-weight:600;color:#b71c1c;letter-spacing:.04em;}
.ecm-item-desc{font-size:12px;color:#86868b;line-height:1.55;margin:10px 0 0;}
/* Toggle switch */
.ecm-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.ecm-switch input{opacity:0;width:0;height:0;}
.ecm-slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:24px;transition:.25s;}
.ecm-slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.ecm-switch input:checked+.ecm-slider{background:#b71c1c;}
.ecm-switch input:checked+.ecm-slider::before{transform:translateX(20px);}
.ecm-footer{padding:16px 24px;border-top:1px solid #e5e5e5;}
.ecm-btn-confirm{display:block;width:100%;padding:14px;background:#1d1d1f;color:#fff;font-size:15px;font-weight:600;text-align:center;border-radius:12px;text-decoration:none !important;cursor:pointer;transition:background .2s;}
.ecm-btn-confirm:hover{background:#333;}
@media (max-width: 479px){
.ecm-modal{max-height:92vh;border-radius:16px;}
.ecm-body{padding:18px;}
.ecm-header{padding:16px 18px;}
.ecm-footer{padding:14px 18px;}
}
/* =============================================
STOCK TOOLTIP (delivery info)
============================================= */
.elfcam-stock-tip-wrap{display:inline-flex;position:relative;align-items:center;margin-left:2px;vertical-align:middle;}
.elfcam-stock-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;color:#333;cursor:pointer;font-style:normal;line-height:1;transition:color .2s;}
.elfcam-stock-tip-icon:hover{color:#111;}
.elfcam-stock-tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:360px;background:rgba(10,58,108,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:9999;font-size:12.5px;line-height:1.55;}.elfcam-stock-tip-wrap:hover .elfcam-stock-tip{display:block;}
@keyframes stTipIn{from{opacity:0;transform:translateX(-50%) translateY(6px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.elfcam-stock-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(10,58,108,.85);}
.elfcam-stock-tip strong{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:#fff;letter-spacing:-.01em;}
.elfcam-stock-tip ul{list-style:none;margin:0;padding:0;}
.elfcam-stock-tip li{padding:4px 0;color:rgba(255,255,255,.8);font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.08);}
.elfcam-stock-tip li:last-child{border-bottom:none;}
.elfcam-stock-tip li b{color:#fff;font-weight:600;}
.elfcam-stock-tip-link{display:block;margin-top:12px;color:#ca3338 !important;font-weight:600;font-size:12px;text-decoration:none !important;letter-spacing:.02em;transition:color .2s;}
.elfcam-stock-tip-link:hover{color:#e53935 !important;}
@media (max-width: 479px){
.elfcam-stock-tip{width:280px;left:auto;right:-10px;transform:none;}
.elfcam-stock-tip::after{left:auto;right:16px;transform:none;}
}
/* =============================================
TVA TOOLTIP (price block)
============================================= */
.elfcam-tva-tip-wrap{display:inline-block;position:relative;vertical-align:middle;margin-left:8px;}
.elfcam-tva-tip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;color:#0a3a6c;cursor:pointer;font-style:normal;line-height:1;transition:color .2s;}
.elfcam-tva-tip-icon:hover{color:#0d4a8a;}
.elfcam-tva-tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:300px;background:rgba(10,58,108,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 8px 32px rgba(0,0,0,.25);z-index:9999;font-size:12.5px;line-height:1.55;}.elfcam-tva-tip-wrap:hover .elfcam-tva-tip{display:block;}
@keyframes tvaTipIn{from{opacity:0;transform:translateX(-50%) translateY(6px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.elfcam-tva-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(10,58,108,.85);}
.elfcam-tva-tip strong{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:#fff;letter-spacing:-.01em;}
.elfcam-tva-tip p{font-size:12.5px;color:rgba(255,255,255,.85);margin:0;line-height:1.55;}
@media (max-width: 479px){
.elfcam-tva-tip{width:250px;left:auto;right:-10px;transform:none;}
.elfcam-tva-tip::after{left:auto;right:16px;transform:none;}
}
/* =============================================
TRUST BADGES (product page)
============================================= */
.elfcam-trust-badges{margin-top:12px;border-top:1px solid rgba(10,58,108,.1);padding-top:10px;}
.etb-row{display:flex;align-items:center;gap:5px;margin-bottom:4px;font-size:12px;color:#000;font-weight:500;line-height:1.4;}
.etb-row svg{stroke:#1a7a2e;}
.etb-row:last-child{margin-bottom:0;}
.etb-row svg{flex-shrink:0;}
.etb-row span{font-size:12px;}
/* =============================================
COMPARISON TABLE: horizontal scroll
============================================= */
.elfcam-section-item {
overflow: hidden !important;
max-width: 100% !important;
position: relative;
z-index: 2;
background: #fff;
margin-top: 15px;
}
/* All content below sticky gallery must sit above it */
.single-product div.product > *:not(.elfcam-gallery-wrap):not(.summary) {
position: relative;
z-index: 2;
background: #fff;
}
.elfcam-section-body {
max-width: 100% !important;
}
.elfcam-section-body-inner {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
max-width: 100% !important;
}
.elfcam-section-body-inner .wc-tab {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
max-width: 100% !important;
}
.elfcam-section-body-inner .wc-tab table {
width: max-content !important;
min-width: 800px;
}
/* Mobile: related products — keep horizontal scroll, just smaller cards */
@media (max-width: 767px) {
.related.products ul.products li.product,
.upsells.products ul.products li.product,
.elfcam-extra-products ul.products li.product {
flex: 0 0 130px !important;
width: 130px !important; max-width: 130px !important;
}
.elfcam-img-slider,
.elfcam-img-slider .elfcam-slide {
border: none !important;
outline: none !important;
box-shadow: none !important;
}
}
/* Mobile: hide short description, show floating expand button */
@media (max-width: 767px) {
.single-product div.product > .woocommerce-product-details__short-description {
display: none !important;
}
/* === Info Trigger Button (same style as stores-trigger) === */
.sd-mobile-btn {
position: fixed;
right: 5px;
bottom: 125px;
z-index: 9998;
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
border: 2.5px solid #e67e22;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
padding: 0;
color: #fff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.3px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
-webkit-tap-highlight-color: transparent;
}
.sd-mobile-btn:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
/* === Overlay (dim background) === */
.sd-mobile-overlay {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(0,0,0,0.45);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
display: flex;
align-items: flex-end;
justify-content: center;
}
.sd-mobile-overlay.active {
opacity: 1;
pointer-events: auto;
}
/* === Bottom Sheet Panel === */
.sd-mobile-panel {
background: #ffffff;
border-radius: 20px 20px 0 0;
border-top: 3px solid #e8712a;
padding: 0 20px 32px;
max-height: 82vh;
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0 -8px 40px rgba(0,0,0,0.18);
transform: translateY(100%);
transition: transform 0.38s cubic-bezier(0.32, 0, 0.67, 0);
position: relative;
text-align: center;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.sd-mobile-overlay.active .sd-mobile-panel {
transform: translateY(0);
transition: transform 0.38s cubic-bezier(0.33, 1, 0.68, 1);
}
/* Drag handle */
.sd-panel-drag {
width: 36px;
height: 4px;
background: #e0e0e0;
border-radius: 2px;
margin: 10px auto 0;
}
/* Circular info icon at top center */
.sd-panel-icon-wrap {
display: flex;
justify-content: center;
padding: 20px 0 14px;
}
.sd-panel-icon-circle {
width: 58px;
height: 58px;
border-radius: 50%;
background: linear-gradient(135deg, #0a3a6c 0%, #1e5a9c 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 16px rgba(10,58,108,0.3);
}
/* Panel title */
.sd-panel-title {
text-align: center;
font-size: 17px;
font-weight: 700;
color: #0a3a6c;
margin: 0 0 16px;
padding-bottom: 14px;
border-bottom: 2px solid #e67e22;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
}
/* Close button */
.sd-mobile-panel-close {
position: absolute;
top: 14px;
right: 16px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #f2f2f7;
border: none;
color: #666;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
line-height: 1;
transition: background 0.2s;
}
.sd-mobile-panel-close:active { background: #e5e5ea; }
/* Content */
.sd-mobile-panel strong { color: #111; font-weight: 700; }
.sd-mobile-panel ul {
padding-left: 0;
margin: 0 auto;
list-style: none;
display: inline-block;
text-align: left;
}
.sd-mobile-panel li {
padding: 4px 0 4px 16px;
position: relative;
font-size: 13px;
line-height: 1.55;
color: #333;
margin-bottom: 8px;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.sd-mobile-panel li:last-child { margin-bottom: 0; }
.sd-mobile-panel li::before {
content: "";
position: absolute;
left: 0;
top: 7px;
width: 5px;
height: 5px;
background: #e67e22;
border-radius: 50%;
}
.sd-mobile-panel p {
font-size: 14px;
line-height: 1.5;
color: #333;
margin: 6px 0;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.sd-mobile-panel table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
margin: 8px 0;
}
.sd-mobile-panel table th,
.sd-mobile-panel table td {
padding: 8px 10px;
border-bottom: 1px solid #f0f0f0;
text-align: left;
}
.sd-mobile-panel table th {
font-weight: 600;
color: #0a3a6c;
background: #f8f9fa;
width: 40%;
}
}
/* ===== Glass VCards: match product thumbnail style ===== */
.woo-gv .products {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
gap: 12px !important;
padding: 8px 4px 12px !important;
scrollbar-width: none;
}
.woo-gv .products::-webkit-scrollbar { display: none; }
.woo-gv .products .product {
flex: 0 0 auto !important;
scroll-snap-align: start;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
.woo-gv .vcard {
--h: 260px;
position: relative;
height: var(--h);
width: calc(var(--h) * 0.72);
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.woo-gv .vcard:hover {
transform: translateY(-4px);
box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.woo-gv .vcard::after {
display: none !important;
}
.woo-gv .v-thumb {
flex: 0 0 55%;
display: flex;
align-items: center;
justify-content: center;
background: #f9f9f9;
padding: 8px;
overflow: hidden;
}
.woo-gv .v-thumb img {
width: 100%;
height: 100%;
object-fit: contain !important;
border-radius: 0;
}
.woo-gv .v-title {
flex: 1;
display: flex;
align-items: flex-start;
padding: 8px 10px 4px;
overflow: hidden;
}
.woo-gv .v-title a {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3 !important;
overflow: hidden;
font-size: 12px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
color: #0f1111 !important;
text-decoration: none !important;
font-family: inherit !important;
}
.woo-gv .v-title a:hover {
color: #c45500 !important;
}
.woo-gv .v-price {
flex: 0 0 auto;
padding: 0 10px 8px;
z-index: 1;
position: relative;
}
.woo-gv .v-price .price,
.woo-gv ul.products li.product .v-price .price {
display: block !important;
margin: 0;
font-size: 0 !important;
line-height: 1;
}
.woo-gv .v-price .gv-price-int {
font-size: 20px;
font-weight: 700;
color: #0f1111;
line-height: 1;
}
.woo-gv .v-price .gv-price-dec {
font-size: 11px;
font-weight: 600;
color: #0f1111;
line-height: 1;
vertical-align: top;
}
.woo-gv .v-price .gv-price-cur {
font-size: 11px;
font-weight: 400;
color: #0f1111;
line-height: 1;
vertical-align: top;
margin-left: 1px;
}
/* Mobile: smaller cards */
@media (max-width: 767px) {
.woo-gv .vcard {
--h: 220px;
}
.woo-gv .v-title a {
font-size: 11px !important;
-webkit-line-clamp: 2 !important;
}
.woo-gv .v-price .price {
font-size: 13px !important;
}
}
/* Mobile tooltip fix - keep within screen */
@media (max-width: 767px) {
.elfcam-tva-tip,
.elfcam-stock-tip {
position: fixed !important;
left: 10px !important;
right: 10px !important;
bottom: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: auto !important;
max-width: calc(100vw - 20px) !important;
}
.elfcam-tva-tip::after,
.elfcam-stock-tip::after {
display: none !important;
}
}
/* =============================================
/* Header cart icon - replaces avatar column */
/* ===== CUSTOM VEVOR-STYLE HEADER ===== */
/* Hide Elementor header completely */
.elementor-location-header {
display: none !important;
}
/* Header wrapper */
.elfcam-hdr {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* Push page content below fixed header */
body {
padding-top: 100px !important;
}
/* Logged-in admin bar offset */
.admin-bar .elfcam-hdr {
top: 32px;
}
.admin-bar {
padding-top: 132px !important;
}
/* Top announcement bar */
.elfcam-hdr-top {
background: #1a3352;
color: #fff;
font-size: 13px;
padding: 0 24px;
line-height: 1.3;
}
.elfcam-hdr-top-nav {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.elfcam-hdr-top-nav::-webkit-scrollbar {
display: none;
}
.elfcam-top-link {
color: #cbd5e1 !important;
text-decoration: none !important;
font-weight: 500;
padding: 7px 14px;
white-space: nowrap;
border-radius: 3px;
transition: background 0.15s, color 0.15s;
}
.elfcam-top-link:hover {
color: #fff !important;
background: rgba(255,255,255,0.1);
}
/* Main header row */
.elfcam-hdr-main {
display: flex;
align-items: center;
background: #2d4f7a;
padding: 0 24px;
height: 70px;
gap: 16px;
}
/* Logo */
.elfcam-hdr-logo {
flex-shrink: 0;
display: flex;
align-items: center;
height: 100%;
}
.elfcam-hdr-logo img {
height: 50px;
width: auto;
object-fit: contain;
}
/* Search bar - Amazon style */
.elfcam-hdr-search {
flex: 1;
min-width: 200px;
}
/* Reset pirx wrapper padding/background */
.elfcam-hdr-search .dgwt-wcas-search-wrapp {
max-width: 100% !important;
min-width: 0 !important;
}
.elfcam-hdr-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp,
.elfcam-hdr-search .dgwt-wcas-sf-wrapp {
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
position: relative !important;
display: flex !important;
align-items: stretch !important;
}
.elfcam-hdr-search .dgwt-wcas-search-form {
height: 46px !important;
border-radius: 8px !important;
overflow: visible !important;
display: flex !important;
background: transparent !important;
box-shadow: none !important;
}
/* Input field: fill available space */
.elfcam-hdr-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
height: 46px !important;
font-size: 16px !important;
padding: 0 14px !important;
border: 2px solid #e8712a !important;
border-right: none !important;
border-radius: 10px 0 0 10px !important;
background: #fff !important;
box-shadow: none !important;
flex: 1 !important;
width: 100% !important;
font-style: normal !important;
font-weight: 400 !important;
color: #333 !important;
line-height: 46px !important;
}
.elfcam-hdr-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
box-shadow: 0 0 0 3px rgba(232,113,42,0.3) !important;
border-color: #e8712a !important;
outline: none !important;
}
/* Submit button: visible on right, Amazon orange */
.elfcam-hdr-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
.elfcam-hdr-search .dgwt-wcas-search-submit {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
height: 46px !important;
width: 54px !important;
min-width: 54px !important;
min-height: 46px !important;
background: #e8712a !important;
border: 2px solid #c55e1f !important;
border-left: none !important;
border-radius: 0 10px 10px 0 !important;
cursor: pointer !important;
pointer-events: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
flex-shrink: 0 !important;
opacity: 1 !important;
}
.elfcam-hdr-search .dgwt-wcas-search-submit:hover,
.elfcam-hdr-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
background: #c55e1f !important;
background-image: none !important;
opacity: 1 !important;
color: #fff !important;
border-color: #c55e1f !important;
}
/* Magnifier icon inside submit button: white, visible */
.elfcam-hdr-search .dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier,
.elfcam-hdr-search .dgwt-wcas-ico-magnifier {
position: static !important;
display: block !important;
width: 20px !important;
height: 20px !important;
max-width: 20px !important;
fill: #fff !important;
opacity: 1 !important;
margin: 0 auto !important;
}
.elfcam-hdr-search .dgwt-wcas-ico-magnifier path {
fill: #fff !important;
}
.elfcam-hdr-search .dgwt-wcas-search-submit svg path {
fill: #fff !important;
}
/* Hide the pirx submit arrow pseudo-element */
.elfcam-hdr-search .dgwt-wcas-search-submit:before {
display: none !important;
}
/* Hide voice search icon */
.elfcam-hdr-search .dgwt-wcas-voice-search {
display: none !important;
}
/* Hide pirx background overlay */
.elfcam-hdr-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:hover {
background-color: #fff !important;
}
/* Preloader position fix */
.elfcam-hdr-search .dgwt-wcas-preloader {
right: 50px !important;
}
/* Suggestions dropdown — fixed width regardless of search bar size */
.elfcam-hdr-search .dgwt-wcas-suggestions-wrapp {
width: 750px !important;
max-width: none !important;
border-radius: 0 0 8px 8px !important;
}
@media (max-width: 768px) {
.elfcam-hdr-search .dgwt-wcas-suggestions-wrapp {
width: 400px !important;
}
}
/* ===== Custom Search Box ===== */
.elfcam-csearch-wrap {
position: relative;
width: 100%;
}
.elfcam-csearch-bar {
display: flex;
align-items: center;
height: 46px;
border: 2px solid #d0d5dd;
border-radius: 8px;
overflow: hidden;
background: #fff;
transition: border-color 0.2s;
}
.elfcam-csearch-bar:focus-within {
border-color: #e8712a;
box-shadow: 0 0 0 3px rgba(232,113,42,0.18);
}
.elfcam-csearch-input {
flex: 1;
border: none !important;
outline: none !important;
padding: 0 10px 0 14px !important;
font-size: 15px !important;
color: #333 !important;
background: transparent !important;
height: 100% !important;
box-shadow: none !important;
min-width: 0;
}
.elfcam-csearch-clear {
display: none;
align-items: center;
justify-content: center;
border: none;
background: transparent;
color: #999;
font-size: 20px;
cursor: pointer;
padding: 0 8px;
line-height: 1;
flex-shrink: 0;
}
.elfcam-csearch-clear:hover { color: #333; }
.elfcam-csearch-btn {
width: 48px;
height: 100%;
background: #e8712a;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.2s;
}
.elfcam-csearch-btn:hover { background: #c55e1f; }
/* Dropdown */
.elfcam-csearch-dropdown {
position: absolute;
top: calc(100% + 4px);
left: 0;
background: #fff;
border: 1px solid #e2e5eb;
border-radius: 8px;
box-shadow: 0 8px 32px rgba(0,0,0,0.13);
z-index: 99999;
max-height: 480px;
overflow-y: auto;
}
.elfcam-csearch-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
text-decoration: none;
color: #222;
border-bottom: 1px solid #f0f0f0;
transition: background 0.1s;
}
.elfcam-csearch-item:last-child { border-bottom: none; }
.elfcam-csearch-item:hover,
.elfcam-csearch-item.active { background: #f5f7fb; }
.elfcam-csearch-thumb { width: 48px; height: 48px; flex-shrink: 0; }
.elfcam-csearch-thumb img { width: 48px; height: 48px; object-fit: contain; border-radius: 4px; }
.elfcam-csearch-nothumb { background: #f0f0f0; border-radius: 4px; }
.elfcam-csearch-cat-icon {
width: 36px; height: 36px;
display: flex; align-items: center; justify-content: center;
background: #eef2f7; border-radius: 50%; flex-shrink: 0;
color: #2d4f7a;
}
.elfcam-csearch-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.elfcam-csearch-title { font-size: 13px; line-height: 1.4; color: #111; }
.elfcam-csearch-price { font-size: 13px; font-weight: 700; color: #e8712a; }
.elfcam-csearch-breadcrumb { font-size: 11px; color: #888; }
.elfcam-csearch-noresult,
.elfcam-csearch-loading {
padding: 18px 20px;
text-align: center;
color: #888;
font-size: 14px;
}
@media (max-width: 768px) {
.elfcam-csearch-bar { height: 40px; }
.elfcam-csearch-btn { width: 42px; }
.elfcam-csearch-input { font-size: 14px !important; }
}
/* Ensure search wrapp is relatively positioned for dropdown */
.elfcam-hdr-search .dgwt-wcas-search-wrapp {
position: relative !important;
}
/* Header items (right side utilities) */
.elfcam-hdr-item {
flex-shrink: 0;
position: relative;
cursor: pointer;
color: #fff;
}
.elfcam-hdr-item-trigger {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 6px;
border-radius: 4px;
transition: background 0.15s;
white-space: nowrap;
height: 40px;
}
.elfcam-hdr-item-trigger:hover {
background: rgba(255,255,255,0.1);
}
.elfcam-hdr-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.elfcam-hdr-item-label {
font-size: 14px;
line-height: 1.3;
color: #cbd5e1;
}
.elfcam-hdr-item-label strong {
color: #fff;
font-size: 15px;
font-weight: 700;
}
.elfcam-hdr-arrow {
flex-shrink: 0;
opacity: 0.6;
}
/* Dropdowns */
.elfcam-hdr-dropdown {
position: absolute;
top: 100%;
right: 0;
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,0.18);
padding: 12px;
min-width: 200px;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: all 0.2s ease;
z-index: 100001;
color: #333;
}
.elfcam-hdr-open > .elfcam-hdr-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.elfcam-hdr-dd-title {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
}
/* Ship-to dropdown */
.elfcam-hdr-dropdown-ship {
min-width: 240px;
}
.elfcam-hdr-select {
width: 100%;
padding: 6px 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
margin-bottom: 8px;
background: #fff;
}
.elfcam-hdr-input {
width: 100%;
padding: 6px 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
margin-bottom: 8px;
box-sizing: border-box;
}
.elfcam-hdr-btn {
width: 100%;
padding: 7px 12px;
background: #2d4f7a;
color: #fff;
border: none;
border-radius: 4px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background 0.15s;
}
.elfcam-hdr-btn:hover {
background: #1e3654;
}
/* Account dropdown */
.elfcam-hdr-dropdown-account {
min-width: 220px;
}
.elfcam-acct-btn {
display: block;
text-align: center;
padding: 10px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
margin-bottom: 8px;
}
.elfcam-acct-btn-primary {
background: #e8712a;
color: #fff !important;
border: none;
}
.elfcam-acct-btn-primary:hover {
background: #d4641f;
}
.elfcam-acct-divider {
text-align: center;
margin: 10px 0;
position: relative;
font-size: 12px;
color: #999;
}
.elfcam-acct-divider::before,
.elfcam-acct-divider::after {
content: '';
position: absolute;
top: 50%;
width: 30%;
height: 1px;
background: #ddd;
}
.elfcam-acct-divider::before { left: 0; }
.elfcam-acct-divider::after { right: 0; }
.elfcam-acct-social {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 6px;
padding: 0 16px;
}
.elfcam-acct-social .nsl-container {
width: 100% !important;
}
.elfcam-acct-social .nsl-container-buttons {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
}
.elfcam-acct-social .nsl-container-buttons a {
border-radius: 6px !important;
font-size: 13px !important;
}
.elfcam-acct-social-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px 10px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
color: #333 !important;
text-decoration: none;
background: #fff;
transition: background 0.15s, border-color 0.15s;
}
.elfcam-acct-social-btn:hover {
background: #f7f7f7;
border-color: #bbb;
}
.elfcam-hdr-dd-link {
display: block;
padding: 6px 8px;
color: #333;
text-decoration: none;
font-size: 13px;
border-radius: 4px;
transition: background 0.1s;
}
.elfcam-hdr-dd-link:hover {
background: #f0f4f8;
color: #2d4f7a;
}
.elfcam-hdr-dd-login {
font-weight: 600;
color: #2d4f7a;
}
.elfcam-hdr-dd-logout {
color: #e53e3e;
}
.elfcam-hdr-dd-sep {
border: none;
border-top: 1px solid #eee;
margin: 6px 0;
}
/* Cart icon & badge */
.elfcam-hdr-cart-icon-wrap {
position: relative;
}
.elfcam-hdr-cart-badge {
position: absolute;
top: -6px;
right: -8px;
background: #e8712a;
color: #fff;
font-size: 11px;
font-weight: 700;
font-style: normal;
border-radius: 50%;
min-width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
padding: 0 3px;
box-sizing: border-box;
}
/* Language dropdown - style gtranslate widget */
.elfcam-hdr-dropdown .gt_selector,
.elfcam-hdr-dropdown .gtranslate_wrapper {
width: 100%;
}
.elfcam-hdr-dropdown .gt_selector select,
.elfcam-hdr-dropdown select.gt_selector {
width: 100%;
padding: 6px 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
background: #fff;
}
/* ===== Locale dropdown (Language + Currency) ===== */
.elfcam-hdr-dropdown-locale {
min-width: 340px;
padding: 0 !important;
}
.elfcam-locale-section {
padding: 14px 16px;
}
.elfcam-locale-section + .elfcam-locale-section {
border-top: 1px solid #eee;
}
.elfcam-locale-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #888;
margin-bottom: 10px;
}
.elfcam-lang-grid {
display: flex;
flex-direction: column;
gap: 2px;
}
.elfcam-lang-item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 6px;
color: #333;
text-decoration: none;
font-size: 14px;
font-weight: 500;
transition: background 0.12s;
}
.elfcam-lang-item:hover {
background: #f0f4f8;
color: #2d4f7a;
}
.elfcam-lang-item.active {
background: #eef2f7;
color: #2d4f7a;
font-weight: 700;
}
.elfcam-lang-item img {
border-radius: 2px;
flex-shrink: 0;
}
.elfcam-currency-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2px;
}
.elfcam-cur-item {
display: block;
padding: 7px 10px;
border-radius: 6px;
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: background 0.12s;
white-space: nowrap;
}
.elfcam-cur-item:hover {
background: #f0f4f8;
color: #2d4f7a;
}
.elfcam-cur-item.active {
background: #eef2f7;
color: #2d4f7a;
font-weight: 700;
}
/* Country flag grid */
.elfcam-country-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px;
max-height: 280px;
overflow-y: auto;
scrollbar-width: thin;
}
.elfcam-country-grid::-webkit-scrollbar {
width: 4px;
}
.elfcam-country-grid::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 4px;
}
.elfcam-country-item {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 6px;
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: background 0.12s;
cursor: pointer;
}
.elfcam-country-item:hover {
background: #f0f4f8;
color: #2d4f7a;
}
.elfcam-country-item.active {
background: #eef2f7;
color: #2d4f7a;
font-weight: 700;
}
.elfcam-country-item img {
flex-shrink: 0;
border-radius: 2px;
object-fit: cover;
box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
}
.elfcam-country-item span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Floating cart panel position adjustment - drop from below header */
.efc-panel {
top: 100px !important;
z-index: 100002 !important;
}
/* Header nav items */
.elfcam-hdr-nav {
display: flex;
align-items: center;
gap: 0;
flex-shrink: 0;
}
.elfcam-hdr-nav-item {
position: relative;
}
.elfcam-hdr-nav-link {
color: #cbd5e1;
text-decoration: none;
font-size: 15px;
font-weight: 600;
padding: 10px 14px;
border-radius: 4px;
white-space: nowrap;
transition: color 0.15s, background 0.15s;
display: flex;
align-items: center;
gap: 4px;
}
.elfcam-hdr-nav-link:hover {
color: #fff;
background: rgba(255,255,255,0.1);
}
.elfcam-hdr-nav-arrow {
opacity: 0.5;
flex-shrink: 0;
}
/* Hover dropdown for Solutions/Informations */
.elfcam-hdr-mega {
position: absolute;
left: 0;
top: 100%;
background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
border-radius: 0 0 8px 8px;
border-top: 2px solid #2d4f7a;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: all 0.2s ease;
z-index: 100000;
min-width: 260px;
padding: 12px 16px;
}
.elfcam-hdr-nav-item:hover > .elfcam-hdr-mega {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.elfcam-hdr-nav-item:hover > .elfcam-hdr-nav-link {
color: #fff;
background: rgba(255,255,255,0.15);
}
.elfcam-hdr-mega-inner {
display: flex;
flex-direction: column;
gap: 4px;
}
.elfcam-hdr-mega-col {
width: 100%;
}
.elfcam-hdr-mega-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
color: #2d4f7a;
text-decoration: none;
padding-bottom: 6px;
margin-bottom: 4px;
border-bottom: 1px solid #e5e7eb;
}
.elfcam-hdr-mega-title:hover { color: #111; background: #f8f9fb; border-radius: 4px; }
.elfcam-hdr-mega-sec { margin-bottom: 2px; }
.elfcam-hdr-mega-sec-title {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #333;
text-decoration: none;
padding: 5px 8px;
border-radius: 4px;
transition: background 0.1s;
}
.elfcam-hdr-mega-sec-title:hover {
background: rgba(10,58,108,0.08);
color: #111;
}
.elfcam-mega-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
overflow: hidden;
color: #0a3a6c;
}
.elfcam-mega-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* ===== Catégories button ===== */
.elfcam-cat-btn {
display: flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 10px 16px;
border-radius: 8px;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s;
flex-shrink: 0;
height: 44px;
}
.elfcam-cat-btn:hover {
background: rgba(255,255,255,0.2);
}
/* ===== Catégories sidebar overlay ===== */
/* overlay removed - using hover */
/* ===== Catégories sidebar panel ===== */
.elfcam-cat-wrap {
position: relative;
flex-shrink: 0;
}
.elfcam-cat-panel {
position: fixed;
top: 0;
left: 0;
bottom: 0;
display: flex;
z-index: 99999;
opacity: 0;
visibility: hidden;
transform: translateX(-8px);
transition: all 0.2s ease;
box-shadow: 4px 0 24px rgba(0,0,0,0.12);
}
.elfcam-cat-panel.open {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
/* Each column in the sidebar */
.elfcam-cat-col {
width: 280px;
background: #fff;
border-right: 1px solid #e5e7eb;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.elfcam-cat-l2, .elfcam-cat-l3 {
display: none;
}
.elfcam-cat-l2.show, .elfcam-cat-l3.show {
display: flex;
}
/* Column header */
.elfcam-cat-col-head {
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
padding: 14px 16px 10px;
border-bottom: 1px solid #eee;
flex-shrink: 0;
}
.elfcam-cat-col-head a {
color: #2d4f7a;
text-decoration: none;
}
.elfcam-cat-col-head a:hover {
color: #111;
text-decoration: underline;
}
/* Category item row */
.elfcam-cat-item {
display: flex;
align-items: center;
padding: 10px 16px;
color: #333;
text-decoration: none;
font-size: 14px;
border-bottom: 1px solid #f5f5f5;
transition: background 0.1s;
cursor: pointer;
}
.elfcam-cat-item:hover {
background: rgba(10,58,108,0.06);
color: #111;
}
.elfcam-cat-item.active {
background: #eef2f7;
color: #2d4f7a;
font-weight: 600;
}
.elfcam-cat-item-text {
flex: 1;
min-width: 0;
}
.elfcam-cat-chevron {
flex-shrink: 0;
opacity: 0.4;
margin-left: 8px;
}
.elfcam-cat-item.active .elfcam-cat-chevron {
opacity: 0.8;
}
/* Hide original megamenu bar - items are now in custom header */
#mega-menu-wrap-main_menu {
display: none !important;
}
/* Category item icon (product images) */
.elfcam-cat-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border-radius: 4px;
overflow: hidden;
background: #f5f5f5;
}
.elfcam-cat-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.elfcam-hdr-search-mobile {
display: none;
}
.elfcam-search-overlay {
display: none;
}
/* ===== Global Buttons: Blue bg, white text, orange hover ===== */
/* All buttons except add-to-cart */
.woocommerce a.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
.woocommerce button.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
.woocommerce input.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
.woocommerce #respond input#submit,
.woocommerce .cart .button:not(.single_add_to_cart_button),
.woocommerce .checkout-button,
.woocommerce #place_order,
.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
input[type="submit"]:not(.add_to_cart_button),
.wp-block-button__link,
.elementor-button:not(.add_to_cart_button),
.woocommerce .woocommerce-Button,
.woocommerce-button,
.wpcf7-submit,
a.button:not(.add_to_cart_button):not(.single_add_to_cart_button),
.widget .button,
.coupon .button,
.woocommerce a.added_to_cart {
background: #2d4f7a !important;
background-image: none !important;
color: #fff !important;
border: 2px solid #2d4f7a !important;
border-radius: 6px !important;
transition: all 0.2s ease !important;
text-shadow: none !important;
box-shadow: none !important;
}
.woocommerce a.button:not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
.woocommerce button.button:not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
.woocommerce input.button:not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:not(.single_add_to_cart_button):hover,
.woocommerce .checkout-button:hover,
.woocommerce #place_order:hover,
.button:not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
input[type="submit"]:not(.add_to_cart_button):hover,
.wp-block-button__link:hover,
.elementor-button:not(.add_to_cart_button):hover,
.woocommerce .woocommerce-Button:hover,
.woocommerce-button:hover,
.wpcf7-submit:hover,
a.button:not(.add_to_cart_button):not(.single_add_to_cart_button):hover,
.widget .button:hover,
.coupon .button:hover,
.woocommerce a.added_to_cart:hover {
background: #3a6491 !important;
color: #fff !important;
border: 2px solid #e67e22 !important;
}
/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
body {
padding-top: 73px !important;
}
.admin-bar {
padding-top: 108px !important;
}
/* Kill old theme spacing on mobile */
.rsrc-container {
padding-top: 0 !important;
margin-top: 0 !important;
}
.rsrc-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
.header-section,
.rsrc-top-menu,
.responsive-title,
.navbar-header,
#site-header,
#site-navigation {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Top nav: horizontal scroll */
.elfcam-hdr-top {
padding: 0;
overflow: hidden;
}
.elfcam-hdr-top-nav {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
justify-content: flex-start;
padding: 0 8px;
}
.elfcam-hdr-top-nav::-webkit-scrollbar {
display: none;
}
.elfcam-top-link {
font-size: 11px !important;
padding: 5px 10px !important;
}
/* Main header */
.elfcam-hdr-main {
height: 50px;
padding: 0;
gap: 0;
flex-wrap: nowrap;
justify-content: stretch;
background: #2d4f7a;
}
.elfcam-hdr-main > * {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: center;
border-right: none;
min-width: 0;
}
.elfcam-hdr-main > *:last-child {
border-right: none;
}
/* Hide desktop search and overlay on mobile (not flex items) */
.elfcam-hdr-main > .elfcam-hdr-search,
.elfcam-hdr-main > .elfcam-search-overlay,
.elfcam-hdr-main > .elfcam-hdr-ship {
flex: 0 0 0;
border-right: none;
overflow: hidden;
padding: 0;
}
.elfcam-hdr-logo img {
height: 28px;
}
.elfcam-hdr-search {
position: absolute !important;
width: 0 !important;
height: 0 !important;
overflow: visible !important;
opacity: 0 !important;
pointer-events: auto !important;
}
/* Mobile: orange search icon button */
.elfcam-hdr-search-mobile {
display: flex !important;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background: #e67e22;
border-radius: 8px;
cursor: pointer;
flex-shrink: 0;
order: 99;
}
.elfcam-hdr-search-mobile svg {
color: #fff;
}
/* Mobile search overlay — frosted glass */
.elfcam-search-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 100010;
background: rgba(0,0,0,.45);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
padding: 0;
flex-direction: column;
align-items: stretch;
}
.elfcam-search-overlay.open {
display: flex;
}
.elfcam-search-overlay-bar {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 12px;
background: rgba(255,255,255,.95);
box-shadow: 0 2px 16px rgba(0,0,0,.12);
}
.elfcam-mobile-fibo {
flex: 1;
min-width: 0;
}
.elfcam-mobile-fibo .dgwt-wcas-search-wrapp {
max-width: 100% !important;
width: 100% !important;
}
.elfcam-mobile-fibo .dgwt-wcas-sf-wrapp {
padding: 0 !important;
}
.elfcam-mobile-fibo .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
height: 40px !important;
font-size: 15px !important;
border-radius: 8px !important;
background: #f0f0f0 !important;
}
.elfcam-search-close {
font-size: 28px;
color: #666;
cursor: pointer;
padding: 0 4px;
line-height: 1;
flex-shrink: 0;
background: transparent !important;
border: none !important;
}
.elfcam-search-close:hover {
color: #333;
}
/* Fibosearch suggestions in mobile overlay should show above backdrop */
.elfcam-mobile-fibo .dgwt-wcas-suggestions-wrapp {
z-index: 100020 !important;
width: 400px !important;
max-width: none !important;
}
.elfcam-hdr-search .dgwt-wcas-search-form {
height: 34px !important;
}
.elfcam-hdr-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
height: 34px !important;
font-size: 13px !important;
line-height: 34px !important;
}
.elfcam-hdr-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
.elfcam-hdr-search .dgwt-wcas-search-submit {
height: 34px !important;
width: 36px !important;
min-width: 36px !important;
min-height: 34px !important;
}
/* Hide text labels on mobile, show only icons */
.elfcam-hdr-arrow {
display: none;
}
.elfcam-hdr-item-label {
display: none;
}
/* Show user name on account */
.elfcam-hdr-account .elfcam-hdr-item-label {
display: block;
font-size: 9px;
line-height: 1.2;
max-width: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.elfcam-hdr-account .elfcam-hdr-item-label strong {
font-size: 9px;
}
/* Show lang/country on mobile */
.elfcam-hdr-lang .elfcam-hdr-item-label {
display: block;
font-size: 9px;
line-height: 1.2;
max-width: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.elfcam-hdr-lang .elfcam-hdr-item-label strong {
font-size: 9px;
}
.elfcam-hdr-item-trigger {
padding: 4px;
}
/* Show language/country selector on mobile with icon only */
.elfcam-hdr-lang {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
order: 2;
text-align: center;
}
.elfcam-hdr-lang .elfcam-hdr-icon svg {
width: 20px;
height: 20px;
}
/* Nav links on mobile: compact horizontal */
.elfcam-hdr-nav {
display: contents;
}
.elfcam-hdr-nav-item {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: center;
border-right: none;
min-width: 0;
}
.elfcam-hdr-nav-link {
font-size: 11px !important;
padding: 4px 6px !important;
white-space: nowrap;
border: 1px solid transparent;
border-radius: 4px;
transition: border-color 0.15s;
}
.elfcam-hdr-nav-link:hover,
.elfcam-hdr-nav-link:active,
.elfcam-hdr-nav-item.mobile-open .elfcam-hdr-nav-link {
border-color: #fff;
color: #111;
}
.elfcam-cat-btn:hover,
.elfcam-cat-btn:active,
.elfcam-cat-btn.active {
border-color: #fff !important;
color: #111;
}
.elfcam-hdr-item-trigger:hover,
.elfcam-hdr-item-trigger:active {
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
color: inherit;
}
.elfcam-hdr-search-mobile:hover,
.elfcam-hdr-search-mobile:active {
border: 1px solid #fff;
}
.elfcam-hdr-nav-arrow {
display: inline-block;
width: 6px;
height: 6px;
transition: transform 0.2s;
}
.elfcam-hdr-nav-item.mobile-open .elfcam-hdr-nav-arrow {
transform: rotate(180deg);
}
/* Mobile mega dropdown: fixed panel, toggled by click */
.elfcam-hdr-mega {
display: none;
position: fixed;
top: 56px;
left: 0;
right: 0;
bottom: 0;
z-index: 99998;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
border-top: none !important;
overflow-y: auto;
box-shadow: 0 12px 40px rgba(10,58,108,0.15) !important;
border-radius: 0 0 0 0 !important;
}
.elfcam-hdr-nav-item.mobile-open > .elfcam-hdr-mega,
.elfcam-hdr-nav-item:hover > .elfcam-hdr-mega {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
top: 76px !important;
width: 100vw !important;
max-height: calc(100vh - 76px) !important;
overflow-y: auto !important;
z-index: 999999 !important;
border-radius: 0 !important;
}
.elfcam-hdr-mega-inner {
display: flex;
flex-direction: column;
padding: 12px;
gap: 8px;
}
.elfcam-hdr-mega-title {
border-bottom: 1px solid transparent !important;
border-image: linear-gradient(90deg, rgba(10,58,108,0.15), rgba(230,126,34,0.15)) 1 !important;
padding-bottom: 8px;
}
.elfcam-hdr-mega-sec-title {
border-radius: 6px;
padding: 6px 8px;
transition: background 0.2s;
}
.elfcam-hdr-mega-sec-title:hover {
background: linear-gradient(135deg, rgba(10,58,108,0.05), rgba(230,126,34,0.03)) !important;
}
.elfcam-hdr-mega-col {
width: 100% !important;
margin-bottom: 8px;
}
/* Mobile: L1 left 50%, L2 right 50%, L3 accordion under L2 */
.elfcam-cat-panel {
top: 70px;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
display: flex;
flex-direction: row;
}
.elfcam-cat-col {
width: 50% !important;
flex-shrink: 0;
overflow-y: auto;
}
.elfcam-cat-l1 {
width: 42% !important;
border-right: 1px solid #e5e7eb;
background: #f8f9fa;
}
.elfcam-cat-l2 {
width: 58% !important;
display: none;
background: #fff;
}
.elfcam-cat-l2.show {
display: flex !important;
}
.elfcam-cat-l3 {
display: none !important;
}
.elfcam-cat-item {
font-size: 12px;
padding: 8px 10px;
gap: 6px;
}
.elfcam-cat-icon {
width: 22px !important;
height: 22px !important;
}
.elfcam-cat-icon img {
width: 22px !important;
height: 22px !important;
}
.elfcam-cat-btn {
font-size: 11px !important;
padding: 5px 8px !important;
gap: 4px !important;
border-radius: 6px !important;
}
.elfcam-cat-btn svg {
width: 13px !important;
height: 13px !important;
}
.elfcam-cat-btn span { display: none; }
/* L3 accordion items inside L2 */
.elfcam-cat-l3-group {
display: none;
flex-direction: column;
background: #f5f7fa;
border-top: 1px solid #eee;
}
.elfcam-cat-l3-group.open {
display: flex;
}
.elfcam-cat-l3-group .elfcam-cat-item {
padding: 2px 8px 2px 20px;
font-size: 9px;
line-height: 1.1;
color: #666;
border-bottom: 1px solid #f0f0f0;
}
.elfcam-cat-l3-group .elfcam-cat-icon {
width: 18px !important;
height: 18px !important;
}
.elfcam-cat-l3-group .elfcam-cat-icon img {
width: 18px !important;
height: 18px !important;
}
/* Chevron rotation when L3 is open */
.elfcam-cat-item.l2-open .elfcam-cat-chevron {
transform: rotate(90deg);
}
.elfcam-cat-chevron {
transition: transform 0.2s ease;
}
.elfcam-cat-col-head {
font-size: 12px;
padding: 8px 10px 6px;
font-weight: 600;
}
.elfcam-cat-mobile-only {
display: flex !important;
}
.elfcam-cat-mobile-nav-sep {
display: block !important;
height: 1px;
background: #e5e7eb;
margin: 6px 12px;
}
.elfcam-hdr-ship {
display: none;
}
.elfcam-dd-close { display: none; }
/* Close (×) button — sticky top-right, no content blocked */
.elfcam-dd-close {
display: block;
position: sticky;
top: 8px;
float: right;
width: 26px;
height: 26px;
border-radius: 50%;
border: none;
background: rgba(0,0,0,0.08);
color: #555;
font-size: 17px;
line-height: 26px;
text-align: center;
cursor: pointer;
padding: 0;
margin: 0 0 -26px 8px;
flex-shrink: 0;
z-index: 5;
}
.elfcam-dd-close:active { background: rgba(0,0,0,0.18); }
/* Dropdowns slide up from bottom on mobile */
.elfcam-hdr-dropdown {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
border-radius: 12px 12px 0 0;
max-height: 70vh;
overflow-y: auto;
min-width: unset !important;
}
.elfcam-hdr-dropdown-locale {
width: 100% !important;
}
/* Country grid: 2 columns on mobile */
.elfcam-country-grid {
grid-template-columns: 1fr 1fr;
max-height: 240px;
}
/* Cart icon */
.elfcam-hdr-cart-icon-wrap svg {
width: 22px;
height: 22px;
}
.elfcam-hdr-cart-badge {
font-size: 10px !important;
min-width: 16px !important;
height: 16px !important;
line-height: 16px !important;
}
.elfcam-hdr-account {
order: 97;
}
.elfcam-hdr-cart {
order: 98;
}
/* Account icon */
.elfcam-hdr-account .elfcam-hdr-icon svg {
width: 18px;
height: 18px;
}
.efc-panel {
top: 84px !important;
right: 0 !important;
left: 0 !important;
width: auto !important;
border-radius: 0 0 12px 12px !important;
}
}
/* Mobile-only nav items in categories panel - hidden on desktop */
.elfcam-cat-mobile-only,
.elfcam-cat-mobile-nav-sep {
display: none !important;
}
/* Hide old WordPress theme header/navigation (replaced by custom elfcam header) */
#site-navigation,
.header-section,
.responsive-title,
.navbar-header,
#site-header,
.rsrc-top-menu {
display: none !important;
}
/* Remove top margin/gap from content area */
.rsrc-content,
.rsrc-fullwidth-home {
margin-top: 0 !important;
}
.rsrc-container {
padding-top: 0 !important;
}
/* ===== Global Notices: dark blue frosted glass + white text ===== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.wc-block-components-notice-banner,
.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-error,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-warning,
div.wpcf7-response-output,
.wp-block-woocommerce-notices .wc-block-components-notice-banner,
.notice,
.elementor-message,
#yith-wcwl-popup-message,
.yith-wcwl-add-button .feedback,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
background: rgba(10, 58, 108, 0.85) !important;
-webkit-backdrop-filter: blur(14px) !important;
backdrop-filter: blur(14px) !important;
color: #fff !important;
border: none !important;
border-left: none !important;
border-top: none !important;
border-radius: 10px !important;
box-shadow: 0 4px 20px rgba(0,0,0,.15) !important;
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.wc-block-components-notice-banner a,
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
color: #fff !important;
text-decoration: underline !important;
font-weight: 600 !important;
}
.woocommerce-message a:hover,
.woocommerce-info a:hover,
.woocommerce-error a:hover,
.wc-block-components-notice-banner a:hover,
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
color: #fff !important;
background: rgba(255,255,255,.15) !important;
border-radius: 4px !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
padding-left: 50px !important;
position: relative !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
color: #fff !important;
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
.woocommerce-error li {
color: #fff !important;
}
.wc-block-components-notice-banner .wc-block-components-notice-banner__content,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content * {
color: #fff !important;
}
.wc-block-components-notice-banner > svg,
.wc-block-components-notice-banner > .wc-block-components-notice-banner__dismiss {
color: #fff !important;
fill: #fff !important;
}
/* Exclude recaptcha header from notice styling */
.my-recaptcha-hd,
.my-recaptcha-hd * {
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* ===== Global Tables: Apple-style frosted glass ===== */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce table.woocommerce-orders-table,
.woocommerce-MyAccount-content table,
.woocommerce table.woocommerce-table--order-details,
.woocommerce table.woocommerce-checkout-review-order-table,
.woocommerce-cart-form table,
table.shop_table,
table.shop_table_responsive {
background: rgba(10, 58, 108, 0.06) !important;
-webkit-backdrop-filter: blur(20px) !important;
backdrop-filter: blur(20px) !important;
border: 1px solid rgba(10, 58, 108, 0.1) !important;
border-radius: 14px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden !important;
box-shadow: 0 4px 24px rgba(10, 58, 108, 0.06) !important;
width: 100% !important;
}
/* Table header */
.woocommerce table.shop_table thead th,
.woocommerce table.woocommerce-orders-table thead th,
.woocommerce-MyAccount-content table thead th,
table.shop_table thead th,
table.shop_table_responsive thead th {
background: rgba(10, 58, 108, 0.82) !important;
-webkit-backdrop-filter: blur(16px) !important;
backdrop-filter: blur(16px) !important;
color: #fff !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 14px 16px !important;
border-bottom: none !important;
border-right: 1px solid rgba(255,255,255,0.08) !important;
white-space: nowrap !important;
}
.woocommerce table.shop_table thead th:last-child,
table.shop_table thead th:last-child,
table.shop_table_responsive thead th:last-child {
border-right: none !important;
}
/* First and last header border radius */
.woocommerce table.shop_table thead tr,
table.shop_table thead tr,
table.shop_table_responsive thead tr {
border-radius: 14px 14px 0 0 !important;
}
.woocommerce table.shop_table thead th:first-child,
table.shop_table thead th:first-child,
table.shop_table_responsive thead th:first-child {
border-radius: 13px 0 0 0 !important;
}
.woocommerce table.shop_table thead th:last-child,
table.shop_table thead th:last-child,
table.shop_table_responsive thead th:last-child {
border-radius: 0 13px 0 0 !important;
}
/* Table body cells */
.woocommerce table.shop_table tbody td,
.woocommerce table.shop_table tbody th,
.woocommerce table.woocommerce-orders-table tbody td,
.woocommerce table.woocommerce-orders-table tbody th,
.woocommerce-MyAccount-content table tbody td,
.woocommerce-MyAccount-content table tbody th,
table.shop_table tbody td,
table.shop_table tbody th,
table.shop_table_responsive tbody td,
table.shop_table_responsive tbody th {
background: rgba(255, 255, 255, 0.55) !important;
-webkit-backdrop-filter: blur(12px) !important;
backdrop-filter: blur(12px) !important;
color: #1d2327 !important;
padding: 12px 16px !important;
border-bottom: 1px solid rgba(10, 58, 108, 0.06) !important;
border-right: 1px solid rgba(10, 58, 108, 0.04) !important;
font-size: 13.5px !important;
vertical-align: middle !important;
transition: background 0.15s ease !important;
}
.woocommerce table.shop_table tbody td:last-child,
table.shop_table tbody td:last-child,
table.shop_table_responsive tbody td:last-child {
border-right: none !important;
}
.woocommerce table.shop_table tbody tr:last-child td,
.woocommerce table.shop_table tbody tr:last-child th,
table.shop_table tbody tr:last-child td,
table.shop_table_responsive tbody tr:last-child td {
border-bottom: none !important;
}
/* Row hover */
.woocommerce table.shop_table tbody tr:hover td,
.woocommerce table.shop_table tbody tr:hover th,
table.shop_table tbody tr:hover td,
table.shop_table_responsive tbody tr:hover td,
table.shop_table_responsive tbody tr:hover th {
background: rgba(10, 58, 108, 0.08) !important;
}
/* Cart form: no hover color */
.woocommerce-cart-form table.shop_table tbody tr:hover td,
.woocommerce-cart-form table.shop_table tbody tr:hover th,
.woocommerce-cart-form .shop_table tbody tr:hover,
.woocommerce-cart-form .shop_table tbody tr:hover td,
.woocommerce-cart-form .shop_table tbody tr:hover th {
background: #fff !important;
}
/* Alternating rows for subtle depth */
.woocommerce table.shop_table tbody tr:nth-child(even) td,
.woocommerce table.shop_table tbody tr:nth-child(even) th,
table.shop_table tbody tr:nth-child(even) td,
table.shop_table_responsive tbody tr:nth-child(even) td,
table.shop_table_responsive tbody tr:nth-child(even) th {
background: rgba(255, 255, 255, 0.35) !important;
}
.woocommerce table.shop_table tbody tr:nth-child(even):hover td,
.woocommerce table.shop_table tbody tr:nth-child(even):hover th,
table.shop_table tbody tr:nth-child(even):hover td,
table.shop_table_responsive tbody tr:nth-child(even):hover td {
background: rgba(10, 58, 108, 0.08) !important;
}
/* Cart form: no alternating or hover colors */
.woocommerce-cart-form .shop_table tbody tr:nth-child(even),
.woocommerce-cart-form .shop_table tbody tr:nth-child(even) td,
.woocommerce-cart-form .shop_table tbody tr:nth-child(even) th,
.woocommerce-cart-form .shop_table tbody tr:nth-child(even):hover td,
.woocommerce-cart-form .shop_table tbody tr:nth-child(even):hover th {
background: #fff !important;
}
/* Links in tables */
.woocommerce table.shop_table a,
table.shop_table a,
table.shop_table_responsive a {
color: #0a3a6c !important;
font-weight: 500 !important;
}
.woocommerce table.shop_table a:hover,
table.shop_table a:hover,
table.shop_table_responsive a:hover {
color: #2271b1 !important;
}
/* Table footer / tfoot */
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
table.shop_table tfoot td,
table.shop_table tfoot th {
background: rgba(10, 58, 108, 0.05) !important;
color: #1d2327 !important;
font-weight: 600 !important;
padding: 12px 16px !important;
border-bottom: 1px solid rgba(10, 58, 108, 0.06) !important;
}
/* Action buttons inside tables — pill style */
.woocommerce table.shop_table .button,
.woocommerce table.woocommerce-orders-table .button,
table.shop_table .button,
table.shop_table_responsive .button,
.woocommerce-orders-table__cell-order-actions .button {
display: inline-block !important;
padding: 5px 12px !important;
font-size: 12px !important;
font-weight: 600 !important;
border-radius: 6px !important;
background: rgba(10, 58, 108, 0.8) !important;
color: #fff !important;
border: none !important;
margin: 2px 3px 2px 0 !important;
text-decoration: none !important;
transition: background 0.15s !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}
.woocommerce table.shop_table .button:hover,
.woocommerce table.woocommerce-orders-table .button:hover,
table.shop_table .button:hover,
table.shop_table_responsive .button:hover,
.woocommerce-orders-table__cell-order-actions .button:hover {
background: rgba(10, 58, 108, 0.95) !important;
color: #fff !important;
}
/* Order status text styling */
.woocommerce-orders-table__cell-order-status {
font-weight: 600 !important;
}
/* Product thumbnails in order table */
.woocommerce-orders-table__cell-order-products img {
border-radius: 4px !important;
border: 1px solid rgba(10,58,108,0.1) !important;
}
/* Tracking info */
.woocommerce-orders-table__cell-order-tracking em {
color: #888 !important;
font-size: 12px !important;
}
/* Mobile responsive tables */
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive thead {
display: none !important;
}
.woocommerce table.shop_table_responsive tbody tr {
display: block !important;
margin-bottom: 12px !important;
border-radius: 12px !important;
overflow: hidden !important;
border: 1px solid rgba(10,58,108,0.1) !important;
}
.woocommerce table.shop_table_responsive tbody td,
.woocommerce table.shop_table_responsive tbody th {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
padding: 10px 14px !important;
border-right: none !important;
}
.woocommerce table.shop_table_responsive tbody td::before,
.woocommerce table.shop_table_responsive tbody th::before {
font-weight: 700 !important;
color: #0a3a6c !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
flex-shrink: 0 !important;
margin-right: 12px !important;
}
}
/* ===== Order Table: column widths + product cell + action buttons ===== */
/* Products column — wider, smaller text */
.woocommerce-orders-table__header-order-products,
.woocommerce-orders-table__cell-order-products {
min-width: 280px !important;
max-width: 400px !important;
}
.woocommerce-orders-table__cell-order-products span {
font-size: 12px !important;
line-height: 1.4 !important;
color: #444 !important;
}
.woocommerce-orders-table__cell-order-products img {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
flex-shrink: 0 !important;
}
.woocommerce-orders-table__cell-order-products a {
font-weight: 400 !important;
}
.woocommerce-orders-table__cell-order-products > div {
margin-bottom: 4px !important;
}
/* Actions column — flex wrap for pill buttons */
.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions {
min-width: 160px !important;
}
.woocommerce-orders-table__cell-order-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
align-items: flex-start !important;
}
/* Action buttons redesign — color-coded pills */
.woocommerce-orders-table__cell-order-actions .button {
padding: 4px 10px !important;
font-size: 11px !important;
font-weight: 600 !important;
border-radius: 20px !important;
margin: 0 !important;
letter-spacing: 0.2px !important;
}
.woocommerce-orders-table__cell-order-actions .button.view {
background: rgba(10, 58, 108, 0.75) !important;
}
.woocommerce-orders-table__cell-order-actions .button.pay {
background: #e67e22 !important;
}
.woocommerce-orders-table__cell-order-actions .button.cancel {
background: rgba(180, 40, 40, 0.75) !important;
}
.woocommerce-orders-table__cell-order-actions .button.return {
background: rgba(180, 40, 40, 0.6) !important;
}
.woocommerce-orders-table__cell-order-actions .button.view_msg,
.woocommerce-orders-table__cell-order-actions .button.ast_track,
.woocommerce-orders-table__cell-order-actions .button.ast_multi_track {
background: rgba(34, 113, 177, 0.7) !important;
}
.woocommerce-orders-table__cell-order-actions .button.invoice {
background: rgba(30, 130, 76, 0.75) !important;
}
.woocommerce-orders-table__cell-order-actions .button:hover {
filter: brightness(1.15) !important;
transform: translateY(-1px) !important;
}
/* Compact other columns */
.woocommerce-orders-table__cell-order-number {
white-space: nowrap !important;
font-weight: 700 !important;
}
.woocommerce-orders-table__cell-order-date {
white-space: nowrap !important;
font-size: 13px !important;
}
.woocommerce-orders-table__cell-order-total {
white-space: nowrap !important;
font-weight: 600 !important;
}
.woocommerce-orders-table__cell-order-tracking {
font-size: 12px !important;
max-width: 200px !important;
}
/* ===== Checkout: editable qty + delete + product info tooltip ===== */
/* Quantity controls */
.elfcam-ck-qty-wrap {
display: inline-flex;
align-items: center;
gap: 0;
margin-left: 8px;
vertical-align: middle;
background: rgba(10,58,108,0.06);
border-radius: 8px;
padding: 2px;
}
.elfcam-ck-qty-btn {
width: 26px;
height: 26px;
border: none;
background: rgba(10,58,108,0.75);
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.15s;
border-radius: 6px;
line-height: 1;
}
.elfcam-ck-qty-btn:hover {
background: rgba(10,58,108,0.95);
}
.elfcam-ck-qty-val {
min-width: 28px;
text-align: center;
font-weight: 700;
font-size: 14px;
color: #0a3a6c;
user-select: none;
}
.elfcam-ck-qty-del {
width: 26px;
height: 26px;
border: none;
background: rgba(200,40,40,0.7);
color: #fff;
font-size: 12px;
font-weight: 700;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
margin-left: 4px;
transition: background 0.15s;
line-height: 1;
}
.elfcam-ck-qty-del:hover {
background: rgba(200,40,40,0.95);
}
/* Info icon + tooltip */
.elfcam-ck-info-icon {
position: relative;
display: inline-flex;
align-items: center;
margin-left: 6px;
cursor: pointer;
color: #2271b1;
vertical-align: middle;
}
.elfcam-ck-info-icon:hover {
color: #0a3a6c;
}
.elfcam-ck-tooltip {
display: none;
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
width: 300px;
background: rgba(255,255,255,0.92);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid rgba(10,58,108,0.12);
border-radius: 12px;
box-shadow: 0 12px 40px rgba(0,0,0,0.15);
padding: 14px;
z-index: 10000;
pointer-events: none;
}
.elfcam-ck-info-icon:hover .elfcam-ck-tooltip {
display: flex;
gap: 12px;
}
.elfcam-ck-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 8px solid transparent;
border-top-color: rgba(255,255,255,0.92);
}
.elfcam-ck-tooltip-img {
flex-shrink: 0;
}
.elfcam-ck-tooltip-img img {
width: 100px !important;
height: 100px !important;
object-fit: contain !important;
border-radius: 8px !important;
background: #f8f8f8;
}
.elfcam-ck-tooltip-info {
flex: 1;
min-width: 0;
}
.elfcam-ck-tooltip-title {
font-weight: 700;
font-size: 13px;
color: #1d2327;
line-height: 1.3;
margin-bottom: 6px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.elfcam-ck-tooltip-price {
font-size: 14px;
font-weight: 700;
color: #0a3a6c;
margin-bottom: 6px;
}
.elfcam-ck-tooltip-price del {
color: #999;
font-weight: 400;
}
.elfcam-ck-tooltip-price ins {
text-decoration: none;
color: #111;
}
.elfcam-ck-tooltip-desc {
font-size: 12px;
color: #666;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Checkout product name: flexbox align with image */
.woocommerce-checkout-review-order-table .product-name {
font-size: 13px !important;
line-height: 1.4 !important;
}
.woocommerce-checkout-review-order-table .product-name img {
width: 36px !important;
height: 36px !important;
object-fit: contain !important;
border-radius: 6px !important;
vertical-align: middle !important;
margin-right: 8px !important;
border: 1px solid rgba(230,126,34,0.15) !important;
}
.woocommerce-checkout-review-order-table .product-name .variation {
font-size: 11px !important;
color: #888 !important;
margin-top: 4px !important;
}
.woocommerce-checkout-review-order-table .product-name .variation dt,
.woocommerce-checkout-review-order-table .product-name .variation dd {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-checkout-review-order-table .product-name .variation dd p {
display: inline !important;
margin: 0 !important;
}
@media (max-width: 768px) {
.elfcam-ck-tooltip {
left: 0;
transform: none;
width: 260px;
}
.elfcam-ck-tooltip::after {
left: 14px;
transform: none;
}
}
/* ===== Checkout: 3-column icon list bar (Elementor) ===== */
.elementor-element-30fd610,
.elementor-element-8255e68,
.elementor-element-58fcbe2 {
background: rgba(10, 58, 108, 0.06) !important;
-webkit-backdrop-filter: blur(16px) !important;
backdrop-filter: blur(16px) !important;
border-radius: 12px !important;
border: 1px solid rgba(10, 58, 108, 0.08) !important;
padding: 14px 10px !important;
transition: background 0.15s !important;
}
.elementor-element-30fd610:hover,
.elementor-element-8255e68:hover,
.elementor-element-58fcbe2:hover {
background: rgba(10, 58, 108, 0.1) !important;
}
.elementor-element-30fd610 .elementor-icon-list-icon,
.elementor-element-8255e68 .elementor-icon-list-icon,
.elementor-element-58fcbe2 .elementor-icon-list-icon {
color: #0a3a6c !important;
font-size: 20px !important;
}
.elementor-element-30fd610 .elementor-icon-list-icon i,
.elementor-element-8255e68 .elementor-icon-list-icon i,
.elementor-element-58fcbe2 .elementor-icon-list-icon i {
color: #0a3a6c !important;
}
.elementor-element-30fd610 .elementor-icon-list-text,
.elementor-element-8255e68 .elementor-icon-list-text,
.elementor-element-58fcbe2 .elementor-icon-list-text {
color: #1d2327 !important;
font-weight: 600 !important;
font-size: 13px !important;
}
.elementor-element-30fd610 a,
.elementor-element-8255e68 a,
.elementor-element-58fcbe2 a {
text-decoration: none !important;
}
/* ===== Checkout: Payment methods — frosted glass card style ===== */
/* ── Payment methods — card design ── */
.wc_payment_methods.payment_methods {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.wc_payment_methods .wc_payment_method {
background: linear-gradient(135deg, #fdf8f0, #f7edd9) padding-box,
linear-gradient(135deg, #e67e22, #0a3a6c) border-box !important;
border: 1.5px solid transparent !important;
border-radius: 10px !important;
padding: 12px 14px !important;
box-shadow: none !important;
backdrop-filter: none !important;
transition: all 0.2s !important;
}
.wc_payment_methods .wc_payment_method:has(input:checked) {
background: linear-gradient(135deg, #edf2fa, #d6e3f5) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
}
.wc_payment_methods .wc_payment_method:hover {
background: linear-gradient(135deg, #fdf8f0, #f7edd9) padding-box,
linear-gradient(135deg, #e67e22, #0a3a6c) border-box !important;
border: 1.5px solid transparent !important;
}
/* Radio + Label row */
.wc_payment_methods .wc_payment_method > input[type="radio"] {
accent-color: #0a3a6c !important;
width: 14px !important;
height: 14px !important;
vertical-align: middle !important;
margin: 0 8px 0 0 !important;
flex-shrink: 0;
}
.wc_payment_methods .wc_payment_method > label {
font-size: 13px !important;
font-weight: 600 !important;
color: #1a2744 !important;
cursor: pointer !important;
vertical-align: middle !important;
}
.wc_payment_methods .wc_payment_method > label img {
height: 18px !important;
width: auto !important;
vertical-align: middle !important;
margin-left: 6px !important;
}
/* Payment box */
.wc_payment_methods .payment_box {
background: none !important;
padding: 8px 0 2px 22px !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
font-size: 11px !important;
color: rgba(0,0,0,.45) !important;
line-height: 1.5 !important;
}
.wc_payment_methods .payment_box p {
font-size: 11px !important;
margin: 0 !important;
color: rgba(0,0,0,.4) !important;
}
.wc_payment_methods .payment_box::before {
display: none !important;
}
/* Saved payment methods */
.wc-saved-payment-methods {
list-style: none !important;
padding: 0 !important;
margin: 0 0 4px !important;
}
.wc-saved-payment-methods li {
background: none !important;
border: none !important;
padding: 4px 0 !important;
}
.wc-saved-payment-methods li label {
font-size: 11px !important;
color: #333 !important;
}
.wc-saved-payment-methods li input[type="radio"] {
accent-color: #0a3a6c !important;
width: 12px !important;
height: 12px !important;
margin-right: 6px !important;
}
.woocommerce-SavedPaymentMethods-saveNew label {
font-size: 10px !important;
color: #999 !important;
}
.wc_payment_methods .payment_box fieldset {
background: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* Stripe — show label text normally */
.payment_method_stripe > label[for="payment_method_stripe"] {
font-size: 0 !important;
line-height: 0 !important;
}
.payment_method_stripe > label[for="payment_method_stripe"]::after {
content: 'Carte Bancaire';
font-size: 13px !important;
font-weight: 600 !important;
color: #1a2744 !important;
}
/* Add card brand icons after the label */
.payment_method_stripe > label[for="payment_method_stripe"]::before {
content: '';
display: inline-block;
width: 120px;
height: 22px;
background-image: url('https://cdn.jsdelivr.net/gh/nicehash/payment-icons@master/SVG/visa.svg'), url('https://cdn.jsdelivr.net/gh/nicehash/payment-icons@master/SVG/mastercard.svg');
background-repeat: no-repeat, no-repeat;
background-size: 32px auto, 32px auto;
background-position: 0 center, 36px center;
vertical-align: middle;
margin-left: 8px;
float: right;
margin-top: 2px;
}
/* ===== Checkout: remove form wrapper borders ===== */
.elementor-element-26c6b83c .elementor-widget-container,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce-checkout .woocommerce {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
/* ===== Checkout: floating security badge ===== */
.elfcam-security-float {
position: fixed;
right: 0;
bottom: 95px;
z-index: 99999;
}
/* Trigger button */
.elfcam-security-trigger {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
}
.elfcam-security-trigger:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
/* Panel — hidden by default, shown on hover */
.elfcam-security-panel {
position: absolute;
right: 0;
bottom: 60px;
width: 340px;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 20px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.elfcam-security-float.active .elfcam-security-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
/* Headline */
.elfcam-security-headline {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #2d4f7a;
margin-bottom: 14px;
padding-bottom: 12px;
border-bottom: 2px solid #e67e22;
}
.elfcam-security-headline svg {
flex-shrink: 0;
}
/* Check items */
.elfcam-security-items p {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 12.5px;
line-height: 1.5;
color: #444;
margin: 0 0 10px 0;
}
.elfcam-security-items p svg {
flex-shrink: 0;
margin-top: 2px;
}
/* Payment icons */
.elfcam-security-icons {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #eee;
}
.elfcam-security-icons img {
height: 24px;
width: auto;
object-fit: contain;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.elfcam-security-float {
right: 5px;
bottom: 90px;
}
.elfcam-security-trigger {
width: 52px !important;
height: 52px !important;
}
.elfcam-security-panel {
width: 290px;
right: 0;
bottom: 52px;
padding: 16px;
}
.elfcam-security-headline {
font-size: 13px;
}
.elfcam-security-items p {
font-size: 11.5px;
}
.elfcam-security-icons img {
height: 20px;
}
}
/* ===== Checkout: place order button — pill style like cart ===== */
#place_order,
.woocommerce-checkout #place_order {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: .75rem 1.25rem !important;
border-radius: 9999px !important;
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: left center !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.03em !important;
border: none !important;
box-shadow: 0 2px 8px rgba(10,58,108,.25) !important;
cursor: pointer !important;
width: 100% !important;
min-height: 54px !important;
margin-top: 16px !important;
transition: background-position .4s ease, transform .06s ease !important;
}
#place_order .emoji,
#place_order img.emoji {
width: 22px !important;
height: 22px !important;
vertical-align: middle !important;
margin-right: 4px !important;
}
@media (max-width: 768px) {
#place_order,
.woocommerce-checkout #place_order {
font-size: 18px !important;
padding: 16px 24px !important;
min-height: 54px !important;
}
}
/* ===== Checkout: checkout form fields optimize ===== */
/* Section headings */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout h3#order_review_heading {
display: none !important;
display: inline-block !important;
}
/* Form rows — tighter spacing */
.woocommerce-checkout .form-row {
margin-bottom: 12px !important;
padding: 0 !important;
}
/* Labels */
.woocommerce-checkout .form-row label {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 4px !important;
display: block !important;
}
.woocommerce-checkout .form-row label .required {
color: #111 !important;
}
.woocommerce-checkout .form-row label .optional {
font-size: 11px !important;
color: #999 !important;
font-weight: 400 !important;
}
/* Input fields */
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
padding: 10px 12px !important;
font-size: 14px !important;
color: #333 !important;
background: #f9fafb !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-checkout .form-row .input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 2px rgba(45,79,122,0.12) !important;
background: #fff !important;
outline: none !important;
}
/* Select2 dropdowns */
.woocommerce-checkout .select2-container--default .select2-selection--single {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
height: 42px !important;
background: #f9fafb !important;
transition: border-color 0.2s ease !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px !important;
padding-left: 12px !important;
font-size: 14px !important;
color: #333 !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px !important;
}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 2px rgba(45,79,122,0.12) !important;
}
/* Textarea (order notes) */
.woocommerce-checkout textarea#order_comments {
min-height: 70px !important;
resize: vertical !important;
}
/* col2-set layout */
.woocommerce-checkout .col2-set {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
flex: 1 1 0 !important;
min-width: 280px !important;
}
/* Ship to different address checkbox */
.woocommerce-checkout #ship-to-different-address label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 14px !important;
cursor: pointer;
}
.woocommerce-checkout #ship-to-different-address-checkbox {
width: 18px !important;
height: 18px !important;
accent-color: #2d4f7a !important;
}
/* first/last name side by side */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
width: 48% !important;
display: inline-block !important;
vertical-align: top !important;
}
.woocommerce-checkout .form-row-first {
margin-right: 2% !important;
}
/* Mobile */
@media (max-width: 768px) {
.woocommerce-checkout .col2-set {
flex-direction: column !important;
gap: 16px !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
min-width: 100% !important;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
width: 100% !important;
display: block !important;
margin-right: 0 !important;
}
.woocommerce-checkout .form-row .input-text,
.woocommerce-checkout .form-row textarea {
font-size: 16px !important;
padding: 12px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 46px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 46px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px !important;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #ship-to-different-address {
font-size: 15px !important;
}
}
/* ===== Checkout: elementor widget wrap border kill ===== */
.woocommerce-checkout .elementor-widget-wrap,
.woocommerce-checkout .elementor-widget-wrap.elementor-element-populated,
.woocommerce-checkout .elementor-element-26c6b83c,
.woocommerce-checkout .elementor-element-26c6b83c .elementor-widget-container,
.woocommerce-checkout .elementor-widget-wrap > .elementor-element > .elementor-widget-container,
.woocommerce-checkout .elementor-section .elementor-container,
.woocommerce-checkout .elementor-section,
.woocommerce-checkout .elementor-column-wrap,
.woocommerce-checkout .elementor-widget-container {
border: none !important;
box-shadow: none !important;
outline: none !important;
border-style: none !important;
}
/* ===== Cart page: Recommendation modules ===== */
.elfcam-cart-reco {
margin: 28px 0 0 0;
padding: 0;
}
.elfcam-cart-reco-title {
font-size: 20px !important;
font-weight: 700 !important;
color: #0a3a6c !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
}
.elfcam-cart-reco-scroll {
display: flex;
gap: 14px;
overflow-x: auto;
padding: 4px 0 12px 0;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.elfcam-cart-reco-scroll::-webkit-scrollbar {
height: 6px;
}
.elfcam-cart-reco-scroll::-webkit-scrollbar-track {
background: rgba(10,58,108,0.04);
border-radius: 3px;
}
.elfcam-cart-reco-scroll::-webkit-scrollbar-thumb {
background: rgba(10,58,108,0.15);
border-radius: 3px;
}
.elfcam-reco-card {
flex: 0 0 200px;
scroll-snap-align: start;
background: rgba(255,255,255,0.6);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border: 1px solid rgba(10,58,108,0.08);
border-radius: 14px;
padding: 14px;
transition: all 0.18s;
display: flex;
flex-direction: column;
gap: 8px;
}
.elfcam-reco-card:hover {
background: rgba(255,255,255,0.95) !important;
border-color: rgba(10,58,108,0.25);
box-shadow: 0 6px 24px rgba(10,58,108,0.12);
transform: translateY(-2px);
}
.elfcam-reco-card-link {
text-decoration: none !important;
color: inherit !important;
display: flex;
flex-direction: column;
gap: 8px;
}
.elfcam-reco-card-img {
width: 100%;
aspect-ratio: 1;
overflow: hidden;
border-radius: 10px;
background: rgba(10,58,108,0.03);
display: flex;
align-items: center;
justify-content: center;
}
.elfcam-reco-card-img img.elfcam-reco-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 10px !important;
}
.elfcam-reco-card-name {
font-size: 13px !important;
font-weight: 600 !important;
color: #0a3a6c !important;
line-height: 1.35 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 35px;
}
.elfcam-reco-rating {
display: flex;
align-items: center;
gap: 2px;
font-size: 12px;
}
.elfcam-star {
color: #ccc;
font-size: 13px;
}
.elfcam-star.filled {
color: #f5a623;
}
.elfcam-reco-count {
color: #888;
font-size: 11px;
margin-left: 2px;
}
.elfcam-reco-card-price {
font-size: 16px !important;
font-weight: 700 !important;
color: #0a3a6c !important;
}
.elfcam-reco-card-price del {
font-size: 12px !important;
color: #999 !important;
font-weight: 400 !important;
}
.elfcam-reco-card-price ins {
text-decoration: none !important;
}
.elfcam-reco-add-btn {
display: block;
text-align: center;
background: #0a3a6c !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 600 !important;
padding: 8px 10px !important;
border-radius: 8px !important;
text-decoration: none !important;
transition: background 0.15s !important;
margin-top: auto;
cursor: pointer;
}
.elfcam-reco-add-btn:hover {
background: #3a6491 !important;
color: #111 !important;
border-color: #0a3a6c !important;
}
/* Mobile responsive */
@media (max-width: 768px) {
.elfcam-reco-card {
flex: 0 0 160px;
padding: 10px;
}
.elfcam-cart-reco-title {
font-size: 17px !important;
}
.elfcam-reco-card-name {
font-size: 12px !important;
}
.elfcam-reco-card-price {
font-size: 14px !important;
}
.elfcam-reco-add-btn {
font-size: 11px !important;
padding: 6px 8px !important;
}
}
/* ===== Cart: checkout button — match add-to-cart style ===== */
.wc-proceed-to-checkout .checkout-button,
.cart_totals .checkout-button,
a.checkout-button.button.alt.wc-forward {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: .75rem 1.25rem !important;
border-radius: 9999px !important;
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: left center !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1 !important;
text-decoration: none !important;
border: 0 !important;
cursor: pointer;
transition: background-position .4s ease, transform .06s ease !important;
width: 100% !important;
min-height: 50px !important;
text-align: center !important;
box-shadow: none !important;
text-shadow: none !important;
margin-top: 16px !important;
box-sizing: border-box !important;
letter-spacing: 0.03em !important;
}
.wc-proceed-to-checkout .checkout-button:hover,
.cart_totals .checkout-button:hover,
a.checkout-button.button.alt.wc-forward:hover {
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: right center !important;
color: #fff !important;
border: 0 !important;
box-shadow: none !important;
}
.wc-proceed-to-checkout .checkout-button:active,
.cart_totals .checkout-button:active,
a.checkout-button.button.alt.wc-forward:active {
background-position: right center !important;
color: #fff !important;
transform: translateY(1px) !important;
}
/* ===== Global: global button hover orange text + border ===== */
button:not(.dgwt-wcas-search-submit):hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover,
a.button:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .widget_price_filter .button:hover,
.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover,
#place_order:hover,
.checkout-button:hover,
.nsl-button:hover {
color: #111 !important;
border-color: #0a3a6c !important;
background: transparent !important;
background-image: none !important;
}
/* Keep primary buttons white on hover/tap */
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
#place_order:hover,
.woocommerce-checkout #place_order:hover,
.checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover,
a.checkout-button.button.alt.wc-forward:hover,
.elfcam-hdr-btn:hover,
.elfcam-acct-btn-primary:hover,
.efc-btn-checkout:hover,
.elfcam-mega-close:hover {
color: #fff !important;
border-color: currentColor !important;
}
/* Search submit: keep orange on hover */
.dgwt-wcas-search-submit:hover,
button.dgwt-wcas-search-submit:hover,
.elfcam-hdr-search .dgwt-wcas-search-submit:hover {
background: #c55e1f !important;
background-image: none !important;
color: #fff !important;
border-color: #c55e1f !important;
}
/* ===== Cart: cart pdf buttons style ===== */
.elementor-element-7b52573 .pdf-btn-wrap .button,
.elementor-element-7b52573 .pdf-btn-wrap .button.alt {
background: transparent !important;
background-image: none !important;
color: #2d4f7a !important;
border: 1px solid #c5d5ea !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 500 !important;
padding: 6px 14px !important;
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
display: inline-block !important;
transition: all 0.15s ease !important;
text-align: center !important;
width: auto !important;
box-sizing: border-box !important;
line-height: 1.4 !important;
}
.elementor-element-7b52573 .pdf-btn-wrap .button:hover,
.elementor-element-7b52573 .pdf-btn-wrap .button.alt:hover {
background: #f0f4f8 !important;
color: #1a2744 !important;
border-color: #2d4f7a !important;
}
.elementor-element-7b52573 .elementor-container {
gap: 8px !important;
}
.elementor-element-7b52573 .pdf-btn-wrap {
text-align: right !important;
}
/* ===== Checkout: chatpro orange border + security badge match ===== */
/* Hide old support float */
.elfcam-support-float {
display: none !important;
}
/* Security badge trigger — match chatpro size + orange border */
@media (min-width: 769px) {
.elfcam-delivery-trigger,
.elfcam-security-trigger,
.elfcam-pdf-trigger {
width: 60px !important;
height: 60px !important;
border: 2px solid #e67e22 !important;
}
}
/* Chatpro widget — orange border on launcher */
#chatpro-widget,
#chatpro-launcher,
#chatpro-btn,
.chatpro-widget-button,
.chatpro-launcher,
.chatpro-bubble,
[id*="chatpro"] button,
[class*="chatpro"] button,
[id*="chat-pro"] button,
[class*="chat-pro"] button,
/* Common chat widget launchers */
.chat-widget-launcher,
.chat-bubble,
#launcher,
iframe[title*="chat"] + div,
/* Tawk */
.tawk-min-container .tawk-button-circle,
/* Crisp */
.crisp-client .crisp-1brpmiu,
/* Tidio */
#tidio-chat .buttonWave,
/* Generic round chat buttons */
div[class*="chat"] > button[class*="launcher"],
div[class*="chat"] > div[class*="bubble"] {
border: 2px solid #e67e22 !important;
border-radius: 50% !important;
}
@media (max-width: 768px) {
.elfcam-delivery-trigger,
.elfcam-security-trigger,
.elfcam-pdf-trigger {
width: 52px !important;
height: 52px !important;
border: 2px solid #e67e22 !important;
box-shadow: 0 4px 16px rgba(45,79,122,0.35) !important;
}
.elfcam-security-panel {
bottom: 62px !important;
}
}
/* ===== Global: headphones widget global style (match security badge) ===== */
.fa-headphones.widget-fa-icon,
i.fas.fa-headphones.widget-fa-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 60px !important;
height: 60px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%) !important;
border: 2px solid #e67e22 !important;
color: #fff !important;
font-size: 22px !important;
box-shadow: 0 4px 16px rgba(45,79,122,0.35) !important;
transition: all 0.3s ease !important;
cursor: pointer;
}
.fa-headphones.widget-fa-icon:hover,
i.fas.fa-headphones.widget-fa-icon:hover {
transform: scale(1.08) !important;
box-shadow: 0 6px 24px rgba(45,79,122,0.45) !important;
background: linear-gradient(135deg, #1e3654 0%, #162240 100%) !important;
}
@media (max-width: 768px) {
.fa-headphones.widget-fa-icon,
i.fas.fa-headphones.widget-fa-icon {
width: 52px !important;
border: none !important;
box-shadow: none !important;
height: 52px !important;
font-size: 20px !important;
}
}
/* ===== Footer: footer phones service client column ===== */
.elfcam-footer-phones {
display: flex;
flex-direction: column;
gap: 3px;
margin-top: 8px;
}
a.elfcam-fp-line {
display: inline-flex;
align-items: center;
gap: 5px;
color: #ccd6e0 !important;
text-decoration: none !important;
font-size: 13px;
font-weight: 400;
line-height: 1.8;
transition: color 0.15s ease;
background-image: none !important;
background-size: 0 !important;
padding-bottom: 0 !important;
}
a.elfcam-fp-line:hover {
color: #e67e22 !important;
}
.elfcam-fp-flag {
font-size: 14px;
}
a.elfcam-fp-wa i {
color: #25d366 !important;
font-size: 14px;
}
@media (max-width: 767px) {
a.elfcam-fp-line {
font-size: 11px;
}
}
/* ===== Global: headphones parent overflow fix ===== */
.fa-headphones.widget-fa-icon,
i.fas.fa-headphones.widget-fa-icon {
overflow: hidden !important;
line-height: 60px !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* Parent containers — no background, no border, tight fit */
.widget-fa-icon-wrap,
a:has(> .fa-headphones.widget-fa-icon),
div:has(> .fa-headphones.widget-fa-icon),
span:has(> .fa-headphones.widget-fa-icon),
.fa-headphones.widget-fa-icon + *,
* > .fa-headphones.widget-fa-icon {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
overflow: visible !important;
}
@media (max-width: 768px) {
.fa-headphones.widget-fa-icon,
i.fas.fa-headphones.widget-fa-icon {
line-height: 52px !important;
}
}
/* ===== Catalog: parent overflow fix for sticky nav ===== */
.catalog-ajax-wrap,
.catalog-ajax-wrap .catalog-ajax {
overflow: visible !important;
}
/* Ensure WP page content wrappers don't block sticky */
.page .entry-content,
.page .post-content,
.page .page-content,
.page .elementor-widget-container,
.page .elementor-element,
.page article.page {
overflow: visible !important;
}
/* ===== Catalog: catalog-ajax v3 ===== */
/* --- Layout --- */
.catalog-ajax {
display: flex;
gap: 24px;
max-width: 1400px;
margin: 0 auto;
padding: 16px 0;
}
/* --- Sidebar nav --- */
.catalog-ajax__nav {
flex: 0 0 220px;
position: sticky;
top: 120px;
align-self: flex-start;
max-height: calc(100vh - 140px);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(45,79,122,0.18) transparent;
background: #f8f9fb;
border-radius: 10px;
padding: 10px 0;
}
.catalog-ajax__nav::-webkit-scrollbar { width: 4px; }
.catalog-ajax__nav::-webkit-scrollbar-thumb { background: rgba(45,79,122,0.18); border-radius: 4px; }
/* Bottom fade hint for scrollable nav */
.catalog-ajax__nav {
position: relative;
}
.catalog-ajax__nav::after {
content: '';
position: sticky;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 40px;
background: linear-gradient(to bottom, rgba(248,249,251,0), rgba(248,249,251,1));
pointer-events: none;
z-index: 2;
}
/* Group (top-level collapsible) */
.catalog-ajax__nav .cat-group {
margin-bottom: 2px;
}
.catalog-ajax__nav .cat-group-title {
display: block;
padding: 9px 16px;
font-size: 12.5px;
font-weight: 700;
color: #2d4f7a !important;
text-transform: uppercase;
letter-spacing: 0.04em;
text-decoration: none !important;
background-image: none !important;
background-size: 0 !important;
border-bottom: none;
transition: color 0.15s ease;
cursor: pointer;
}
.catalog-ajax__nav .cat-group-title:hover {
color: #111 !important;
}
/* Subgroup */
.catalog-ajax__nav .cat-subgroup {
padding-left: 4px;
}
.catalog-ajax__nav .cat-subgroup-title {
font-size: 10.5px;
font-weight: 600;
color: #9ca3af;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8px 16px 3px;
margin: 0;
}
/* Link list */
.catalog-ajax__nav .cat-sublist {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.catalog-ajax__nav .cat-sublist li {
margin: 0 !important;
padding: 0 !important;
}
.catalog-ajax__nav .cat-link {
display: block;
padding: 5px 16px 5px 20px;
font-size: 12.5px;
font-weight: 400;
color: #555 !important;
text-decoration: none !important;
background-image: none !important;
background-size: 0 !important;
border-left: 2px solid transparent;
transition: all 0.15s ease;
line-height: 1.55;
}
.catalog-ajax__nav .cat-link:hover {
color: #2d4f7a !important;
background: rgba(45,79,122,0.04);
border-left-color: rgba(45,79,122,0.25);
}
.catalog-ajax__nav .cat-link.is-active {
color: #2d4f7a !important;
font-weight: 600;
border-left-color: #111;
background: rgba(45,79,122,0.06);
}
/* Old flat nav fallback */
.catalog-ajax__nav .product-categories {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.catalog-ajax__nav .product-categories li a {
display: block;
padding: 7px 16px;
font-size: 12.5px;
color: #555 !important;
text-decoration: none !important;
border-left: 2px solid transparent;
transition: all 0.15s ease;
}
.catalog-ajax__nav .product-categories li a:hover {
color: #2d4f7a !important;
border-left-color: #2d4f7a;
}
.catalog-ajax__nav .product-categories li.current-cat a {
color: #2d4f7a !important;
font-weight: 600;
border-left-color: #111;
}
.catalog-ajax__nav a {
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
word-break: break-word;
}
/* --- Main content --- */
.catalog-ajax__content {
flex: 1;
min-width: 0;
}
/* Result count + ordering bar */
.catalog-ajax__content .woocommerce-result-count {
font-size: 12px;
color: #888;
float: left;
margin: 0 0 12px;
padding: 6px 0;
}
.catalog-ajax__content .woocommerce-ordering {
float: right;
margin: 0 0 12px;
}
.catalog-ajax__content .woocommerce-ordering select {
border: 1px solid #dde2e8;
border-radius: 6px;
padding: 6px 10px;
font-size: 12px;
color: #333;
background: #fafafa;
}
/* Product grid */
.catalog-ajax__content ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
clear: both;
border: none !important;
}
.catalog-ajax__content ul.products::before,
.catalog-ajax__content ul.products::after {
display: none !important;
content: none !important;
}
.catalog-ajax__content ul.products li.product {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
width: auto !important;
float: none !important;
}
.catalog-ajax__content ul.products li.product:hover {
transform: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* --- Responsive --- */
@media (max-width: 768px) {
.catalog-ajax {
flex-direction: row;
flex-wrap: nowrap;
gap: 8px;
padding: 8px;
}
.catalog-ajax__nav {
flex: 0 0 40%;
position: sticky;
top: 120px;
align-self: flex-start;
max-height: calc(100vh - 140px);
overflow-y: auto;
border-radius: 8px;
padding: 6px 0;
font-size: 11px;
}
.catalog-ajax__nav .cat-group-title {
font-size: 11px;
padding: 6px 10px;
}
.catalog-ajax__nav .cat-subgroup-title {
font-size: 9.5px;
padding: 5px 10px 1px;
}
.catalog-ajax__nav .cat-link {
font-size: 11px;
padding: 3px 10px 3px 14px;
}
.catalog-ajax__content {
flex: 1;
min-width: 0;
}
.catalog-ajax__content ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
}
@media (min-width: 769px) and (max-width: 1100px) {
.catalog-ajax__content ul.products {
grid-template-columns: repeat(3, 1fr) !important;
}
.catalog-ajax__nav {
flex: 0 0 190px;
}
}
/* ===== Product page: Sales count & reference bar ===== */
.product-sales-count {
margin: 6px 0 8px !important;
}
.product-sales-count .sales-text {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
font-size: 13px;
color: #333;
}
.product-sales-count .product-reference {
font-size: 12px !important;
font-weight: 400 !important;
font-style: normal !important;
color: #555 !important;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
border: none !important;
letter-spacing: normal !important;
}
.product-sales-count .product-reference:hover {
border-color: #111;
}
.product-sales-count .sales-pill {
display: inline-flex;
align-items: center;
gap: 4px;
background: none;
color: #555;
font-size: 12px;
font-weight: 400;
padding: 0;
border-radius: 0;
border: none;
white-space: nowrap;
}
.product-sales-count .sales-pill img.emoji {
width: 14px !important;
height: 14px !important;
vertical-align: middle;
margin: 0 !important;
}
.product-sales-count .product-full-url {
font-size: 12px !important;
font-style: italic;
color: #888 !important;
text-decoration: none !important;
word-break: break-all;
transition: color 0.15s;
}
.product-sales-count .product-full-url:hover {
color: #111 !important;
}
.product-sales-count .wc-copy-product-link {
border: none !important;
background: rgba(10,58,108,0.06) !important;
cursor: pointer;
padding: 3px 6px !important;
border-radius: 4px;
font-size: 14px !important;
line-height: 1;
transition: background 0.15s;
}
.product-sales-count .wc-copy-product-link:hover {
background: rgba(10,58,108,0.12) !important;
}
.product-sales-count .wc-copy-product-link img.emoji {
width: 14px !important;
height: 14px !important;
vertical-align: middle;
margin: 0 !important;
}
.product-sales-count .wc-copy-tip {
font-size: 12px;
color: #1b5e20;
font-weight: 600;
}
@media (max-width: 767px) {
.product-sales-count .sales-text {
gap: 6px !important;
}
.product-sales-count .product-full-url {
display: none !important;
}
}
/* ===== Half-star support ===== */
.ecr-star.full { color: #ff9800; }
.ecr-star.empty { color: #ccc; }
.ecr-star.half {
position: relative;
display: inline-block;
color: #ccc;
}
.ecr-star.half > span {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 50%;
color: #ff9800;
}
.elfcam-star.half {
position: relative;
display: inline-block;
color: #ccc;
}
.elfcam-star.half > span {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 50%;
color: #ff9800;
}
/* ===== Search/Shop results page ===== */
/* Page title */
.woocommerce .page-title {
font-size: 22px;
font-weight: 700;
color: #0a3a6c;
margin: 0 0 16px;
padding: 0;
}
/* Result count + ordering bar */
.woocommerce .woocommerce-result-count {
font-size: 13px;
color: #666;
margin: 0;
line-height: 36px;
}
.woocommerce-ordering .orderby {
font-size: 13px;
padding: 6px 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
color: #333;
cursor: pointer;
transition: border-color 0.15s;
}
.woocommerce-ordering .orderby:focus {
border-color: #0a3a6c;
outline: none;
}
/* Breadcrumbs */
#breadcrumbs {
font-size: 12px;
color: #888;
margin-bottom: 12px;
}
#breadcrumbs a {
color: #0a3a6c;
text-decoration: none;
}
#breadcrumbs a:hover {
color: #111;
}
/* Hide redundant WC native star-rating on listing (we have ecb-stars) */
ul.products li.product .star-rating {
display: none !important;
}
/* Hide redundant "X comments" link */
ul.products li.product .rating-comment {
display: none !important;
}
/* Hide empty tags */
ul.products li.product > a + i,
ul.products li.product > i {
display: none !important;
}
/* ===== Product thumbnail image slider ===== */
.elfcam-img-slider {
position: relative;
overflow: clip;
background: #f8f8f8;
line-height: 0;
}
.elfcam-img-slider .elfcam-slide {
display: none !important;
width: 100%;
aspect-ratio: 1;
object-fit: contain;
}
.elfcam-img-slider .elfcam-slide.active {
display: block !important;
}
.elfcam-sl-prev,
.elfcam-sl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(30,30,30,0.35);
backdrop-filter: blur(10px) saturate(160%);
-webkit-backdrop-filter: blur(10px) saturate(160%);
border: 1px solid rgba(255,255,255,0.25);
cursor: pointer;
font-size: 20px;
font-weight: 400;
line-height: 1;
padding: 5px 8px 7px;
border-radius: 8px;
z-index: 10;
opacity: 0;
transition: opacity 0.2s, background 0.2s;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 2px 8px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.15);
}
.elfcam-sl-prev:hover,
.elfcam-sl-next:hover { background: rgba(30,30,30,0.55); }
.elfcam-img-slider:hover .elfcam-sl-prev,
.elfcam-img-slider:hover .elfcam-sl-next { opacity: 1; }
.elfcam-sl-prev { left: 6px; }
.elfcam-sl-next { right: 6px; }
/* Product card styling */
ul.products li.product {
border: none;
border-radius: 10px;
overflow: hidden;
padding: 0 0 12px !important;
transition: box-shadow 0.2s;
background: #fff;
position: relative;
display: flex !important;
flex-direction: column;
}
ul.products li.product.elfcam-card-prom {
border: 1px solid #e67e22 !important;
transition: box-shadow 0.2s, border-color 0.2s;
}
ul.products li.product a.woocommerce-loop-product__link {
flex: 1;
display: flex;
flex-direction: column;
}
ul.products li.product:hover {
}
/* Product image */
ul.products li.product a img {
border-radius: 0;
margin: 0 !important;
}
/* Sale badge */
ul.products li.product .onsale {
background: #e67e22 !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 3px 10px !important;
border-radius: 0 0 8px 0 !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
min-height: auto !important;
min-width: auto !important;
line-height: 1.4 !important;
margin: 0 !important;
z-index: 2;
}
/* Product title */
ul.products li.product .woocommerce-loop-product__title {
font-size: 12px !important;
font-weight: 600 !important;
color: #222 !important;
line-height: 1.4 !important;
padding: 8px 0 4px !important;
margin: 0 !important;
text-decoration: none !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden !important;
min-height: 50.4px;
transition: color 0.18s, text-shadow 0.18s;
}
ul.products li.product .woocommerce-loop-product__title:hover {
color: #0071e3 !important;
text-shadow: 0 0 6px rgba(0,113,227,0.15);
}
/* Discount label */
ul.products li.product .my-discount-label {
background: #fff3e0;
color: #e65100;
font-size: 11px;
font-weight: 700;
padding: 2px 6px;
border-radius: 4px;
margin-right: 4px;
}
/* Price area */
ul.products li.product .price {
padding: 4px 10px !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 4px !important;
}
ul.products li.product .price del {
font-size: 11px !important;
opacity: 0.5;
}
ul.products li.product .price ins {
text-decoration: none !important;
font-weight: 700 !important;
color: #111 !important;
}
/* From price label */
ul.products li.product .elfcam-from-price {
font-size: 10px;
color: #888;
font-weight: 400;
}
/* HT price - smaller */
ul.products li.product .price > span[style*="font-size: 0.6em"] {
display: none !important;
}
/* Add to cart button */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button {
position: absolute !important;
bottom: 10px !important;
right: 10px !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
border-radius: 50% !important;
background: #0a3a6c !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
box-shadow: 0 2px 6px rgba(10,58,108,0.2) !important;
transition: all 0.15s !important;
line-height: 1 !important;
min-height: auto !important;
min-width: auto !important;
text-indent: 0 !important;
z-index: 2;
}
ul.products li.product a.button:hover,
ul.products li.product a.add_to_cart_button:hover {
background: #e67e22 !important;
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(230,126,34,0.3) !important;
}
/* Card inject area spacing */
ul.products li.product .elfcam-card-inject {
padding: 0 !important;
}
/* Make sure card has enough bottom padding for the absolute button */
ul.products li.product {
padding-bottom: 50px !important;
}
/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
display: flex;
gap: 4px;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
border-radius: 6px !important;
border: 1px solid #ddd !important;
padding: 6px 12px !important;
font-size: 13px;
min-width: 36px;
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #0a3a6c !important;
color: #fff !important;
border-color: #0a3a6c !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
border-color: #0a3a6c !important;
color: #111 !important;
}
/* Mobile adjustments */
@media (max-width: 767px) {
ul.products li.product .woocommerce-loop-product__title {
font-size: 11px !important;
-webkit-line-clamp: 3 !important;
}
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button {
width: 28px !important;
height: 28px !important;
font-size: 16px !important;
bottom: 8px !important;
right: 8px !important;
}
}
/* ===== END Search/Shop */
/* Hide default WooCommerce price on single product page */
.single-product .summary > .price {
display: none !important;
}
/* ===== FiboSearch Mobile Overlay — Blurred Image Background ===== */
.dgwt-wcas-overlay-mobile {
background: transparent !important;
overflow: hidden !important;
}
.dgwt-wcas-overlay-mobile::before {
content: "";
position: absolute;
top: -20px; left: -20px; right: -20px; bottom: -20px;
background: url("https://www.elfcams.com/wp-content/uploads/2025-10-07.webp") center/cover no-repeat;
filter: blur(18px) brightness(0.65);
z-index: -1;
}
/* --- om-bar layout --- */
.dgwt-wcas-om-bar.js-dgwt-wcas-om-bar {
background: rgba(255,255,255,0.92) !important;
box-shadow: 0 2px 16px rgba(0,0,0,0.10) !important;
border-bottom: none !important;
height: 50px !important;
display: flex !important;
flex-wrap: nowrap !important;
}
/* Back button (left) */
.dgwt-wcas-om-bar button.dgwt-wcas-om-return,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active {
background: #0a3a6c !important;
width: 50px !important; min-width: 50px !important;
height: 50px !important;
flex-shrink: 0 !important;
}
.dgwt-wcas-om-bar .dgwt-wcas-om-return svg { fill: #fff !important; }
/* Input wrapper (middle) */
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile {
flex: 1 1 auto !important;
width: auto !important; max-width: none !important;
}
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile input[type="search"].dgwt-wcas-search-input {
height: 50px !important;
border: none !important;
border-bottom: 2px solid #0a3a6c !important;
font-size: 15px !important;
color: #222 !important;
background: transparent !important;
}
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile input[type="search"].dgwt-wcas-search-input::placeholder {
color: #999 !important;
}
/* Custom search button injected by JS (right) */
.dgwt-wcas-om-bar .dgwt-wcas-om-search-btn {
display: flex !important;
align-items: center;
justify-content: center;
background: #e67e22;
width: 50px; min-width: 50px; height: 50px;
border: none; border-radius: 0;
cursor: pointer;
padding: 0; margin: 0;
flex-shrink: 0;
order: 99;
}
.dgwt-wcas-om-bar .dgwt-wcas-om-search-btn:hover { background: #c45500; }
.dgwt-wcas-om-bar .dgwt-wcas-om-search-btn svg {
width: 22px; height: 22px; fill: #fff;
}
/* Suggestion list */
.dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp {
background: rgba(255,255,255,0.95) !important;
border-radius: 0 0 8px 8px !important;
margin: 0 8px !important;
box-shadow: none !important;
}
/* ===== Mobile header tweaks ===== */
@media (max-width: 767px) {
/* 1. Catégories: hide text, show only logo icon */
.elfcam-cat-btn {
font-size: 0 !important;
gap: 0 !important;
padding: 8px !important;
min-width: 0 !important;
}
.elfcam-cat-btn img {
font-size: 14px;
width: 22px !important;
height: 22px !important;
}
/* 2 & 3. Solutions/Informations: show text labels */
.elfcam-hdr-nav-item .elfcam-hdr-nav-link {
font-size: 10px !important;
display: flex !important;
align-items: center;
justify-content: center;
padding: 6px 8px !important;
color: #cbd5e1 !important;
}
.elfcam-hdr-nav-item .elfcam-hdr-nav-link::before {
display: none !important;
content: none !important;
}
/* Keep dropdown arrow visible */
.elfcam-hdr-nav-item .elfcam-hdr-nav-arrow {
display: inline-block !important;
width: 8px;
height: 8px;
flex-shrink: 0;
}
/* 4. Language: remove globe icon */
.elfcam-hdr-lang .elfcam-hdr-icon {
display: none !important;
}
/* 5. Account: remove person icon */
.elfcam-hdr-account .elfcam-hdr-icon {
display: none !important;
}
}
/* ===== Chaty Pro: flush right on mobile ===== */
@media (max-width: 767px) {
.chaty-widget.chaty-widget-is-right {
right: 0 !important;
}
.chaty-widget.chaty-widget-is-right .chaty-channel.is-right {
right: 0 !important;
}
}
/* ===== Gallery View All Button ===== */
.gallery-view-all-btn,
.gallery-nav-arrow {
display: none !important;
}
@media (max-width: 767px) {
.gallery-nav-arrow {
display: flex !important;
}
.gallery-view-all-btn {
display: inline-flex !important;
}
}
.gallery-view-all-btn {
position: absolute !important;
top: 10px !important;
right: 10px !important;
z-index: 20 !important;
align-items: center !important;
gap: 4px !important;
background: rgba(0,0,0,0.55) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
padding: 6px 10px !important;
cursor: pointer !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
transition: background 0.2s !important;
margin: 0 !important;
}
.gallery-view-all-btn:hover {
background: rgba(0,0,0,0.75) !important;
}
.gallery-view-all-btn svg {
flex-shrink: 0;
}
.gallery-view-all-btn span {
font-size: 13px;
font-weight: 600;
}
/* ===== Hide WooCommerce default price on ALL product loop cards ===== */
ul.products li.product .price,
.products .product .price,
.woocommerce-LoopProduct-link .price,
li.product > a > .price,
li.product .price:not(.ecb-price) {
display: none !important;
}
/* ===== Livraison Express line: dark green ===== */
.elfcam-delivery-line,
.elfcam-card-inject .elfcam-delivery-line,
a .elfcam-delivery-line {
color: #1b7a2b !important;
}
/* ===== Gallery thumbs: show 7 + "+N" badge ===== */
.single-product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(n+9) {
display: none !important;
}
@media (max-width: 768px) {
.flex-control-thumbs li:nth-child(n+8) {
display: none !important;
}
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li.elfcam-thumb-more {
display: block !important;
position: relative;
cursor: pointer;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li.elfcam-thumb-more::after {
content: attr(data-more);
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.55);
color: #fff;
font-size: 16px;
font-weight: 700;
border-radius: 8px;
z-index: 2;
pointer-events: none;
}
@media (max-width: 767px) {
.single-product .woocommerce-product-gallery .flex-control-thumbs li.elfcam-thumb-more::after {
font-size: 13px;
border-radius: 6px;
}
}
/* ===== Gallery: auto height instead of FlexSlider fixed height ===== */
.single-product .woocommerce-product-gallery {
height: auto !important;
}
/* Desktop: gallery height = 7 thumbs (60px × 7 + 6px gap × 6 = 456px) */
@media (min-width: 768px) {
.single-product .woocommerce-product-gallery {
height: 456px !important;
}
}
.single-product .woocommerce-product-gallery .flex-viewport {
height: auto !important;
overflow: hidden;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
height: auto !important;
}
.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img:not(.zoomImg) {
width: 100%;
height: auto !important;
object-fit: contain;
}
/* ===== PhotoSwipe: frosted glass redesign ===== */
/* Frosted glass on the container itself */
.pswp {
z-index: 9999999 !important;
}
.pswp__bg {
background: rgba(0,0,0,0.45) !important;
opacity: 1 !important;
}
.pswp::after {
content: '';
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
backdrop-filter: blur(28px) saturate(1.3);
-webkit-backdrop-filter: blur(28px) saturate(1.3);
z-index: -1;
pointer-events: none;
}
/* Image */
.pswp__img {
border-radius: 12px !important;
box-shadow: 0 12px 48px rgba(0,0,0,0.4) !important;
}
/* Top bar */
.pswp__top-bar {
background: transparent !important;
padding: 12px 14px !important;
}
.pswp__counter {
font-size: 12px !important;
font-weight: 500 !important;
color: rgba(255,255,255,0.55) !important;
letter-spacing: 1px;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 8px;
padding: 4px 12px !important;
line-height: 1.4;
}
/* All small buttons */
.pswp__button {
background-color: rgba(255,255,255,0.12) !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 10px !important;
width: 36px !important;
height: 36px !important;
margin: 0 3px !important;
opacity: 0.85 !important;
transition: all 0.2s ease !important;
}
.pswp__button:hover {
background-color: rgba(255,255,255,0.25) !important;
opacity: 1 !important;
}
.pswp__button--share { display: none !important; }
/* ---- Left / Right arrows: theme blue, large, unmissable ---- */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
width: 52px !important;
height: 52px !important;
background-color: #0a3a6c !important;
background-image: none !important;
border: 2px solid rgba(255,255,255,0.3) !important;
border-radius: 50% !important;
margin-top: -26px !important;
opacity: 1 !important;
box-shadow: 0 4px 20px rgba(10,58,108,0.5);
transition: all 0.2s ease !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
background-color: #0d4a88 !important;
transform: scale(1.1) !important;
box-shadow: 0 6px 28px rgba(10,58,108,0.65);
}
.pswp__button--arrow--left { left: 16px !important; }
.pswp__button--arrow--right { right: 16px !important; }
/* Custom arrow icons (override WooCommerce sprite) */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
content: '' !important;
display: block !important;
width: 22px !important;
height: 22px !important;
background-image: none !important;
background-color: transparent !important;
border: none !important;
border-top: 3px solid #fff !important;
border-left: 3px solid #fff !important;
position: absolute !important;
top: 50% !important;
margin: 0 !important;
}
.pswp__button--arrow--left::before {
transform: translate(-50%, -50%) rotate(-45deg) !important;
left: 55% !important;
}
.pswp__button--arrow--right::before {
transform: translate(-50%, -50%) rotate(135deg) !important;
left: 45% !important;
}
/* Caption */
.pswp__caption { background: transparent !important; }
.pswp__caption__center {
color: rgba(255,255,255,0.45) !important;
font-size: 12px !important;
text-align: center !important;
}
/* Preloader */
.pswp__preloader { opacity: 0.6 !important; }
/* Smooth open/close */
.pswp--animate_opacity .pswp__bg {
transition: opacity 0.35s cubic-bezier(.4,0,.2,1) !important;
}
/* Mobile */
@media (max-width: 767px) {
.pswp__button--arrow--left,
.pswp__button--arrow--right {
width: 44px !important;
height: 44px !important;
margin-top: -22px !important;
}
.pswp__button--arrow--left { left: 8px !important; }
.pswp__button--arrow--right { right: 8px !important; }
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
width: 18px !important;
height: 18px !important;
}
.pswp__button { width: 32px !important; height: 32px !important; }
.pswp__img { border-radius: 8px !important; }
}
/* ===== PhotoSwipe thumbnail strip ===== */
.pswp-thumbstrip {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
max-width: 85vw;
overflow-x: auto;
padding: 8px 12px;
background: rgba(255,255,255,0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 14px;
border: 1px solid rgba(255,255,255,0.1);
z-index: 10;
scrollbar-width: none;
}
.pswp-thumbstrip::-webkit-scrollbar { display: none; }
.pswp-thumbstrip:empty { display: none; }
.pswp-thumbstrip img {
width: 52px;
height: 52px;
object-fit: cover;
border-radius: 8px;
border: 2px solid transparent;
cursor: pointer;
opacity: 0.4;
transition: all 0.2s ease;
flex-shrink: 0;
}
.pswp-thumbstrip img:hover {
opacity: 0.8;
transform: scale(1.05);
}
.pswp-thumbstrip img.pswp-thumb-active {
border-color: rgba(255,255,255,0.9);
opacity: 1;
box-shadow: 0 0 12px rgba(255,255,255,0.2);
}
@media (max-width: 767px) {
.pswp-thumbstrip { padding: 6px 8px; gap: 6px; bottom: 12px; }
.pswp-thumbstrip img { width: 42px; height: 42px; border-radius: 6px; }
}
/* ===== PhotoSwipe: let PS handle its own animations ===== */
/* ===== Floating cart: gradient accents ===== */
/* Panel outer: subtle gradient border via background-clip trick */
.efc-panel {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
box-shadow: 0 12px 40px rgba(10,58,108,0.15) !important;
}
/* Header: light gradient background */
.efc-header {
background: linear-gradient(135deg, rgba(10,58,108,0.04), rgba(230,126,34,0.04)) !important;
border-bottom: 1px solid rgba(10,58,108,0.08) !important;
}
/* Items container: pure white (no change) */
.efc-items {
background: #fff !important;
}
/* Individual product items: pure white */
.efc-item {
background: #fff !important;
border-bottom-color: rgba(0,0,0,0.05) !important;
}
/* Footer: light gradient background */
.efc-footer {
background: linear-gradient(135deg, rgba(10,58,108,0.03), rgba(230,126,34,0.03)) !important;
border-top: 1px solid rgba(10,58,108,0.08) !important;
}
/* Total row: gradient underline accent */
.efc-row-total {
border-top: 2px solid transparent !important;
border-image: linear-gradient(90deg, #0a3a6c, #e67e22) 1 !important;
}
/* Checkout button (Payer): orange gradient */
.efc-btn-checkout {
background: linear-gradient(135deg, #e67e22, #d35400) !important;
border: none !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(230,126,34,0.25);
}
.efc-btn-checkout:hover {
background: linear-gradient(135deg, #f5a942, #ef9a3a) !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(230,126,34,0.2);
}
/* Cart button (Voir le panier): blue gradient */
.efc-btn-update,
.efc-btn-cart {
background: linear-gradient(135deg, #0a3a6c, #0d5aa7) !important;
border: none !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(10,58,108,0.25);
}
.efc-btn-update:hover,
.efc-btn-cart:hover {
background: linear-gradient(135deg, #2a6cb5, #3a7fd4) !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(10,58,108,0.2);
}
/* Empty cart state */
.efc-empty {
background: linear-gradient(135deg, rgba(10,58,108,0.02), rgba(230,126,34,0.02)) !important;
}
/* ===== Header dropdowns: gradient accents (same style as floating cart) ===== */
/* All header dropdowns: gradient border */
.elfcam-hdr-dropdown {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
box-shadow: 0 12px 40px rgba(10,58,108,0.15) !important;
border-radius: 10px !important;
}
/* Dropdown titles: light gradient bg */
.elfcam-hdr-dd-title {
background: linear-gradient(135deg, rgba(10,58,108,0.04), rgba(230,126,34,0.04)) !important;
border-bottom: 1px solid rgba(10,58,108,0.08) !important;
border-radius: 6px;
padding: 8px 10px !important;
margin: -4px -4px 8px !important;
}
/* Locale section titles (Langue, Votre pays) */
.elfcam-locale-title {
background: linear-gradient(135deg, rgba(10,58,108,0.04), rgba(230,126,34,0.04)) !important;
border-bottom: 1px solid rgba(10,58,108,0.08) !important;
border-radius: 6px;
padding: 6px 10px !important;
}
/* Language items: subtle hover */
.elfcam-lang-item.active {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
}
/* Country items: active gradient border */
.elfcam-country-item.active {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
}
/* Ship-to: apply button gradient */
.elfcam-hdr-btn {
background: linear-gradient(135deg, #0a3a6c, #0d5aa7) !important;
color: #fff !important;
border: none !important;
box-shadow: 0 2px 10px rgba(10,58,108,0.25);
}
.elfcam-hdr-btn:hover {
background: linear-gradient(135deg, #0d4a8a, #1565c0) !important;
box-shadow: 0 4px 14px rgba(10,58,108,0.35);
}
/* Ship-to: input gradient border on focus */
.elfcam-hdr-select:focus,
.elfcam-hdr-input:focus {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
outline: none !important;
}
/* Account dropdown links */
.elfcam-hdr-dd-link:hover {
background: linear-gradient(135deg, rgba(10,58,108,0.04), rgba(230,126,34,0.04)) !important;
}
/* Account login button: gradient */
.elfcam-acct-btn-primary {
background: linear-gradient(135deg, #0a3a6c, #0d5aa7) !important;
color: #fff !important;
box-shadow: 0 2px 10px rgba(10,58,108,0.25);
}
.elfcam-acct-btn-primary:hover {
background: linear-gradient(135deg, #0d4a8a, #1565c0) !important;
}
/* Account separator line: gradient */
.elfcam-acct-divider::before,
.elfcam-acct-divider::after {
background: linear-gradient(90deg, rgba(10,58,108,0.15), rgba(230,126,34,0.15)) !important;
}
/* Mega dropdown (Solutions/Informations): gradient border */
.elfcam-hdr-mega {
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box !important;
border: 1.5px solid transparent !important;
border-top: none !important;
box-shadow: 0 12px 40px rgba(10,58,108,0.15) !important;
border-radius: 0 0 10px 10px !important;
}
/* Mega dropdown titles: gradient underline */
.elfcam-hdr-mega-title {
border-bottom: 1px solid transparent !important;
border-image: linear-gradient(90deg, rgba(10,58,108,0.15), rgba(230,126,34,0.15)) 1 !important;
}
/* Mega dropdown section hover */
.elfcam-hdr-mega-sec-title:hover {
background: linear-gradient(135deg, rgba(10,58,108,0.05), rgba(230,126,34,0.03)) !important;
}
/* Separator in dropdown */
.elfcam-hdr-dd-sep {
border-color: transparent !important;
border-image: linear-gradient(90deg, rgba(10,58,108,0.1), rgba(230,126,34,0.1)) 1 !important;
}
/* Account dropdown address hint */
.elfcam-hdr-dd-addr {
display: flex;
align-items: center;
gap: 5px;
font-size: 11px;
color: #888;
padding: 2px 12px 8px;
line-height: 1.3;
}
.elfcam-hdr-dd-addr svg {
flex-shrink: 0;
color: #0a3a6c;
}
/* ===== Mega dropdown close button (mobile) ===== */
.elfcam-mega-close {
display: none;
}
@media (max-width: 768px) {
.elfcam-mega-close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
border: 1.5px solid transparent;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #0a3a6c, #e67e22) border-box;
border-radius: 50%;
font-size: 20px;
line-height: 1;
color: #0a3a6c;
cursor: pointer;
z-index: 10;
box-shadow: 0 2px 8px rgba(10,58,108,0.12);
transition: transform 0.2s, box-shadow 0.2s;
}
.elfcam-mega-close:hover,
.elfcam-mega-close:active {
transform: scale(1.1);
box-shadow: 0 3px 12px rgba(10,58,108,0.2);
}
.elfcam-hdr-mega {
position: fixed !important;
}
}
/* Member since line */
.elfcam-dash-member-since {
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: #888;
margin: 0 0 12px;
}
.elfcam-dash-member-since svg {
color: #0a3a6c;
flex-shrink: 0;
}
/* ===== Mobile Checkout Adaptation ===== */
@media (max-width: 768px) {
/* Overall checkout layout */
.woocommerce-checkout .woocommerce {
padding: 0 4px !important;
}
.woocommerce-checkout .col2-set {
margin-bottom: 12px !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
/* Form fields */
.woocommerce-checkout .form-row {
margin-bottom: 8px !important;
padding: 0 !important;
}
.woocommerce-checkout .form-row label {
font-size: 10px !important;
margin-bottom: 1px !important;
color: #555 !important;
line-height: 1.2 !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single {
font-size: 12px !important;
padding: 6px 8px !important;
border-radius: 6px !important;
height: auto !important;
min-height: 30px !important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 12px !important;
line-height: 18px !important;
padding: 0 !important;
}
.woocommerce-checkout h3 {
font-size: 12px !important;
margin: 8px 0 4px !important;
}
.woocommerce-checkout .form-row {
margin-bottom: 5px !important;
}
.elfcam-ck-step-header {
padding: 10px 10px !important;
}
.elfcam-ck-step-num {
width: 22px !important;
height: 22px !important;
font-size: 11px !important;
}
.elfcam-ck-step-title {
font-size: 12px !important;
}
.elfcam-ck-step-body {
padding: 8px 10px !important;
}
.elfcam-ck-step-summary {
font-size: 10px !important;
margin-left: 32px !important;
padding: 0 10px 6px !important;
}
.woocommerce-checkout #order_comments_field textarea {
height: 60px !important;
font-size: 12px !important;
}
/* Review order table – mobile compact */
.woocommerce-checkout-review-order-table {
font-size: 9px !important;
}
.woocommerce-checkout-review-order-table thead th {
font-size: 9px !important;
padding: 4px 6px !important;
}
.woocommerce-checkout-review-order-table td {
font-size: 9px !important;
padding: 5px 6px !important;
}
.woocommerce-checkout-review-order-table .product-name {
font-size: 9px !important;
line-height: 1.3 !important;
}
.woocommerce-checkout-review-order-table .product-name a {
font-size: 9px !important;
}
.woocommerce-checkout-review-order-table .product-name img {
width: 30px !important;
height: 30px !important;
border-radius: 4px !important;
margin-right: 4px !important;
}
.woocommerce-checkout-review-order-table .variation {
font-size: 8px !important;
gap: 2px 4px !important;
}
.woocommerce-checkout-review-order-table .variation dd p {
font-size: 8px !important;
padding: 1px 4px !important;
}
.woocommerce-checkout-review-order-table .woocommerce-Price-amount {
font-size: 10px !important;
}
.elfcam-ck-inline-total {
font-size: 10px !important;
padding: 2px 6px !important;
margin-left: 4px !important;
}
.elfcam-ck-inline-total .woocommerce-Price-amount,
.elfcam-ck-inline-total bdi {
font-size: 10px !important;
}
/* Checkout qty controls – mobile compact */
.elfcam-ck-qty-wrap {
margin-left: 2px !important;
padding: 1px !important;
gap: 1px !important;
}
.elfcam-ck-qty-btn {
width: 18px !important;
height: 18px !important;
font-size: 10px !important;
}
.elfcam-ck-qty-val {
min-width: 18px !important;
font-size: 10px !important;
}
.elfcam-ck-qty-del {
width: 18px !important;
height: 18px !important;
font-size: 9px !important;
}
.elfcam-ck-info-icon {
margin-left: 2px !important;
}
.elfcam-ck-info-icon svg {
width: 12px !important;
height: 12px !important;
}
/* Footer rows – mobile compact */
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
font-size: 9px !important;
padding: 5px 6px !important;
}
.woocommerce-checkout-review-order-table tfoot td::before {
font-size: 9px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total th {
font-size: 10px !important;
padding: 6px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .woocommerce-Price-amount {
font-size: 14px !important;
}
.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td label {
font-size: 9px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax {
font-size: 9px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax .woocommerce-Price-amount {
font-size: 9px !important;
}
/* Payment methods */
.woocommerce-checkout #payment {
border-radius: 0 !important;
background: none !important;
border: none !important;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 !important;
background: none !important;
border: none !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
font-size: 11px !important;
padding: 10px 12px !important;
}
.woocommerce-checkout #payment ul.payment_methods li label {
font-size: 11px !important;
}
.woocommerce-checkout #payment ul.payment_methods li img {
max-height: 16px !important;
}
.woocommerce-checkout #payment div.payment_box {
font-size: 10px !important;
padding: 4px 0 2px 18px !important;
box-shadow: none !important;
background: none !important;
border: none !important;
}
/* Place order button */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #place_order {
font-size: 13px !important;
padding: 10px 16px !important;
border-radius: 8px !important;
width: 100% !important;
}
/* Shipping methods */
.woocommerce-checkout .woocommerce-shipping-totals td {
font-size: 11px !important;
}
.woocommerce-checkout .woocommerce-shipping-totals label {
font-size: 11px !important;
}
/* Delivery estimate box – mobile */
.woocommerce-checkout div[style*="border: 1px solid #ccc"],
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] {
padding: 6px 8px !important;
font-size: 10px !important;
margin: 6px 0 !important;
border-radius: 4px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] > strong,
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] strong {
font-size: 10px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li,
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li {
font-size: 9px !important;
padding: 4px 0 !important;
line-height: 1.4 !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li span[style*="font-weight: bold"],
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li span[style*="font-weight: bold"] {
font-size: 9px !important;
font-weight: 600 !important;
white-space: normal !important;
line-height: 1.3 !important;
margin-bottom: 2px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li span[style*="display:inline-block"],
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li span[style*="display:inline-block"] {
font-size: 9px !important;
padding: 1px 5px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] li span[style*="color:#555"],
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li span[style*="color:#555"] {
font-size: 9px !important;
}
.woocommerce-checkout div[style*="border: 1px solid #ccc"] ul,
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] ul {
margin: 4px 0 0 !important;
padding: 0 !important;
}
/* Woo notices */
.woocommerce-NoticeGroup,
.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner {
font-size: 11px !important;
padding: 10px 12px 10px 36px !important;
line-height: 1.4 !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
margin: 8px 0 !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
font-size: 14px !important;
line-height: 1 !important;
top: 50% !important;
left: 10px !important;
position: absolute !important;
transform: translateY(-50%) !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
position: relative !important;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
font-size: 10px !important;
padding: 4px 8px !important;
float: none !important;
display: inline-block !important;
margin-top: 4px !important;
}
/* Privacy/terms */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
font-size: 10px !important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text p {
font-size: 10px !important;
}
}
/* Security panel sponsor logo */
.elfcam-security-sponsor {
margin: 10px 0 8px;
text-align: center;
border-top: 1px solid rgba(10,58,108,0.08);
padding-top: 10px;
}
.elfcam-security-sponsor img {
max-width: 180px;
height: auto;
border-radius: 4px;
}
@media (max-width: 768px) {
.elfcam-security-sponsor img {
max-width: 150px;
}
}
/* Hide Chaty on cart & checkout */
.woocommerce-cart .chaty,
.woocommerce-cart .chaty-widget,
.woocommerce-checkout .chaty,
.woocommerce-checkout .chaty-widget {
display: none !important;
}
/* ── PDF floating widget ── */
.elfcam-pdf-float {
position: fixed;
right: 0;
bottom: 160px;
z-index: 99999;
}
.elfcam-pdf-trigger {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
}
.elfcam-pdf-trigger:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
.elfcam-pdf-panel {
position: absolute;
right: 0;
bottom: 60px;
width: 260px;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 16px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.elfcam-pdf-float.active .elfcam-pdf-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.elfcam-pdf-headline {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #2d4f7a;
margin-bottom: 10px;
}
.elfcam-pdf-buttons {
display: flex;
flex-direction: column;
gap: 8px;
}
.elfcam-pdf-btn {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-radius: 8px;
font-size: 12px;
font-weight: 500;
text-decoration: none !important;
transition: all 0.2s ease;
}
.elfcam-pdf-btn-quote {
background: #0a3a6c;
color: #fff !important;
}
.elfcam-pdf-btn-quote:hover {
background: #083058;
}
.elfcam-pdf-btn-list {
background: #f0f4f8;
color: #2d4f7a !important;
border: 1px solid #d0dbe6;
}
.elfcam-pdf-btn-list:hover {
background: #e0e8f0;
}
@media (max-width: 767px) {
.elfcam-pdf-float {
right: 5px;
bottom: 15px;
}
.elfcam-pdf-trigger {
width: 52px !important;
height: 52px !important;
}
.elfcam-pdf-panel {
width: 220px;
padding: 12px;
}
.elfcam-pdf-btn {
padding: 8px 10px;
font-size: 11px;
}
}
/* Hide original inline PDF buttons — now in floating widget */
.woocommerce-cart .pdf-btn-wrap,
.woocommerce-checkout .pdf-btn-wrap {
display: none !important;
}
/* Cart page — reduce side margins */
.woocommerce-cart .site-content > .container,
.woocommerce-cart .site-content > .rsrc-container,
.woocommerce-cart #content > .container,
.woocommerce-cart #content > .rsrc-container,
.woocommerce-cart .elementor-section-wrap > .elementor-section > .elementor-container,
.woocommerce-cart .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 98% !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
/* ── Save for later (mettre de côté) ── */
.elfcam-aside-btn {
display: inline-flex;
align-items: center;
padding: 3px 8px;
font-size: 11px;
color: rgba(0,0,0,.4);
background: none;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
cursor: pointer;
transition: all 0.2s;
line-height: 1.4;
white-space: nowrap;
}
.elfcam-aside-btn:hover {
color: #0a3a6c;
border-color: #0a3a6c;
background: rgba(10,58,108,0.05);
}
.elfcam-aside-divider {
border-top: 2px dashed #ddd;
margin: 24px 0 16px;
}
.elfcam-aside-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #0a3a6c;
margin: 0 0 12px;
}
.elfcam-aside-item {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 14px;
background: #fff;
border: 1px solid #e8ecf0;
border-radius: 10px;
margin-bottom: 10px;
box-shadow: 0 1px 4px rgba(0,0,0,.06);
transition: opacity 0.3s, box-shadow 0.2s;
}
.elfcam-aside-item:hover {
box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.elfcam-aside-thumb {
flex-shrink: 0;
}
.elfcam-aside-thumb img {
width: 64px !important;
height: 64px !important;
object-fit: cover;
border-radius: 6px;
border: 1px solid #eee;
}
.elfcam-aside-info {
flex: 1;
min-width: 0;
}
.elfcam-aside-name {
display: block;
font-size: 13px;
font-weight: 700;
color: #1a2a3a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
margin-bottom: 3px;
}
.elfcam-aside-name:hover { color: #0a3a6c; }
.elfcam-aside-vars {
margin-top: 2px;
margin-bottom: 3px;
}
.elfcam-aside-var {
font-size: 10px;
color: rgba(0,0,0,.4);
background: #f3f4f6;
padding: 1px 5px;
border-radius: 3px;
margin-right: 3px;
}
.elfcam-aside-rating {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 2px;
}
.elfcam-aside-stars { line-height: 1; }
.elfcam-star.full { color: #f4a61c; font-size: 12px; }
.elfcam-star.half { color: #f4a61c; font-size: 12px; opacity: 0.6; }
.elfcam-star.empty { color: #ddd; font-size: 12px; }
.elfcam-aside-reviews {
font-size: 10px;
color: #888;
}
.elfcam-aside-sales {
font-size: 10px;
color: #27ae60;
font-weight: 600;
margin-bottom: 3px;
}
.elfcam-aside-meta {
font-size: 11px;
font-weight: 700;
color: #0a3a6c;
margin-top: 2px;
display: flex;
align-items: center;
gap: 4px;
}
.elfcam-aside-qty {
font-size: 9px;
font-weight: 400;
color: #999;
}
.elfcam-aside-meta .woocommerce-Price-amount,
.elfcam-aside-meta .woocommerce-Price-amount bdi,
.elfcam-aside-meta .woocommerce-Price-currencySymbol {
color: #0a3a6c !important;
font-weight: 700;
font-size: 10px !important;
}
.elfcam-restore-btn {
flex-shrink: 0;
padding: 7px 14px;
font-size: 12px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #0a3a6c, #1a5fa0);
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(10,58,108,.25);
}
.elfcam-restore-btn:hover {
background: linear-gradient(135deg, #083058, #154d88);
box-shadow: 0 3px 10px rgba(10,58,108,.35);
transform: translateY(-1px);
}
/* ===== Delivery estimate (inline with En stock) ===== */
.elfcam-del-inline {
color: #1a7a3c !important;
font-size: inherit;
font-weight: 700;
}
.elfcam-del-intl {
font-size: 11px;
color: #888;
}
.elfcam-del-stock {
font-size: 11px;
color: #c0392b;
font-weight: 600;
}
/* Fix select2 country text overlapping arrow */
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-right: 36px !important;
}
/* Cart totals shipping options — smaller text */
.cart_totals .woocommerce-shipping-methods li label {
font-size: 11px !important;
line-height: 1.4;
}
.cart_totals .woocommerce-shipping-methods li {
margin-bottom: 4px;
}
.cart_totals .woocommerce-shipping-destination {
font-size: 10px !important;
color: rgba(0,0,0,.4);
margin-top: 6px;
}
.cart_totals .shipping-calculator-button {
font-size: 11px !important;
}
.cart_totals .shipping-calculator-form label {
font-size: 11px !important;
}
.cart_totals .shipping-calculator-form .input-text,
.cart_totals .shipping-calculator-form select {
font-size: 11px !important;
padding: 6px 8px !important;
}
.cart_totals .shipping-calculator-form .button {
font-size: 11px !important;
padding: 6px 12px !important;
}
/* Hide 3-icon bar on cart page */
.elementor-element-7f84f9f { display: none !important; }
/* Cart actions row alignment */
.elfcam-subtotal-actions {
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin-top: 6px !important;
flex-wrap: nowrap !important;
}
.elfcam-subtotal-actions .elfcam-inline-qty {
display: inline-flex;
align-items: center;
}
.elfcam-subtotal-actions .elfcam-inline-qty input.qty {
width: 36px;
text-align: center;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
padding: 3px;
font-size: 12px;
font-weight: 600;
color: rgba(0,0,0,.6);
height: auto;
line-height: 1.4;
}
/* ── Cart process steps bar ── */
.CartProcess_wrap {
max-width: 600px;
margin: 0 auto 24px;
padding: 0 15px;
}
.CartProcess_content {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.CartProcess_item {
display: flex;
align-items: center;
white-space: nowrap;
}
.CartProcess_no {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
font-size: 13px;
font-weight: 700;
font-style: normal;
border: 2px solid #d0d5dd;
color: #d0d5dd;
background: #fff;
transition: all 0.3s;
flex-shrink: 0;
}
.CartProcess_text {
margin-left: 6px;
color: #999;
display: inline-flex;
align-items: center;
transition: all 0.3s;
}
.CartProcess_item.active .CartProcess_text {
color: #0a3a6c;
}
.CartProcess_item.done .CartProcess_text {
color: #1b7a2b;
}
.CartProcess_line {
display: inline-block;
width: 60px;
height: 2px;
background: #d0d5dd;
margin: 0 12px;
flex-shrink: 0;
transition: background 0.3s;
}
/* Active step */
.CartProcess_item.active .CartProcess_no {
border-color: #0a3a6c;
background: #0a3a6c;
color: #fff;
}
.CartProcess_item.active .CartProcess_text {
color: #0a3a6c;
font-weight: 600;
}
/* Done step */
.CartProcess_item.done .CartProcess_no {
border-color: #1b7a2b;
background: #1b7a2b;
color: #fff;
}
.CartProcess_item.done .CartProcess_text {
color: #1b7a2b;
}
.CartProcess_item.done .CartProcess_line {
background: #1b7a2b;
}
/* Link in done step */
.CartProcess_link {
display: flex;
align-items: center;
text-decoration: none !important;
}
.CartProcess_link:hover .CartProcess_no {
transform: scale(1.1);
}
.CartProcess_link:hover .CartProcess_text {
text-decoration: underline;
}
@media (max-width: 767px) {
.CartProcess_wrap {
margin-top: 10px;
margin-bottom: 16px;
}
.CartProcess_line {
width: 36px;
margin: 0 8px;
}
.CartProcess_no {
width: 24px;
height: 24px;
font-size: 11px;
}
.CartProcess_text {
font-size: 11px;
}
}
/* Estimated delivery box: smaller text */
.woocommerce-cart div[style*="border-left: 4px solid #1b5e20"],
.woocommerce div[style*="border-left: 4px solid #1b5e20"],
.cart_totals div[style*="border-left: 4px solid #1b5e20"] {
font-size: 12px !important;
padding: 6px 10px !important;
margin: 8px 0 !important;
}
/* Checkout review table shipping — smaller text like cart */
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods li label {
font-size: 11px !important;
line-height: 1.4;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods li {
margin-bottom: 4px;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-destination {
font-size: 10px !important;
color: rgba(0,0,0,.4);
}
/* Subtotal badge style in checkout review */
.woocommerce-checkout-review-order-table .product-total .woocommerce-Price-amount {
display: inline-block;
padding: 3px 10px;
font-size: 13px;
font-weight: 700;
color: #fff !important;
background: #0a3a6c;
border-radius: 4px;
box-shadow: none !important;
}
.woocommerce-checkout-review-order-table .product-total bdi {
color: #fff !important;
}
.woocommerce-checkout-review-order-table .includes_tax {
font-size: 10px;
color: rgba(0,0,0,.4);
}
/* Hide Your order heading on checkout */
#order_review_heading {
display: none !important;
}
/* ── Checkout form: compact + red asterisks ── */
.woocommerce-checkout .required {
color: #e53e3e !important;
}
.woocommerce-checkout .form-row {
margin-bottom: 8px !important;
padding: 0 !important;
}
.woocommerce-checkout .form-row label {
font-size: 11px !important;
margin-bottom: 1px !important;
line-height: 1.2 !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row .select2-container .select2-selection--single {
font-size: 12px !important;
padding: 5px 8px !important;
height: auto !important;
min-height: 32px !important;
}
.woocommerce-checkout .form-row .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 22px !important;
padding: 0 !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
gap: 0 !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
padding: 0 !important;
}
.woocommerce-checkout h3 {
font-size: 14px !important;
margin: 8px 0 6px !important;
}
.elfcam-ck-step-body {
padding: 10px 14px !important;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
width: 48% !important;
}
/* Checkout review: merge subtotal into product, single column */
.woocommerce-checkout-review-order-table thead th.product-total,
.woocommerce-checkout-review-order-table tbody td.product-total {
display: none !important;
}
.woocommerce-checkout-review-order-table thead th.product-name {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
/* Inline subtotal badge inside product name */
.elfcam-ck-inline-total {
display: inline-block;
float: right;
padding: 3px 10px;
font-size: 13px;
font-weight: 700;
color: #fff !important;
background: #0a3a6c;
border-radius: 4px;
box-shadow: none !important;
margin-left: 8px;
}
.elfcam-ck-inline-total .woocommerce-Price-amount,
.elfcam-ck-inline-total bdi {
color: #fff !important;
font-size: 13px;
font-weight: 700;
}
/* tfoot: smaller text, right-aligned, white bg */
.woocommerce-checkout-review-order-table tfoot {
background: #fff !important;
}
.woocommerce-checkout-review-order-table tfoot td {
text-align: right !important;
font-size: 12px !important;
padding: 6px 0 !important;
border-bottom: 1px solid #f0f0f0;
}
.woocommerce-checkout-review-order-table tfoot td::before {
text-align: right !important;
font-size: 10px !important;
}
.woocommerce-checkout-review-order-table tfoot .order-total td {
font-size: 14px !important;
padding-top: 8px !important;
}
/* Override #payment container — no background/border */
#payment, .woocommerce-checkout #payment {
background: none !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Hide privacy policy link on checkout */
.woocommerce-checkout .woocommerce-privacy-policy-link,
.woocommerce-checkout p:has(.woocommerce-privacy-policy-link) {
display: none !important;
}
/* Stripe payment card: gold-blue gradient border */
.woocommerce-checkout #payment,
.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout .payment_box {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.woocommerce-checkout #payment .payment_box,
.woocommerce-checkout .StripeElement,
.woocommerce-checkout #stripe-card-element,
.woocommerce-checkout .wc-stripe-elements-field,
.woocommerce-checkout [id*="stripe"] .StripeElement,
.woocommerce-checkout .payment_method_stripe .payment_box {
border: 2px solid transparent !important;
border-radius: 10px !important;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #e67e22, #2d4f7a) border-box !important;
padding: 14px !important;
}
/* Also target the iframe container for Stripe Payment Element */
.woocommerce-checkout .payment_box iframe,
.woocommerce-checkout .payment_box .ElementsApp {
border-radius: 8px;
}
/* The whole Step 3 (payment step) gets the gradient border */
.elfcam-ck-right-col .elfcam-ck-step:last-child {
border: 2px solid transparent;
border-radius: 10px;
background: linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #e67e22, #2d4f7a) border-box;
}
.elfcam-ck-step-left { border:none !important; background:none !important; }
/* New payment method label slightly larger */
.wc-saved-payment-methods .woocommerce-SavedPaymentMethods-new label {
font-size: 12px !important;
font-weight: 500 !important;
color: #0a3a6c !important;
}
/* Saved card label same size */
.wc-saved-payment-methods .woocommerce-SavedPaymentMethods-token label {
font-size: 12px !important;
font-weight: 500 !important;
}
/* ── Delivery floating widget ── */
.elfcam-delivery-float {
position: fixed;
right: 0;
bottom: 225px;
z-index: 99999;
}
.elfcam-delivery-trigger {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
}
.elfcam-delivery-trigger:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
.elfcam-delivery-panel {
position: absolute;
right: 0;
bottom: 60px;
width: 280px;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 16px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.elfcam-delivery-float.active .elfcam-delivery-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.elfcam-delivery-headline {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #0a3a6c;
margin-bottom: 8px;
}
.elfcam-delivery-body {
font-size: 11px;
line-height: 1.5;
color: rgba(0,0,0,.55);
margin: 0;
}
.elfcam-delivery-body strong {
color: #0a3a6c;
}
/* Match trigger style with security/pdf */
@media (min-width: 769px) {
.elfcam-delivery-trigger,
.elfcam-security-trigger,
.elfcam-pdf-trigger {
width: 60px !important;
height: 60px !important;
border: 2px solid #e67e22 !important;
}
}
@media (max-width: 767px) {
.elfcam-delivery-float {
right: 5px;
bottom: 80px;
}
.elfcam-delivery-trigger {
width: 52px !important;
height: 52px !important;
border: 2px solid #e67e22 !important;
box-shadow: 0 4px 16px rgba(45,79,122,0.35) !important;
}
.elfcam-delivery-panel {
width: 280px;
padding: 14px;
bottom: 60px;
right: 0;
}
}
/* Checkout place_order hover: keep gradient, not transparent */
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #payment #place_order:hover {
background: linear-gradient(90deg, #0a3a6c 50%, #1b5e20 50%) !important;
background-size: 200% 100% !important;
background-position: right center !important;
color: #fff !important;
border: none !important;
box-shadow: 0 2px 12px rgba(10,58,108,.35) !important;
}
.woocommerce-checkout #place_order:active {
transform: translateY(1px) !important;
}
/* Move delivery estimate into review order table */
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] {
border: none !important;
margin: 0 !important;
padding: 10px 0 0 !important;
font-size: 11px !important;
background: none !important;
}
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] strong {
font-size: 11px !important;
color: rgba(0,0,0,.5) !important;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] ul {
list-style: none !important;
padding: 0 !important;
margin: 6px 0 0 !important;
}
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li {
padding: 6px 0 !important;
border-bottom: 1px solid #f0f0f0;
font-size: 11px !important;
line-height: 1.5 !important;
}
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li:last-child {
border-bottom: none !important;
}
.woocommerce-checkout-review-order > div[style*="border: 1px solid #ccc"] li span[style*="font-weight: bold"] {
font-size: 11px !important;
font-weight: 600 !important;
display: block;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Hide Stripe branding/badge on checkout */
.woocommerce-checkout .powered-by-stripe,
.woocommerce-checkout [class*="stripe-badge"],
.woocommerce-checkout [class*="stripe-brand"],
.woocommerce-checkout .payment_method_stripe img,
.woocommerce-checkout .stripe-source-errors + div,
.woocommerce-checkout iframe[name*="stripe"] + div[style*="text-align"],
.woocommerce-checkout .wc-stripe-upe-element + div:not(#wc-stripe-upe-errors),
.woocommerce-checkout a[href*="stripe.com"] {
display: none !important;
}
/* Hide original Stripe text in label on mobile */
@media (max-width: 767px) {
.payment_method_stripe > label[for="payment_method_stripe"] {
font-size: 0 !important;
line-height: 0 !important;
}
}
/* Hide footer image widgets + containers on mobile */
@media (max-width: 768px) {
#colophon .elementor-widget-image,
.elementor-11367 .elementor-widget-image,
footer .elementor-widget-image,
.site-footer .elementor-widget-image,
.elementor-element-d657d23,
.elementor-location-footer .elementor-widget-image {
display: none !important;
}
}
/* Mobile: reduce gap between header and process bar on cart/checkout */
@media (max-width: 768px) {
.woocommerce-checkout .elementor-section,
.woocommerce-checkout .e-con,
.woocommerce-checkout .elementor-element,
.woocommerce-cart .elementor-section,
.woocommerce-cart .e-con,
.woocommerce-cart .elementor-element {
margin-top: 0 !important;
padding-top: 0 !important;
}
.woocommerce-checkout .elementor-section:first-child,
.woocommerce-cart .elementor-section:first-child,
.woocommerce-checkout .e-con:first-child,
.woocommerce-cart .e-con:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.woocommerce-checkout .CartProcess_wrap,
.woocommerce-cart .CartProcess_wrap {
margin-top: 4px !important;
margin-bottom: 8px !important;
}
.woocommerce-checkout #content,
.woocommerce-cart #content,
.woocommerce-checkout .site-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .content-area,
.woocommerce-cart .content-area {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
/* Mobile cart/checkout: eliminate ALL gaps above content */
@media (max-width: 768px) {
.woocommerce-cart .rsrc-container,
.woocommerce-checkout .rsrc-container {
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-cart .header-section,
.woocommerce-cart .top-section,
.woocommerce-cart #site-header,
.woocommerce-cart .rsrc-header,
.woocommerce-cart .rsrc-header-text,
.woocommerce-checkout .header-section,
.woocommerce-checkout .top-section,
.woocommerce-checkout #site-header,
.woocommerce-checkout .rsrc-header,
.woocommerce-checkout .rsrc-header-text {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
.woocommerce-cart .rsrc-content,
.woocommerce-checkout .rsrc-content {
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-cart .rsrc-main,
.woocommerce-checkout .rsrc-main {
padding-top: 0 !important;
margin-top: 0 !important;
}
.woocommerce-cart .rsrc-main > .woocommerce,
.woocommerce-checkout .rsrc-main > .woocommerce {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
/* --- Mobile: cart page (mirrors desktop layout) --- */
@media (max-width: 768px) {
.woocommerce-cart .woocommerce { padding: 0 !important; }
.woocommerce-cart div[style*="border-left: 4px solid #1b5e20"] { display: none !important; }
/* Table: same block display as desktop */
.woocommerce-cart-form .shop_table,
.woocommerce-cart-form .shop_table thead,
.woocommerce-cart-form .shop_table tbody {
display: block !important;
width: 100% !important;
}
.woocommerce-cart-form .shop_table {
background: #fff !important;
border-radius: 8px !important;
border: none !important;
box-shadow: none !important;
}
/* Hide thead */
.woocommerce-cart-form .shop_table thead { display: none !important; }
/* Product rows: same 2-column grid as desktop */
.woocommerce-cart-form .shop_table tbody tr.cart_item {
display: grid !important;
grid-template-columns: 110px 1fr !important;
border-bottom: 1px solid #f0f0f0 !important;
background: #fff !important;
}
/* All td reset */
.woocommerce-cart-form .shop_table tbody td {
padding: 0 !important;
border: none !important;
background: #fff !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.woocommerce-cart-form .shop_table tbody td::before { display: none !important; }
/* Hide: remove, price, quantity, subtotal */
.woocommerce-cart-form .shop_table td.product-remove,
.woocommerce-cart-form .shop_table td.product-price,
.woocommerce-cart-form .shop_table td.product-quantity,
.woocommerce-cart-form .shop_table td.product-subtotal {
display: none !important;
}
/* Thumbnail: col 1, same size as desktop */
.woocommerce-cart-form .shop_table td.product-thumbnail {
grid-column: 1 !important;
display: block !important;
width: 100px !important;
padding-right: 0 !important;
}
.woocommerce-cart-form .product-thumbnail img {
width: 90px !important;
height: 90px !important;
max-width: 90px !important;
max-height: 90px !important;
object-fit: cover !important;
display: block !important;
border-radius: 4px !important;
border: none !important;
}
/* Product name: col 2, same as desktop */
.woocommerce-cart-form .shop_table td.product-name {
grid-column: 2 !important;
display: block !important;
min-width: 0 !important;
overflow: hidden !important;
}
.woocommerce-cart-form .product-name a {
color: rgba(0,0,0,.8) !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.5 !important;
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Meta row: same as desktop */
.elfcam-cart-meta-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 5px !important;
margin-top: 10px !important;
padding: 7px 10px !important;
background: #fff !important;
border-radius: 8px !important;
border: none !important;
font-size: 13px !important;
}
/* Kill hover/even tints */
.woocommerce-cart-form .shop_table tbody tr,
.woocommerce-cart-form .shop_table tbody tr td,
.woocommerce-cart-form .shop_table tbody tr:hover td,
.woocommerce-cart-form .shop_table tbody tr:nth-child(even) td,
.woocommerce-cart-form .shop_table tbody tr:nth-child(even):hover td {
background: #fff !important;
background-color: #fff !important;
}
/* Actions row */
.woocommerce-cart-form .shop_table tr.actions {
display: block !important;
background: #fff !important;
border: none !important;
}
.woocommerce-cart-form .shop_table tr.actions td { display: block !important; padding: 12px !important; }
.woocommerce-cart-form .shop_table .actions { background: #fff !important; border: none !important; }
/* Cart totals — single column, compact mobile */
.cart-collaterals, .cart_totals {
width: 100% !important;
float: none !important;
}
.cart_totals {
padding: 10px !important;
border-radius: 6px !important;
background: #fff !important;
}
/* Hide title and thead */
.cart_totals h2 { display: none !important; }
.cart_totals .shop_table thead { display: none !important; }
/* Single column: hide th, td full width */
.cart_totals .shop_table { border-collapse: collapse !important; }
.cart_totals .shop_table th,
.woocommerce .cart_totals table.shop_table_responsive tbody th,
.cart_totals table.shop_table_responsive tbody th {
display: none !important;
}
.cart_totals .shop_table td {
display: block !important;
width: 100% !important;
padding: 4px 0 !important;
font-size: 11px !important;
color: rgba(0,0,0,.7) !important;
border-bottom: none !important;
background: none !important;
text-align: left !important;
}
.cart_totals .shop_table td::before {
content: attr(data-label) !important;
display: inline !important;
font-size: 10px !important;
font-weight: 600 !important;
color: rgba(0,0,0,.45) !important;
text-transform: uppercase !important;
letter-spacing: 0.03em !important;
margin-right: 6px !important;
}
.cart_totals .shop_table bdi {
font-size: 11px !important;
font-weight: 600 !important;
}
/* Shipping row: hide destination text + calculator */
.cart_totals .woocommerce-shipping-destination { display: none !important; }
.cart_totals .shipping-calculator-button { display: none !important; }
.cart_totals .shipping-calculator-form { display: none !important; }
.cart_totals .woocommerce-shipping-methods li label {
font-size: 10px !important;
}
.cart_totals .woocommerce-shipping-methods li { margin-bottom: 1px !important; }
/* Hide delivery estimate box */
.cart_totals > div[style*="border-left"] { display: none !important; }
/* Subtotal row: thin separator */
.cart_totals .cart-subtotal td {
padding-bottom: 6px !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Total row: bigger */
.cart_totals .order-total td {
padding-top: 6px !important;
}
.cart_totals .order-total .woocommerce-Price-amount {
font-size: 20px !important;
font-weight: 700 !important;
}
.cart_totals .order-total .includes_tax {
font-size: 8px !important;
color: rgba(0,0,0,.4) !important;
}
/* Price formatting: integer big, decimal+currency small */
.cart_totals bdi > span[style*="font-size:22px"] {
font-size: 16px !important;
font-weight: 800 !important;
}
.cart_totals bdi > span[style*="font-size:13px"] {
font-size: 9px !important;
font-weight: 500 !important;
}
.cart_totals .woocommerce-Price-currencySymbol {
font-size: 9px !important;
font-weight: 400 !important;
}
/* Order total: bigger integer */
.cart_totals .order-total bdi > span[style*="font-size:22px"] {
font-size: 20px !important;
}
.cart_totals .order-total bdi > span[style*="font-size:13px"] {
font-size: 10px !important;
}
.cart_totals .order-total .woocommerce-Price-currencySymbol {
font-size: 10px !important;
}
/* Product subtotal in cart table */
.woocommerce-cart-form td.product-subtotal bdi > span[style*="font-size:22px"] {
font-size: 14px !important;
font-weight: 800 !important;
}
.woocommerce-cart-form td.product-subtotal bdi > span[style*="font-size:13px"] {
font-size: 9px !important;
font-weight: 500 !important;
}
.woocommerce-cart-form td.product-subtotal .woocommerce-Price-currencySymbol {
font-size: 9px !important;
font-weight: 400 !important;
}
/* Inline price badge */
.elfcam-inline-price bdi > span[style*="font-size:22px"] {
font-size: 11px !important;
font-weight: 700 !important;
}
.elfcam-inline-price bdi > span[style*="font-size:13px"] {
font-size: 8px !important;
}
.elfcam-inline-price .woocommerce-Price-currencySymbol {
font-size: 8px !important;
}
/* Checkout button */
.wc-proceed-to-checkout .checkout-button {
font-size: 12px !important;
padding: 10px !important;
width: 100% !important;
border-radius: 6px !important;
margin-top: 8px !important;
}
.elfcam-cart-shipping-hint { display: none !important; }
/* Aside */
.elfcam-aside-divider { margin: 8px 0 !important; }
.elfcam-aside-title { font-size: 11px !important; }
.elfcam-aside-item { padding: 8px 10px !important; gap: 10px !important; }
.elfcam-aside-thumb img { width: 48px !important; height: 48px !important; }
.elfcam-aside-name { font-size: 11px !important; }
.elfcam-aside-vars { font-size: 9px !important; }
.elfcam-aside-meta { font-size: 11px !important; }
.elfcam-aside-meta .woocommerce-Price-amount { font-size: 11px !important; }
.elfcam-star.full, .elfcam-star.half, .elfcam-star.empty { font-size: 10px !important; }
.elfcam-restore-btn { padding: 5px 10px !important; font-size: 11px !important; }
.elfcam-restore-btn { font-size: 9px !important; padding: 3px 8px !important; }
.cart-pdf-buttons a, .woocommerce-cart .elementor-button, a.btn-quotation-pdf, a.btn-product-list-pdf {
font-size: 10px !important; padding: 6px 10px !important; border-radius: 4px !important;
}
}
/* Rating summary score: theme blue (not stars, not individual ratings) */
.ecr-summary-left .ecr-avg {
color: #0a3a6c !important;
}
/* Stock availability capsule */
.woocommerce-variation-availability {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 4px 8px !important;
padding: 10px 14px !important;
border: 1.5px solid #ddd !important;
border-radius: 10px !important;
background: #fff !important;
font-size: 12px !important;
margin: 8px 0 !important;
line-height: 1.5 !important;
}
.woocommerce-variation-availability p.stock {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
display: contents !important;
}
.woocommerce-variation-availability .elfcam-stock-tip-wrap {
display: inline-flex !important;
align-items: center !important;
}
.woocommerce-variation-availability .change-address {
display: none !important;
}
.woocommerce-variation-availability p.stock span[style*="color:#555"] {
width: 100% !important;
font-size: 12px !important;
color: #444 !important;
}
/* Stock badge: gold-blue gradient theme */
p.stock span[style*="background:#1b5e20"],
p.stock span[style*="background:#c62828"],
p.stock span[style*="background:#e65100"],
p.stock.in-stock > span:first-child,
p.stock.on-backorder > span:first-child,
p.stock.out-of-stock > span:first-child {
background: none !important;
color: #111 !important;
padding: 0 !important;
border-radius: 0 !important;
font-weight: 700 !important;
font-size: 12px !important;
}
p.stock {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: none !important;
font-size: 12px !important;
margin: 0 !important;
}
.elfcam-stock-box {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 4px 8px !important;
padding: 10px 14px !important;
border: 1.5px solid #ddd !important;
border-radius: 10px !important;
background: #fff !important;
font-size: 12px !important;
margin: 8px 0 !important;
line-height: 1.5 !important;
}
p.stock .change-address {
color: #0a3a6c !important;
font-size: 11px !important;
font-weight: 600 !important;
text-decoration: none !important;
}
p.stock .change-address:hover {
color: #e67e22 !important;
}
/* Product reference: plain grey */
.product-reference {
font-size: 12px !important;
font-style: normal !important;
font-weight: 400 !important;
opacity: 1 !important;
color: #555 !important;
}
/* Review rating box: match stock badge style */
.elfcam-rating-box {
background: #fff !important;
border: 1.5px solid #ddd !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.elfcam-rating-box:hover {
border-color: #999 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
/* ===== Contact page (nous-contactez) ===== */
.page-id-1449 .elementor-slides .elementor-slide-heading {
color: #0a3a6c !important;
font-weight: 800 !important;
}
.page-id-1449 .elementor-slides .elementor-slide-description {
color: #333 !important;
}
/* WPForms styling */
.page-id-1449 .wpforms-container {
max-width: 700px;
margin: 0 auto;
padding: 30px;
background: #fff;
border: 1.5px solid #ddd;
border-radius: 12px;
}
.page-id-1449 .wpforms-field-label {
font-size: 13px !important;
font-weight: 600 !important;
color: #0a3a6c !important;
}
.page-id-1449 .wpforms-field input,
.page-id-1449 .wpforms-field textarea,
.page-id-1449 .wpforms-field select {
border: 1.5px solid #ddd !important;
border-radius: 6px !important;
padding: 10px 12px !important;
font-size: 13px !important;
transition: border-color .2s !important;
}
.page-id-1449 .wpforms-field input:focus,
.page-id-1449 .wpforms-field textarea:focus {
border-color: #0a3a6c !important;
outline: none !important;
box-shadow: 0 0 0 2px rgba(10,58,108,0.1) !important;
}
.page-id-1449 .wpforms-submit-container button {
background: linear-gradient(135deg, #0a3a6c, #0d5aa7) !important;
color: #fff !important;
border: none !important;
border-radius: 9999px !important;
padding: 12px 40px !important;
font-size: 14px !important;
font-weight: 700 !important;
cursor: pointer !important;
transition: all .2s !important;
}
.page-id-1449 .wpforms-submit-container button:hover {
background: linear-gradient(135deg, #0d5aa7, #0a3a6c) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(10,58,108,0.3) !important;
}
/* Contact info section */
.elfcam-contact-info {
max-width: 700px;
margin: 30px auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.elfcam-ci-card {
padding: 16px 20px;
border: 1.5px solid #ddd;
border-radius: 10px;
background: #fff;
}
.elfcam-ci-card h4 {
font-size: 13px;
font-weight: 700;
color: #0a3a6c;
margin: 0 0 10px;
display: flex;
align-items: center;
gap: 6px;
}
.elfcam-ci-card a {
display: flex;
align-items: center;
gap: 8px;
color: #333;
text-decoration: none;
font-size: 13px;
padding: 4px 0;
transition: color .15s;
}
.elfcam-ci-card a:hover {
color: #e67e22;
}
.elfcam-ci-card .ci-flag {
font-size: 16px;
}
.elfcam-ci-card .ci-icon {
color: #e67e22;
width: 16px;
flex-shrink: 0;
}
.elfcam-ci-addr {
font-size: 12px;
color: #555;
line-height: 1.5;
margin-top: 6px;
}
@media (max-width: 768px) {
.elfcam-contact-info {
grid-template-columns: 1fr;
padding: 0 12px;
}
.page-id-1449 .wpforms-container {
margin: 0 12px;
padding: 20px;
}
}
/* Close button for floating panels */
.elfcam-float-close {
position: absolute; top: 8px; right: 8px;
background: none; border: none; font-size: 20px; color: #999;
cursor: pointer; line-height: 1; padding: 2px 6px; z-index: 5;
}
.elfcam-float-close:hover { color: #c0392b; }
/* Cart page: float widgets smaller, lower position like stores/contact */
.woocommerce-cart .elfcam-security-float { display:none !important; }
.woocommerce-cart .elfcam-delivery-float {
bottom: 95px !important;
}
.woocommerce-cart .elfcam-delivery-trigger {
width: 54px !important; height: 54px !important;
}
.woocommerce-cart .elfcam-pdf-float {
bottom: 35px !important;
}
.woocommerce-cart .elfcam-pdf-trigger {
width: 54px !important; height: 54px !important;
}
/* ===== Product page: floating stores widget (matches security) ===== */
.elfcam-stores-float {
position: fixed;
right: 0;
bottom: 95px;
z-index: 99999;
}
.elfcam-stores-trigger {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
border: 2.5px solid #e67e22;
}
.elfcam-stores-trigger:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
.elfcam-stores-panel {
position: absolute;
right: 0;
bottom: 60px;
width: 340px;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 20px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.elfcam-stores-float.active .elfcam-stores-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.elfcam-stores-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.elfcam-store-item {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid #eee;
border-radius: 8px;
transition: all .2s;
background: #fff;
}
.elfcam-store-item:hover {
border-color: #0a3a6c;
box-shadow: 0 2px 8px rgba(10,58,108,0.12);
transform: translateY(-1px);
}
.elfcam-store-item img {
max-width: 100%;
max-height: 36px;
object-fit: contain;
}
@media (max-width: 768px) {
.elfcam-stores-float {
right: 5px;
bottom: 95px;
}
.elfcam-stores-trigger {
width: 52px;
height: 52px;
}
.elfcam-stores-panel {
width: 280px;
padding: 14px;
right: -5px;
}
.elfcam-stores-grid {
gap: 6px;
}
.elfcam-store-item {
padding: 6px;
}
.elfcam-store-item img {
max-height: 28px;
}
}
/* Stock box inner styling */
.elfcam-stock-box p.stock.in-stock {
color: #1b5e20 !important;
font-weight: 600 !important;
font-size: 13px !important;
gap: 6px !important;
}
.elfcam-stock-box p.stock.in-stock::before {
content: "\2713" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
background: #1b5e20 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
flex-shrink: 0 !important;
}
.elfcam-stock-box .elfcam-stock-tip-wrap {
order: 99 !important;
flex-basis: 100% !important;
margin-top: 2px !important;
}
.elfcam-stock-box .elfcam-stock-tip-icon {
font-size: 14px !important;
color: #666 !important;
}
.elfcam-stock-box .change-address {
color: #0a3a6c !important;
font-size: 11px !important;
}
/* === 追踪页面 - 苹果风格重设计 === */
.enhanced_tracking_detail {
background: #ffffff;
border-radius: 18px;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
padding: 24px;
margin: 16px 0;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
}
/* 追踪号码区域 */
.tracking_number_wrap {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 16px;
margin-bottom: 16px;
}
.provider_image_div img.provider_image {
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
width: 48px;
height: 48px;
object-fit: contain;
}
.tracking_number_div ul {
list-style: none;
padding: 0;
margin: 0;
}
.tracking_page_provider_name {
font-size: 13px;
font-weight: 600;
color: #8e8e93;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.tracking_number_div a {
color: #0a3a6c;
font-size: 16px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.3px;
}
.tracking_number_div a:hover {
color: #e67e22;
}
/* 状态标题 */
.heading_shipment_status {
font-size: 20px;
font-weight: 700;
color: #0a3a6c;
margin-bottom: 12px;
padding: 12px 16px;
background: linear-gradient(135deg, #f0f4f8 0%, #e8f0fe 100%);
border-radius: 12px;
border-left: 4px solid #0a3a6c;
}
.heading_shipment_status.in_transit {
border-left-color: #e67e22;
background: linear-gradient(135deg, #fff8f0 0%, #fef3e2 100%);
color: #e67e22;
}
/* 追踪事件 */
.tracking_detail {
font-size: 14px;
color: #3a3a3c;
line-height: 1.6;
padding: 12px 16px;
background: #f9f9fb;
border-radius: 10px;
margin-top: 8px;
}
.tracking_detail strong {
color: #0a3a6c;
font-weight: 600;
}
/* 详情/通知折叠区 */
.enhanced_heading {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
font-size: 14px;
font-weight: 600;
color: #0a3a6c;
cursor: pointer;
border-bottom: 1px solid #f0f0f0;
}
.enhanced_heading:hover {
color: #e67e22;
}
/* 订单链接 */
.wc_order_id {
font-size: 13px;
color: #8e8e93;
margin-bottom: 12px;
}
.wc_order_id a {
color: #0a3a6c;
font-weight: 600;
text-decoration: none;
}
.wc_order_id a:hover {
color: #e67e22;
}
/* 产品列表 */
.tpi_product_tracking_ul {
list-style: none;
padding: 0;
margin: 0;
}
.tpi_product_tracking_ul li {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #f5f5f7;
font-size: 13px;
color: #3a3a3c;
}
.tpi_product_tracking_ul li img {
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.tpi_product_tracking_ul a {
color: #0a3a6c;
text-decoration: none;
}
.tpi_product_tracking_ul a:hover {
color: #e67e22;
}
/* 通知复选框 */
.enhanced_content label {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #3a3a3c;
padding: 6px 0;
}
/* TrackShip 品牌 */
.enhanced_trackship_branding {
text-align: center;
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid #f0f0f0;
}
.enhanced_trackship_branding p {
font-size: 12px;
color: #c7c7cc;
}
/* 箭头图标 */
.accordian-arrow {
font-size: 12px;
color: #c7c7cc;
transition: transform 0.2s ease;
}
/* === Contact Floating Widget === */
.elfcam-contact-float {
position: fixed;
right: 0;
bottom: 35px;
z-index: 99999;
}
.elfcam-contact-trigger {
width: 54px;
height: 54px;
border-radius: 50%;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transition: all 0.3s ease;
margin-left: auto;
border: 2.5px solid #e67e22;
}
.elfcam-contact-trigger:hover {
transform: scale(1.08);
box-shadow: 0 6px 24px rgba(45,79,122,0.45);
}
.elfcam-contact-panel {
position: absolute;
right: 0;
bottom: 62px;
width: 280px;
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 16px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
pointer-events: none;
}
.elfcam-contact-float.active .elfcam-contact-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.elfcam-contact-headline {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #0a3a6c;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 2px solid #e67e22;
}
.elfcam-contact-items {
display: flex;
flex-direction: column;
gap: 2px;
}
.elfcam-contact-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 12.5px;
color: #333;
text-decoration: none;
padding: 6px 4px;
border-radius: 6px;
transition: background 0.15s;
}
.elfcam-contact-row:hover {
background: #f0f4f8;
color: #0a3a6c;
}
.elfcam-contact-flag { font-size: 16px; line-height: 1; }
.elfcam-contact-icon { display: flex; align-items: center; width: 16px; justify-content: center; }
.elfcam-contact-wa { color: #25d366 !important; }
.elfcam-contact-wa:hover { background: #f0fff4 !important; }
.elfcam-contact-hours {
margin-top: 8px;
padding: 8px 12px;
background: #f0f4f8;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
color: #0a3a6c;
text-align: center;
line-height: 1.5;
border-top: 1px solid #e8edf2;
}
.elfcam-contact-tz {
display: block;
font-size: 10px;
font-weight: 400;
color: #8e8e93;
margin-top: 2px;
}
/* Mobile */
@media (max-width: 768px) {
.elfcam-contact-float {
right: 5px;
bottom: 15px;
}
.elfcam-stores-float {
bottom: 70px;
}
.elfcam-contact-trigger {
width: 52px;
height: 52px;
}
.elfcam-contact-panel {
width: 260px;
right: -5px;
}
}
/* Country code badges */
.elfcam-cc {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 18px;
border-radius: 3px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.5px;
color: #fff;
flex-shrink: 0;
}
.elfcam-cc-fr { background: #002395; }
.elfcam-cc-gb { background: #012169; }
.elfcam-cc-de { background: #000; }
/* ===== Cart: Volume Discount Subtotal ===== */
/* Original crossed-out price — plain gray, no highlight */
.elfcams-line-original {
display: inline-block;
margin-right: 4px;
text-decoration: line-through;
color: #aaa;
font-size: 0.92em;
}
.elfcams-line-original span,
.elfcams-line-original bdi,
.elfcams-line-original .woocommerce-Price-amount {
background: none !important;
color: #aaa !important;
padding: 0 !important;
border-radius: 0 !important;
text-decoration: inherit;
}
/* Discounted (actual) price */
.elfcams-line-discounted {
display: inline-block;
text-decoration: none !important;
margin-right: 4px;
}
.elfcams-line-discounted bdi,
.elfcams-line-discounted .woocommerce-Price-amount {
font-weight: 700;
font-size: 1.05em;
color: #1a3a5c;
}
/* Volume discount badge — yellow bg, BLACK text */
.elfcams-volume-discount {
display: inline-block;
background: #fff3b0 !important;
color: #111 !important;
padding: 2px 8px !important;
border-radius: 12px;
font-size: 0.85em !important;
font-weight: 600;
white-space: nowrap;
vertical-align: middle;
}
.elfcams-volume-discount .woocommerce-Price-amount,
.elfcams-volume-discount bdi,
.elfcams-volume-discount .woocommerce-Price-currencySymbol {
color: #111 !important;
font-weight: 700;
background: none !important;
}
/* Subtotal action row */
.elfcam-subtotal-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 6px;
margin-top: 8px;
flex-wrap: wrap;
}
/* Qty input */
.elfcam-inline-qty input.qty {
width: 54px;
padding: 4px 6px;
font-size: 0.88em;
text-align: center;
border: 1px solid #d0d7de;
border-radius: 6px;
background: #fafbfc;
color: #333;
height: auto;
line-height: 1.4;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.06);
}
.elfcam-inline-qty input.qty:focus {
outline: none;
border-color: #2d6a9f;
background: #fff;
}
/* "Mettre de côté" button */
.elfcam-aside-btn {
padding: 4px 11px;
font-size: 0.82em;
font-weight: 500;
border: 1px solid #b8c8d8;
border-radius: 6px;
background: #f4f7fa;
color: #3a6080;
cursor: pointer;
white-space: nowrap;
transition: border-color 0.15s, background 0.15s, color 0.15s;
line-height: 1.6;
}
.elfcam-aside-btn:hover {
border-color: #2d6a9f;
background: #e8f0f8;
color: #1a4a70;
}
/* "Supprimer" link */
.elfcam-remove-btn {
font-size: 0.8em;
color: #aaa;
text-decoration: none;
white-space: nowrap;
transition: color 0.15s;
}
.elfcam-remove-btn:hover {
color: #c0392b;
text-decoration: underline;
}
/* Mobile */
@media (max-width: 600px) {
.elfcam-subtotal-actions {
justify-content: flex-start;
}
.elfcams-volume-discount {
display: inline-block;
margin-top: 3px;
}
}
/* Mobile cart — 768px */
@media (max-width: 768px) {
/* 所有价格/数字固定10px */
.woocommerce-cart-form .woocommerce-Price-amount,
.woocommerce-cart-form bdi,
.woocommerce-cart-form .woocommerce-Price-currencySymbol,
.woocommerce-cart-form .qty,
.woocommerce-cart-form .elfcam-meta-price,
.woocommerce-cart-form .elfcam-meta-op,
.woocommerce-cart-form .elfcam-meta-total,
.woocommerce-cart-form .elfcam-meta-total .woocommerce-Price-amount,
.woocommerce-cart-form .elfcam-meta-total bdi {
font-size: 10px !important;
}
/* 每行边框和背景 */
tr.woocommerce-cart-form__cart-item.cart_item {
border: 1px solid #d0dcea !important;
background: #fff !important;
}
/* cart_totals: 标签左/金额右，数字12px */
.cart_totals .shop_table td {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
font-size: 12px !important;
padding: 8px 0 !important;
}
/* ::before 占满左侧，把右侧内容推到边 */
.cart_totals .shop_table td::before {
flex: 1 1 auto !important;
font-size: 11px !important;
margin-bottom: 0 !important;
}
/* 价格/金额靠右 */
.cart_totals .shop_table td > strong,
.cart_totals .shop_table td > span.woocommerce-Price-amount {
flex: 0 0 auto !important;
text-align: right !important;
}
.cart_totals .woocommerce-Price-amount,
.cart_totals bdi,
.cart_totals .woocommerce-Price-currencySymbol {
font-size: 12px !important;
}
.cart_totals .order-total .woocommerce-Price-amount {
font-size: 14px !important;
font-weight: 800 !important;
}
/* 税那行单独换行、靠右 */
.cart_totals small.includes_tax {
flex: 0 0 100% !important;
text-align: right !important;
font-size: 10px !important;
color: #888 !important;
margin-top: 2px !important;
}
}
/* ===== Products shortcode: horizontal scroll row ===== */
.elfcam-products-scroll-wrap {
position: relative;
overflow: hidden;
}
.elfcam-products-scroll-wrap ul.products {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
gap: 6px !important;
padding: 0 0 6px 0 !important;
width: 100% !important;
float: none !important;
clear: both !important;
}
.elfcam-products-scroll-wrap ul.products::-webkit-scrollbar { display: none !important; }
.elfcam-products-scroll-wrap ul.products li.product {
flex: 0 0 160px !important;
width: 160px !important;
float: none !important;
margin: 0 !important;
}
/* Search / archive: 9列 grid，换行，容器内横滑 */
.woocommerce-shop .elfcam-products-scroll-wrap ul.products,
.search-results .elfcam-products-scroll-wrap ul.products,
.post-type-archive-product .elfcam-products-scroll-wrap ul.products {
display: grid !important;
grid-template-columns: repeat(9, 160px) !important;
flex-wrap: initial !important;
gap: 8px !important;
}
.woocommerce-shop .elfcam-products-scroll-wrap ul.products li.product,
.search-results .elfcam-products-scroll-wrap ul.products li.product,
.post-type-archive-product .elfcam-products-scroll-wrap ul.products li.product {
flex: none !important;
width: 160px !important;
float: none !important;
margin: 0 !important;
}
/* +N badge */
.elfcam-scroll-badge {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: none;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.75);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 20px 0 0 20px;
padding: 8px 14px 8px 16px;
font-size: 13px;
font-weight: 700;
color: #1a2744;
box-shadow: -3px 0 16px rgba(0,0,0,0.12);
pointer-events: none;
white-space: nowrap;
z-index: 2;
}
/* Shop archive: result count + title + ordering in one row */
.elfcam-shop-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 24px;
}
.elfcam-shop-header h1.page-title {
flex: 1;
text-align: center;
margin: 0;
font-size: 1.4em;
}
.elfcam-shop-header .woocommerce-result-count {
margin: 0;
flex-shrink: 0;
font-size: 12px;
color: #888;
white-space: nowrap;
}
.elfcam-shop-header .woocommerce-ordering {
margin: 0;
flex-shrink: 0;
}
.elfcam-shop-header .woocommerce-ordering select {
font-size: 12px;
padding: 4px 8px;
}
@media (max-width: 600px) {
.elfcam-shop-header {
flex-wrap: wrap;
gap: 8px;
}
.elfcam-shop-header h1.page-title {
order: -1;
width: 100%;
text-align: left;
}
.elfcam-shop-header .woocommerce-result-count,
.elfcam-shop-header .woocommerce-ordering {
font-size: 11px;
}
}
/* ===== NEW badge on product cards ===== */
.woocommerce ul.products li.product {
position: relative;
}
.elfcam-new-badge {
position: absolute;
top: 6px;
right: 6px;
background: #e74c3c;
color: #fff;
font-size: 9px;
font-weight: 800;
padding: 2px 6px;
border-radius: 3px;
z-index: 10;
letter-spacing: 0.8px;
text-transform: uppercase;
pointer-events: none;
line-height: 1.5;
}
/* ===== elfproducts: consistent card height ===== */
/* ===== elfproducts: prom price (red sale + gray strikethrough) ===== */
.ecb-price-prom .ecb-price-int,
.ecb-price-prom .ecb-price-dec,
.ecb-price-prom .ecb-price-cur {
color: #e74c3c !important;
}
.ecb-price-regular {
display: block;
font-size: 11px;
color: #999;
}
.ecb-price-regular del {
text-decoration: line-through;
color: #aaa;
}
/* ===== elfproducts: new card style (frosted glass bg only) ===== */
.elfcam-card-new.product {
background: rgba(255, 255, 255, 0.5) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
/* ===== elfproducts: prom card style (light red gradient bg only) ===== */
.elfcam-card-prom.product {
background: linear-gradient(135deg, #fff5f5 0%, #ffe4dc 100%) !important;
}
/* ===== New arrivals strip ===== */
.elfcam-new-arrivals {
margin-bottom: 28px;
padding: 12px 14px 14px;
background: linear-gradient(135deg, #fff8f6 0%, #fff5f0 100%);
border: 1px solid #f0d0c8;
border-left: 4px solid #e74c3c;
border-radius: 0 8px 8px 0;
overflow: visible;
}
.elfcam-new-arrivals-label {
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.8px;
text-transform: uppercase;
color: #e74c3c;
margin-bottom: 10px;
}
/* Horizontal scroll container */
.elfcam-new-arrivals ul.products,
ul.elfcam-mixed-products {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: scroll;
overflow-y: visible;
align-items: stretch !important;
gap: 12px;
padding-bottom: 10px;
margin: 0 !important;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #e67e22 #f2e8df;
}
.elfcam-new-arrivals ul.products::-webkit-scrollbar,
ul.elfcam-mixed-products::-webkit-scrollbar { height: 8px; }
.elfcam-new-arrivals ul.products::-webkit-scrollbar-track,
ul.elfcam-mixed-products::-webkit-scrollbar-track {
background: #f2e8df;
border-radius: 10px;
}
.elfcam-new-arrivals ul.products::-webkit-scrollbar-thumb,
ul.elfcam-mixed-products::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, #e67e22, #f39c12);
border-radius: 10px;
border: 1px solid rgba(255,255,255,0.4);
}
.elfcam-new-arrivals ul.products::-webkit-scrollbar-thumb:hover,
ul.elfcam-mixed-products::-webkit-scrollbar-thumb:hover {
background: linear-gradient(90deg, #d35400, #e67e22);
}
/* New arrivals: fixed width + pink border */
.elfcam-new-arrivals ul.products li.product {
flex: 0 0 160px !important;
width: 160px !important;
min-width: 0;
align-self: stretch !important;
border: 1px solid #f5c6c0 !important;
background: #fff !important;
margin: 0 !important;
}
.elfcam-new-arrivals ul.products li.product a img {
height: 130px !important;
width: 100% !important;
object-fit: contain !important;
}
/* elfproducts: fixed width only, default border/bg from system */
ul.elfcam-mixed-products li.product {
flex: 0 0 160px !important;
width: 160px !important;
min-width: 0;
align-self: stretch !important;
margin: 0 !important;
}
ul.elfcam-mixed-products li.product a img {
height: 130px !important;
width: 100% !important;
object-fit: contain !important;
}
/* Badge inside new arrivals section: orange tint */
.elfcam-new-arrivals .elfcam-new-badge {
background: #e67e22;
}
/* ===== Product section headers + description content ===== */
.elfcam-section-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 4px 9px 0;
line-height: 1.2;
min-height: 0;
box-sizing: border-box;
background: #2d4f7a;
color: #fff;
font-size: 13px;
font-weight: 600;
text-align: left;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
letter-spacing: 0.3px;
text-transform: none;
cursor: pointer;
border-radius: 6px;
margin-bottom: 2px;
border-bottom: none;
padding: 9px 14px 9px 16px;
transition: background 0.15s;
}
.elfcam-section-header:hover {
background: #1e3654;
}
.elfcam-section-header span { color: #fff !important; }
.elfcam-acc-arrow {
width: 14px;
height: 14px;
color: rgba(255,255,255,0.7);
position: static;
flex-shrink: 0;
transition: transform 0.3s;
}
.elfcam-section-item.is-open .elfcam-acc-arrow {
transform: rotate(180deg);
color: #fff;
}
.elfcam-section-body-inner .wc-tab {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wc-tab h2 {
font-size: 20px;
font-weight: 800;
color: #1a2a3a;
margin: 0 0 20px;
padding-bottom: 10px;
border-bottom: 3px solid #e67e22;
border-radius: 0 !important;
display: inline-block;
letter-spacing: 0.3px;
text-rendering: optimizeLegibility;
}
.wc-tab h3 {
font-size: 16px;
font-weight: 700;
color: #2d4f7a;
margin: 30px 0 12px;
padding: 10px 0 10px 14px;
border-left: 3px solid #e67e22;
letter-spacing: 0.2px;
line-height: 1.4;
text-rendering: optimizeLegibility;
}
.wc-tab p {
font-size: 14.5px;
line-height: 1.75;
color: #444;
margin-bottom: 16px;
text-align: justify;
text-rendering: optimizeLegibility;
}
.wc-tab strong {
color: #1a2a3a;
}
.single-product div.product .woocommerce-product-details__short-description {
margin-bottom: 24px !important;
}
@media (max-width: 768px) {
.elfcam-section-header {
font-size: 10px;
padding: 6px 10px;
min-height: 0;
border-radius: 0;
letter-spacing: 0.1px;
background: none !important;
color: #666 !important;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
text-transform: none !important;
font-weight: 500;
}
.elfcam-section-header:hover {
background: none !important;
}
.elfcam-section-header span {
color: #555 !important;
}
.elfcam-acc-arrow {
width: 14px;
height: 14px;
right: 12px;
color: #888;
}
}
/* Search box magnifier hover → Apple blue */
.elementor-search-form__submit:hover,
.elementor-search-form__submit:focus,
button.elementor-search-form__submit:hover i,
.elementor-search-form__submit:hover svg,
.elementor-search-form__icon:hover,
.site-header-row .search-submit:hover,
.site-header-row button[type="submit"]:hover,
form.searchform button:hover,
form.searchform input[type="submit"]:hover {
color: #0071e3 !important;
fill: #0071e3 !important;
border-color: #0071e3 !important;
transition: color 0.18s, fill 0.18s, border-color 0.18s;
}
.elementor-search-form__submit:hover i {
color: #0071e3 !important;
}
/* FiboSearch suggestion: clean price/sales/ref layout */
.dgwt-wcas-sp { display: flex; flex-direction: column; gap: 2px; }
.dgwt-wcas-sp .ecs-price { font-weight: 700; color: #e67e22; font-size: 13px; }
.dgwt-wcas-sp .ecs-price .woocommerce-Price-amount { color: inherit; }
.dgwt-wcas-sp .ecs-sales { font-size: 10px; color: #888; }
.dgwt-wcas-sp .ecs-ref { font-size: 10px; color: #aaa; }
.dgwt-wcas-sku { display: none !important; }
/* =============================================
PAGE DÉPÔT — /depot
============================================= */
/* ── Wrapper ── */
.elfcam-depot {
max-width: 900px;
margin: 0 auto;
padding: 0 0 60px;
font-family: inherit;
color: #1e3654;
}
/* ── Hero ── */
.depot-hero {
border-radius: 12px;
padding: 64px 48px;
text-align: center;
margin-bottom: 0;
color: #fff;
}
.depot-hero h1 {
font-size: clamp(1.6rem, 4vw, 2.4rem);
font-weight: 800;
color: #fff !important;
margin: 0 0 12px;
letter-spacing: -0.3px;
line-height: 1.2;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.depot-hero-sub {
font-size: 1.05rem;
color: rgba(255,255,255,0.9) !important;
margin: 0 0 18px;
font-weight: 400;
}
.depot-rating {
display: inline-block;
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.3);
color: #fff;
font-size: 0.9rem;
font-weight: 600;
padding: 5px 16px;
border-radius: 20px;
letter-spacing: 0.3px;
}
/* ── Intro ── */
.depot-intro {
background: #f4f7fb;
border-left: 4px solid #e67e22;
border-radius: 0 10px 10px 0;
padding: 28px 32px;
margin: 28px 0;
}
.depot-intro p {
font-size: 0.97rem;
line-height: 1.75;
color: #334155;
margin: 0 0 10px;
}
.depot-intro p:last-child {
margin-bottom: 0;
}
.depot-intro a {
color: #2d4f7a !important;
text-decoration: none !important;
font-weight: 600;
border-bottom: 2px solid #e67e22 !important;
padding-bottom: 1px;
transition: color 0.2s;
}
.depot-intro a:hover {
color: #e67e22 !important;
}
/* ── Section ── */
.depot-section {
background: #fff;
border-radius: 12px;
border: 1px solid #e8edf4;
padding: 36px 40px 40px;
margin-bottom: 28px;
box-shadow: 0 2px 12px rgba(30,54,84,0.06);
}
.depot-section h2 {
font-size: 1.5rem;
font-weight: 700;
color: #1e3654 !important;
margin: 0 0 10px;
line-height: 1.25;
}
.depot-section h3 {
font-size: 1.05rem;
font-weight: 600;
color: #2d4f7a !important;
margin: 24px 0 20px;
}
/* ── Divider ── */
.depot-divider {
height: 3px;
width: 56px;
background: linear-gradient(90deg, #e67e22, #f39c12);
border-radius: 3px;
margin-bottom: 8px;
}
/* ── Steps grid ── */
.depot-steps {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 4px;
}
.depot-step {
display: flex;
align-items: flex-start;
gap: 16px;
background: #f8fafc;
border: 1px solid #e8edf4;
border-radius: 10px;
padding: 20px;
transition: box-shadow 0.2s, border-color 0.2s;
}
.depot-step:hover {
box-shadow: 0 4px 16px rgba(30,54,84,0.10);
border-color: #c8d8ea;
}
/* ── Step image ── */
.depot-step-img {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: 10px;
overflow: hidden;
background: #eef2f8;
display: flex;
align-items: center;
justify-content: center;
}
.depot-step-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* ── Step content ── */
.depot-step-content h4 {
font-size: 0.95rem;
font-weight: 700;
color: #1e3654 !important;
margin: 0 0 8px;
line-height: 1.4;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.depot-step-content p {
font-size: 0.875rem;
color: #4b6080;
line-height: 1.65;
margin: 0;
}
/* ── Step number badge ── */
.depot-step-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #e67e22;
color: #fff;
font-size: 0.75rem;
font-weight: 800;
flex-shrink: 0;
line-height: 1;
}
/* ── Footer message ── */
.depot-footer-msg {
text-align: center;
padding: 24px 20px;
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
border-radius: 10px;
margin-top: 28px;
}
.depot-footer-msg p {
margin: 0;
color: #fff !important;
font-size: 1rem;
font-weight: 500;
}
/* ── Responsive ── */
@media (max-width: 640px) {
.elfcam-depot {
padding-bottom: 40px;
}
.depot-hero {
padding: 44px 24px;
border-radius: 8px;
}
.depot-intro {
padding: 20px 20px;
}
.depot-section {
padding: 24px 20px 28px;
border-radius: 8px;
}
.depot-steps {
grid-template-columns: 1fr;
gap: 14px;
}
.depot-step {
padding: 16px;
}
.depot-step-img {
width: 52px;
height: 52px;
}
}
/* =============================================
PAGE SÉCURITÉ — /securite-3
============================================= */
/* ── Wrapper ── */
.elfcam-privacy {
max-width: 860px;
margin: 0 auto;
padding: 0 0 60px;
font-family: inherit;
color: #1e3654;
}
/* .priv-hero removed */
/* ── Intro ── */
.priv-intro {
background: #f4f7fb;
border-left: 4px solid #e67e22;
border-radius: 0 10px 10px 0;
padding: 24px 28px;
margin-bottom: 24px;
font-size: 0.95rem;
line-height: 1.75;
color: #334155;
}
.priv-intro p { margin: 0 0 10px; }
.priv-intro p:last-child { margin-bottom: 0; }
.priv-intro a {
color: #2d4f7a !important;
font-weight: 600;
text-decoration: none !important;
border-bottom: 2px solid #e67e22;
padding-bottom: 1px;
transition: color 0.2s;
}
.priv-intro a:hover { color: #e67e22 !important; }
/* ── Table of contents ── */
.priv-toc {
background: #fff;
border: 1px solid #dde5f0;
border-radius: 10px;
padding: 22px 28px;
margin-bottom: 28px;
box-shadow: 0 2px 8px rgba(30,54,84,0.05);
}
.priv-toc h3 {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #7b92b0 !important;
margin: 0 0 14px;
}
.priv-toc ul,
.priv-toc ol {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.priv-toc li { margin: 0; }
.priv-toc a {
display: inline-flex;
align-items: center;
gap: 6px;
background: #eef3fa;
color: #2d4f7a !important;
font-size: 0.875rem;
font-weight: 600;
padding: 6px 14px;
border-radius: 6px;
text-decoration: none !important;
border: 1px solid #d0ddef;
transition: background 0.2s, border-color 0.2s;
}
.priv-toc a:hover {
background: #2d4f7a;
color: #fff !important;
border-color: #2d4f7a;
}
/* ── Sections ── */
.priv-section {
background: #fff;
border: 1px solid #e4ecf6;
border-radius: 12px;
padding: 32px 36px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(30,54,84,0.05);
}
.priv-section h2 {
display: flex;
align-items: center;
gap: 12px;
font-size: 1.25rem;
font-weight: 700;
color: #1e3654 !important;
margin: 0 0 10px;
line-height: 1.3;
}
.priv-section > p {
font-size: 0.93rem;
line-height: 1.75;
color: #475569;
margin: 0 0 20px;
}
/* ── Section icon (number badge) ── */
.sec-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: linear-gradient(135deg, #e67e22, #f39c12);
color: #fff;
font-size: 0.8rem;
font-weight: 800;
flex-shrink: 0;
line-height: 1;
}
/* ── Section divider ── */
.sec-divider {
height: 3px;
width: 48px;
background: linear-gradient(90deg, #e67e22, #f39c12);
border-radius: 3px;
margin-bottom: 20px;
}
/* ── Subsections ── */
.priv-sub {
border-left: 3px solid #dde5f0;
padding: 14px 0 14px 20px;
margin-bottom: 12px;
transition: border-color 0.2s;
}
.priv-sub:last-child { margin-bottom: 0; }
.priv-sub:hover { border-color: #e67e22; }
.priv-sub h4 {
font-size: 0.925rem;
font-weight: 700;
color: #2d4f7a !important;
margin: 0 0 8px;
line-height: 1.4;
}
.priv-sub p {
font-size: 0.875rem;
line-height: 1.7;
color: #4b6080;
margin: 0 0 6px;
}
.priv-sub p:last-child { margin-bottom: 0; }
/* ── Contact block ── */
.priv-contact {
background: linear-gradient(135deg, #f0f5ff 0%, #e8f0fb 100%);
border: 1px solid #c8d8f0;
border-radius: 10px;
padding: 24px 28px;
margin-top: 16px;
}
.priv-contact h4 {
font-size: 1rem;
font-weight: 700;
color: #1e3654 !important;
margin: 0 0 8px;
}
.priv-contact > p {
font-size: 0.875rem;
color: #475569;
margin: 0 0 14px;
}
.contact-info {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.contact-item {
display: inline-flex;
align-items: center;
background: #fff;
border: 1px solid #d0ddef;
border-radius: 6px;
padding: 5px 12px;
font-size: 0.85rem;
color: #2d4f7a;
font-weight: 500;
white-space: nowrap;
}
.contact-item a {
color: #2d4f7a !important;
text-decoration: none !important;
font-weight: 600;
}
.contact-addr {
font-size: 0.85rem;
color: #475569;
margin: 8px 0 4px !important;
font-style: normal !important;
}
.contact-addr em { font-style: normal; }
.contact-delay {
font-size: 0.8rem;
color: #7b92b0;
margin: 10px 0 0 !important;
font-style: italic;
}
/* ── Responsive ── */
@media (max-width: 640px) {
.elfcam-privacy { padding-bottom: 40px; }
.priv-intro { padding: 18px 18px; }
.priv-toc { padding: 18px 18px; }
.priv-toc ul { flex-direction: column; gap: 6px; }
.priv-section { padding: 22px 18px; border-radius: 8px; }
.priv-sub { padding-left: 14px; }
.contact-info { flex-direction: column; gap: 6px; }
.contact-item { white-space: normal; }
}
/* =============================================
PAGE ASSISTANCE — /assistance (page-id-1449)
============================================= */
/* ── Heading section ── */
.page-id-1449 #ca12ec4 {
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%) !important;
padding: 52px 24px !important;
margin-bottom: 0 !important;
}
.page-id-1449 #ca12ec4 .elementor-heading-title {
color: #fff !important;
font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 0 12px !important;
letter-spacing: -0.3px !important;
}
.page-id-1449 #ca12ec4 .elementor-text-editor p {
color: rgba(255,255,255,0.82) !important;
text-align: center !important;
font-size: 0.97rem !important;
line-height: 1.7 !important;
max-width: 680px;
margin: 0 auto !important;
}
/* ── Tabs section wrapper ── */
.page-id-1449 #4e28774 {
background: #f4f7fb !important;
padding: 36px 24px 52px !important;
}
/* ── Tabs widget : sidebar layout ── */
.page-id-1449 .elementor-widget-tabs .elementor-tabs {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 24px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* ── Sidebar nav (desktop tab titles) ── */
.page-id-1449 .elementor-tabs-wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
gap: 4px !important;
min-width: 210px !important;
width: 210px !important;
margin-bottom: 0 !important;
background: #fff !important;
border: 1px solid #e4ecf6 !important;
border-radius: 12px !important;
padding: 8px !important;
box-shadow: 0 2px 12px rgba(30,54,84,0.06) !important;
position: sticky !important;
top: 100px !important;
}
/* ── Individual sidebar tab ── */
.page-id-1449 .elementor-tab-desktop-title {
display: block !important;
width: 100% !important;
background: transparent !important;
border: none !important;
border-radius: 8px !important;
padding: 11px 14px !important;
font-size: 0.85rem !important;
font-weight: 600 !important;
color: #4b6080 !important;
cursor: pointer !important;
transition: all 0.18s !important;
white-space: normal !important;
line-height: 1.35 !important;
text-align: left !important;
border-left: 3px solid transparent !important;
}
.page-id-1449 .elementor-tab-desktop-title:hover {
background: #f0f5ff !important;
color: #2d4f7a !important;
border-left-color: #c8d8f0 !important;
}
.page-id-1449 .elementor-tab-desktop-title.elementor-active {
background: #eef3fa !important;
color: #1e3654 !important;
font-weight: 700 !important;
border-left-color: #e67e22 !important;
}
/* ── Content wrapper (right side) ── */
.page-id-1449 .elementor-tabs-content-wrapper {
flex: 1 !important;
min-width: 0 !important;
}
/* ── Tab content panel ── */
.page-id-1449 .elementor-tab-content {
background: #fff !important;
border: 1px solid #e4ecf6 !important;
border-radius: 12px !important;
padding: 36px 40px !important;
box-shadow: 0 2px 12px rgba(30,54,84,0.07) !important;
margin-top: 0 !important;
}
/* ── Mobile accordion titles (hidden on desktop via Elementor) ── */
.page-id-1449 .elementor-tab-title.elementor-tab-mobile-title {
background: #f4f7fb !important;
border: 1.5px solid #d0ddef !important;
border-radius: 8px !important;
padding: 13px 18px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
color: #2d4f7a !important;
margin-bottom: 2px !important;
cursor: pointer !important;
}
.page-id-1449 .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
background: #2d4f7a !important;
border-color: #2d4f7a !important;
color: #fff !important;
}
/* ── WPForms ── */
.page-id-1449 .wpforms-form .wpforms-field-label {
font-size: 0.875rem !important;
font-weight: 600 !important;
color: #1e3654 !important;
margin-bottom: 6px !important;
display: block !important;
}
.page-id-1449 .wpforms-form input[type="text"],
.page-id-1449 .wpforms-form input[type="email"],
.page-id-1449 .wpforms-form input[type="tel"],
.page-id-1449 .wpforms-form select,
.page-id-1449 .wpforms-form textarea {
border: 1.5px solid #d0ddef !important;
border-radius: 8px !important;
padding: 11px 14px !important;
font-size: 0.9rem !important;
color: #1e3654 !important;
background: #f8fafc !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
width: 100% !important;
box-sizing: border-box !important;
appearance: auto !important;
}
.page-id-1449 .wpforms-form input:focus,
.page-id-1449 .wpforms-form select:focus,
.page-id-1449 .wpforms-form textarea:focus {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 3px rgba(45,79,122,0.12) !important;
outline: none !important;
background: #fff !important;
}
.page-id-1449 .wpforms-form textarea {
min-height: 120px !important;
resize: vertical !important;
}
.page-id-1449 .wpforms-form .wpforms-field {
margin-bottom: 20px !important;
}
.page-id-1449 .wpforms-form .wpforms-field-sublabel {
font-size: 0.78rem !important;
color: #7b92b0 !important;
margin-top: 4px !important;
}
.page-id-1449 .wpforms-submit-container {
margin-top: 12px !important;
padding-top: 16px !important;
border-top: 1px solid #f0f4f9 !important;
}
.page-id-1449 .wpforms-form button.wpforms-submit {
background: linear-gradient(135deg, #2d4f7a, #1e3654) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
padding: 13px 36px !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
cursor: pointer !important;
transition: opacity 0.2s, transform 0.15s, box-shadow 0.2s !important;
box-shadow: 0 3px 12px rgba(30,54,84,0.25) !important;
letter-spacing: 0.3px !important;
}
.page-id-1449 .wpforms-form button.wpforms-submit:hover {
opacity: 0.92 !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(30,54,84,0.32) !important;
}
.page-id-1449 .wpforms-required-label { color: #e67e22 !important; }
.page-id-1449 .wpforms-form .wpforms-error {
color: #d63638 !important;
font-size: 0.8rem !important;
margin-top: 4px !important;
}
.page-id-1449 .wpforms-confirmation-container-full {
background: #e8f5e9 !important;
border: 1px solid #a5d6a7 !important;
border-radius: 8px !important;
padding: 20px 24px !important;
color: #1b5e20 !important;
font-weight: 600 !important;
}
/* ── Responsive ── */
@media (max-width: 900px) {
.page-id-1449 .elementor-widget-tabs .elementor-tabs {
flex-direction: column !important;
}
.page-id-1449 .elementor-tabs-wrapper {
width: 100% !important;
min-width: 0 !important;
flex-direction: row !important;
flex-wrap: wrap !important;
position: static !important;
padding: 10px !important;
gap: 6px !important;
}
.page-id-1449 .elementor-tab-desktop-title {
width: auto !important;
border-left: none !important;
border-bottom: 2px solid transparent !important;
padding: 8px 14px !important;
font-size: 0.82rem !important;
}
.page-id-1449 .elementor-tab-desktop-title.elementor-active {
border-bottom-color: #e67e22 !important;
background: #eef3fa !important;
}
.page-id-1449 .elementor-tab-content { padding: 22px 18px !important; border-radius: 8px !important; }
}
@media (max-width: 600px) {
.page-id-1449 #ca12ec4 { padding: 32px 14px !important; }
.page-id-1449 #4e28774 { padding: 20px 10px 36px !important; }
.page-id-1449 .elementor-tabs-wrapper { display: none !important; }
}
/* ===== Assistance Page — Tabs + WPForms ===== */
.page-id-13733 .elementor-widget-tabs {
background: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 100%);
border-radius: 20px;
padding: 32px;
box-shadow: 0 8px 40px rgba(10,58,108,0.10);
}
/* Tab bar */
.page-id-13733 .elementor-tabs-wrapper {
display: flex !important;
flex-wrap: wrap;
gap: 8px !important;
background: none !important;
border: none !important;
padding: 0 0 20px 0 !important;
margin-bottom: 4px;
}
/* Tab buttons */
.page-id-13733 .elementor-tab-title.elementor-tab-desktop-title {
padding: 9px 18px !important;
border-radius: 50px !important;
border: 2px solid #2d4f7a !important;
color: #2d4f7a !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer;
transition: all 0.2s ease !important;
background: #fff !important;
white-space: nowrap;
box-shadow: 0 2px 6px rgba(10,58,108,0.07);
line-height: 1.3 !important;
}
.page-id-13733 .elementor-tab-title.elementor-tab-desktop-title:hover {
background: #e8f0fb !important;
border-color: #1e3a6e !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(10,58,108,0.15);
}
.page-id-13733 .elementor-tab-title.elementor-tab-desktop-title.elementor-active {
background: linear-gradient(135deg, #2d4f7a, #1e3a6e) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 4px 16px rgba(45,79,122,0.35);
transform: translateY(-1px);
}
/* Content wrapper */
.page-id-13733 .elementor-tabs-content-wrapper {
background: #fff !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(10,58,108,0.08) !important;
overflow: hidden !important;
border: 1px solid rgba(45,79,122,0.1) !important;
}
/* Mobile accordion titles */
.page-id-13733 .elementor-tab-title.elementor-tab-mobile-title {
padding: 14px 20px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #2d4f7a !important;
background: #f5f8fc !important;
border-bottom: 1px solid #e0e8f0 !important;
cursor: pointer;
display: flex !important;
align-items: center;
gap: 8px;
transition: background 0.2s !important;
}
.page-id-13733 .elementor-tab-title.elementor-tab-mobile-title::before {
content: '›';
font-size: 18px;
font-weight: 400;
transition: transform 0.2s;
line-height: 1;
}
.page-id-13733 .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
background: linear-gradient(135deg, #2d4f7a, #1e3a6e) !important;
color: #fff !important;
border-bottom-color: transparent !important;
}
.page-id-13733 .elementor-tab-title.elementor-tab-mobile-title.elementor-active::before {
transform: rotate(90deg);
}
/* Tab content panel */
.page-id-13733 .elementor-tab-content {
padding: 28px 32px !important;
border: none !important;
animation: fadeInTab 0.25s ease;
}
@keyframes fadeInTab {
from { opacity: 0; transform: translateY(6px); }
to { opacity: 1; transform: translateY(0); }
}
/* Form fields */
.page-id-13733 .wpforms-field {
margin-bottom: 18px !important;
}
.page-id-13733 .wpforms-field-label {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 6px !important;
display: block;
}
.page-id-13733 .wpforms-required-label {
color: #e67e22 !important;
}
.page-id-13733 .wpforms-field select,
.page-id-13733 .wpforms-field input[type="text"],
.page-id-13733 .wpforms-field input[type="email"],
.page-id-13733 .wpforms-field textarea {
width: 100% !important;
border: 2px solid #dde4ef !important;
border-radius: 10px !important;
padding: 10px 14px !important;
font-size: 14px !important;
color: #222 !important;
background: #f8fafc !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
box-sizing: border-box !important;
outline: none !important;
-webkit-appearance: none !important;
}
.page-id-13733 .wpforms-field select:focus,
.page-id-13733 .wpforms-field input:focus,
.page-id-13733 .wpforms-field textarea:focus {
border-color: #e67e22 !important;
background: #fff !important;
box-shadow: 0 0 0 3px rgba(230,126,34,0.12) !important;
}
.page-id-13733 .wpforms-field textarea {
min-height: 90px !important;
resize: vertical !important;
}
.page-id-13733 .wpforms-field-sublabel {
font-size: 11px !important;
color: #999 !important;
margin-top: 3px !important;
}
/* Submit button */
.page-id-13733 .wpforms-submit-container {
margin-top: 8px !important;
}
.page-id-13733 .wpforms-submit {
background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
color: #fff !important;
border: none !important;
border-radius: 10px !important;
padding: 12px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
cursor: pointer !important;
transition: all 0.2s !important;
box-shadow: 0 4px 14px rgba(211,84,0,0.3) !important;
}
.page-id-13733 .wpforms-submit:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(211,84,0,0.4) !important;
}
.page-id-13733 .wpforms-submit:active {
transform: translateY(0) !important;
}
/* Mobile responsive */
@media (max-width: 767px) {
.page-id-13733 .elementor-widget-tabs {
padding: 16px !important;
border-radius: 14px !important;
}
.page-id-13733 .elementor-tabs-wrapper {
display: none !important;
}
.page-id-13733 .elementor-tab-content {
padding: 20px 16px !important;
}
}
/* ===== Devis Page — WPForm ===== */
.page-id-1456 #wpforms-1459 {
background: linear-gradient(135deg, #f0f4f8 0%, #e8edf5 100%);
border-radius: 16px;
padding: 20px 24px;
box-shadow: 0 8px 40px rgba(10,58,108,0.10);
}
.page-id-1456 .wpforms-field {
margin-bottom: 10px !important;
}
.page-id-1456 .wpforms-field-label {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 4px !important;
display: block;
}
.page-id-1456 .wpforms-required-label {
color: #e67e22 !important;
}
.page-id-1456 .wpforms-field select,
.page-id-1456 .wpforms-field input[type="text"],
.page-id-1456 .wpforms-field input[type="email"],
.page-id-1456 .wpforms-field input[type="number"],
.page-id-1456 .wpforms-field input[type="tel"],
.page-id-1456 .wpforms-field textarea {
width: 100% !important;
border: 2px solid #dde4ef !important;
border-radius: 10px !important;
padding: 8px 12px !important;
font-size: 14px !important;
color: #222 !important;
background: #f8fafc !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
box-sizing: border-box !important;
outline: none !important;
-webkit-appearance: none !important;
}
.page-id-1456 .wpforms-field select:focus,
.page-id-1456 .wpforms-field input:focus,
.page-id-1456 .wpforms-field textarea:focus {
border-color: #e67e22 !important;
background: #fff !important;
box-shadow: 0 0 0 3px rgba(230,126,34,0.12) !important;
}
.page-id-1456 .wpforms-field textarea {
min-height: 80px !important;
resize: vertical !important;
}
.page-id-1456 .wpforms-field-sublabel {
font-size: 11px !important;
color: #999 !important;
margin-top: 2px !important;
}
.page-id-1456 .wpforms-submit-container {
margin-top: 6px !important;
}
.page-id-1456 .wpforms-submit {
background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
color: #fff !important;
border: none !important;
border-radius: 10px !important;
padding: 12px 36px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
cursor: pointer !important;
transition: all 0.2s !important;
box-shadow: 0 4px 14px rgba(211,84,0,0.3) !important;
}
.page-id-1456 .wpforms-submit:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(211,84,0,0.4) !important;
}
.page-id-1456 .wpforms-submit:active {
transform: translateY(0) !important;
}
@media (max-width: 767px) {
.page-id-1456 #wpforms-1459 {
padding: 16px !important;
border-radius: 12px !important;
}
}
/* ===== Contact Page (nous-contactez) — Hero Slider Text ===== */
.elementor-1449 .swiper-slide-inner .elementor-slide-heading,
.elementor-1449 .swiper-slide-inner .elementor-slide-description,
.elementor-1449 .swiper-slide-inner .elementor-slide-button {
color: #fff !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.7) !important;
}
.elementor-1449 .elementor-element-909515b .elementor-repeater-item-cf97eb3 .elementor-background-overlay {
background-color: rgba(0,0,0,0.4) !important;
opacity: 1 !important;
}
/* ===== Terms & Conditions Page (page-id-651) — plain HTML, no Elementor ===== */
.page-id-651 h1.entry-title,
.page-id-651 .page-title {
color: #2d4f7a !important;
font-size: 26px !important;
font-weight: 700 !important;
border-bottom: 3px solid #e67e22;
padding-bottom: 10px;
margin-bottom: 24px !important;
}
.page-id-651 .tc-page {
max-width: 860px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
}
.page-id-651 .tc-page > p:first-child {
background: #f0f4f8;
border-left: 4px solid #2d4f7a;
border-radius: 8px;
padding: 14px 18px;
font-size: 13.5px;
color: #555;
}
/* Table of contents */
.page-id-651 .tc-toc {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 12px;
padding: 16px 20px;
margin: 20px 0 32px;
}
.page-id-651 .tc-toc a {
display: inline-block;
font-size: 12.5px;
color: #2d4f7a !important;
font-weight: 600;
text-decoration: none !important;
padding: 3px 10px;
border: 1px solid #c8d8ed;
border-radius: 20px;
background: #f5f8fd;
transition: background 0.15s, color 0.15s;
}
.page-id-651 .tc-toc a:hover {
background: #2d4f7a !important;
color: #fff !important;
border-color: #2d4f7a;
}
/* Section headings */
.page-id-651 .tc-page h2 {
color: #2d4f7a !important;
font-size: 17px !important;
font-weight: 700 !important;
padding-left: 14px;
border-left: 4px solid #e67e22;
margin-top: 36px !important;
margin-bottom: 14px !important;
line-height: 1.4 !important;
}
.page-id-651 .tc-page h3 {
color: #1e3654 !important;
font-size: 14.5px !important;
font-weight: 600 !important;
margin-top: 20px !important;
margin-bottom: 8px !important;
}
.page-id-651 .tc-page p {
color: #444 !important;
font-size: 14px !important;
line-height: 1.8 !important;
margin-bottom: 10px !important;
}
.page-id-651 .tc-page ul,
.page-id-651 .tc-page ol {
margin: 8px 0 12px 22px !important;
padding: 0 !important;
}
.page-id-651 .tc-page li {
color: #444 !important;
font-size: 14px !important;
line-height: 1.8 !important;
margin-bottom: 4px !important;
}
.page-id-651 .tc-page ul li::marker { color: #e67e22 !important; }
.page-id-651 .tc-page a { color: #2d4f7a !important; text-decoration: underline; font-weight: 500; }
.page-id-651 .tc-page a:hover { color: #e67e22 !important; }
.page-id-651 .tc-page strong { color: #2d4f7a !important; font-weight: 700; }
/* Address blocks */
.page-id-651 .tc-page address {
font-style: normal;
background: #f5f8fd;
border: 1px solid #dde4ef;
border-radius: 8px;
padding: 12px 16px;
font-size: 13.5px;
color: #2d4f7a;
font-weight: 600;
margin: 10px 0 14px;
line-height: 1.9;
}
/* Withdrawal form template */
.page-id-651 .tc-form-model {
background: #fafbfd;
border: 1px dashed #c8d8ed;
border-radius: 8px;
padding: 14px 18px;
font-size: 13.5px;
color: #555;
margin: 10px 0;
}
@media (max-width: 767px) {
.page-id-651 .tc-page h2 { font-size: 15px !important; }
.page-id-651 .tc-toc { padding: 12px 14px; }
.page-id-651 .tc-toc a { font-size: 12px; padding: 3px 8px; }
}
/* ===== FAQ Section — details/summary accordion ===== */
/* targets both .faq wrapper and WooCommerce tab panels with details/summary */
.faq,
.woocommerce-Tabs-panel--questions-frequentes,
[id^="tab-"][id$="-frequentes"],
[id^="tab-"][id*="faq"] {
font-family: inherit;
}
/* Tab panel wrapper: reset WC default padding/background */
.woocommerce-Tabs-panel--questions-frequentes,
[id^="tab-"][id$="-frequentes"],
[id^="tab-"][id*="faq"] {
padding: 0 !important;
background: none !important;
border: none !important;
}
/* Hide duplicate/empty h2 */
.woocommerce-Tabs-panel--questions-frequentes h2:empty,
[id^="tab-"][id$="-frequentes"] h2:empty,
[id^="tab-"][id*="faq"] h2:empty { display: none !important; }
/* Section title (h2) */
.faq > h2,
.woocommerce-Tabs-panel--questions-frequentes > h2:not(:empty),
[id^="tab-"][id$="-frequentes"] > h2:not(:empty),
[id^="tab-"][id*="faq"] > h2:not(:empty) {
font-size: 20px !important;
font-weight: 800 !important;
color: #1e3654 !important;
margin: 0 0 20px !important;
padding-bottom: 12px;
border-bottom: 3px solid #e67e22;
line-height: 1.3 !important;
}
/* Group headings (h3) */
.faq h3 {
font-size: 13px !important;
font-weight: 700 !important;
color: #e67e22 !important;
text-transform: uppercase;
letter-spacing: 0.8px;
margin: 28px 0 8px !important;
}
.faq h3:first-of-type { margin-top: 0 !important; }
/* Hide empty comment placeholders */
.faq > p:empty,
.faq > p:not([class]):not(:has(*)) { display: none; }
/* details card */
.faq details,
.woocommerce-Tabs-panel--questions-frequentes details,
[id^="tab-"][id$="-frequentes"] details,
[id^="tab-"][id*="faq"] details {
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 10px;
margin-bottom: 6px;
overflow: hidden;
transition: box-shadow 0.2s, border-color 0.2s;
}
.faq details:hover,
.woocommerce-Tabs-panel--questions-frequentes details:hover,
[id^="tab-"][id$="-frequentes"] details:hover,
[id^="tab-"][id*="faq"] details:hover {
border-color: #c5d3e4;
box-shadow: 0 2px 12px rgba(45,79,122,0.08);
}
.faq details[open],
.woocommerce-Tabs-panel--questions-frequentes details[open],
[id^="tab-"][id$="-frequentes"] details[open],
[id^="tab-"][id*="faq"] details[open] {
border-color: #2d4f7a;
box-shadow: 0 4px 18px rgba(45,79,122,0.10);
}
/* summary row */
.faq details summary,
.woocommerce-Tabs-panel--questions-frequentes details summary,
[id^="tab-"][id$="-frequentes"] details summary,
[id^="tab-"][id*="faq"] details summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 18px;
font-size: 14px;
font-weight: 600;
color: #1e3654;
cursor: pointer;
list-style: none;
user-select: none;
line-height: 1.45;
transition: background 0.15s, color 0.15s;
}
.faq details summary::-webkit-details-marker,
.woocommerce-Tabs-panel--questions-frequentes details summary::-webkit-details-marker,
[id^="tab-"][id$="-frequentes"] details summary::-webkit-details-marker,
[id^="tab-"][id*="faq"] details summary::-webkit-details-marker { display: none; }
.faq details[open] summary,
.woocommerce-Tabs-panel--questions-frequentes details[open] summary,
[id^="tab-"][id$="-frequentes"] details[open] summary,
[id^="tab-"][id*="faq"] details[open] summary {
background: linear-gradient(135deg, #2d4f7a 0%, #1e3654 100%);
color: #fff;
}
/* arrow icon */
.faq details summary::after,
.woocommerce-Tabs-panel--questions-frequentes details summary::after,
[id^="tab-"][id$="-frequentes"] details summary::after,
[id^="tab-"][id*="faq"] details summary::after {
content: '';
flex-shrink: 0;
width: 18px;
height: 18px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4f7a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center/contain no-repeat;
transition: transform 0.25s ease;
}
.faq details[open] summary::after,
.woocommerce-Tabs-panel--questions-frequentes details[open] summary::after,
[id^="tab-"][id$="-frequentes"] details[open] summary::after,
[id^="tab-"][id*="faq"] details[open] summary::after {
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
/* answer body */
.faq details > p,
.faq details > .gt-block,
.woocommerce-Tabs-panel--questions-frequentes details > p,
.woocommerce-Tabs-panel--questions-frequentes details > .gt-block,
[id^="tab-"][id$="-frequentes"] details > p,
[id^="tab-"][id*="faq"] details > p {
margin: 0;
padding: 14px 18px 16px;
font-size: 13.5px;
line-height: 1.75;
color: #444;
border-top: 1px solid #eef1f7;
background: #fafbfd;
}
.faq details > p + p,
.faq details > .gt-block + .gt-block,
.woocommerce-Tabs-panel--questions-frequentes details > p + p,
[id^="tab-"][id$="-frequentes"] details > p + p,
[id^="tab-"][id*="faq"] details > p + p {
padding-top: 0;
border-top: none;
margin-top: -8px;
}
.faq details strong,
.woocommerce-Tabs-panel--questions-frequentes details strong,
[id^="tab-"][id$="-frequentes"] details strong,
[id^="tab-"][id*="faq"] details strong {
color: #2d4f7a;
font-weight: 700;
}
/* Mobile */
@media (max-width: 767px) {
.faq > h2,
.woocommerce-Tabs-panel--questions-frequentes > h2:not(:empty),
[id^="tab-"][id$="-frequentes"] > h2:not(:empty) { font-size: 17px !important; }
.faq details summary,
.woocommerce-Tabs-panel--questions-frequentes details summary,
[id^="tab-"][id$="-frequentes"] details summary,
[id^="tab-"][id*="faq"] details summary { padding: 12px 14px; font-size: 13.5px; }
.faq details > p,
.faq details > .gt-block,
.woocommerce-Tabs-panel--questions-frequentes details > p,
[id^="tab-"][id$="-frequentes"] details > p,
[id^="tab-"][id*="faq"] details > p { padding: 12px 14px 14px; font-size: 13px; }
}
/* ===== Product Video Gallery (Multi-video) ===== */
/* Thumbnail in gallery strip */
.elfcam-vid-li {
position: relative;
cursor: pointer;
list-style: none;
}
/* Dim thumbnail on hover */
.elfcam-vid-li .elfcam-vid-img {
transition: filter 0.18s ease;
}
.elfcam-vid-li:hover .elfcam-vid-img {
filter: brightness(0.78);
}
/* Play button circle */
.elfcam-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34px;
height: 34px;
background: rgba(10, 10, 18, 0.62);
border-radius: 50%;
border: 1.5px solid rgba(255,255,255,0.55);
pointer-events: none;
box-shadow: 0 2px 8px rgba(0,0,0,0.45);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
/* Pure CSS play triangle */
.elfcam-play-icon::after {
content: '';
position: absolute;
top: 50%;
left: 54%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 11px;
border-color: transparent transparent transparent rgba(255,255,255,0.95);
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4));
}
/* Gallery slide must be relative so overlay can fill it */
.woocommerce-product-gallery__image {
position: relative !important;
}
/* Video overlay (sits inside the gallery slide) */
.elfcam-vid-overlay {
position: absolute;
inset: 0;
background: #000;
z-index: 10;
display: flex;
flex-direction: column;
border-radius: 4px;
overflow: hidden;
}
.elfcam-vid-frame {
flex: 1;
width: 100%;
border: none;
background: #000;
min-height: 0;
display: block;
object-fit: contain;
}
/* Selector strip (shown when multiple videos) */
.elfcam-vid-selector {
display: flex;
gap: 6px;
padding: 6px 8px;
background: #111;
overflow-x: auto;
flex-shrink: 0;
scrollbar-width: thin;
scrollbar-color: #444 #111;
}
.elfcam-vid-sel-item {
flex: 0 0 64px;
cursor: pointer;
border-radius: 4px;
border: 2px solid transparent;
overflow: hidden;
background: #1a1a2e;
transition: border-color 0.15s;
}
.elfcam-vid-sel-item:hover { border-color: #999; }
.elfcam-vid-sel-item.active { border-color: #e67e22; }
.elfcam-vid-sel-title {
font-size: 10px;
color: #ccc;
text-align: center;
padding: 2px 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
/* Title bar shown below the playing video */
.elfcam-vid-title {
flex-shrink: 0;
padding: 6px 10px;
background: rgba(0,0,0,0.85);
color: #fff !important;
font-size: 13px !important;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: 0.02em;
line-height: 1.4;
}
/* ===== Product Documents List ===== */
#elfcam-product-docs {
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
@media(max-width:768px){
#elfcam-product-docs { margin: 16px 0 !important; }
}
.elfcam-doc-link {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: #f5f7fa;
border: 1px solid #dde2ea;
border-radius: 6px;
text-decoration: none !important;
color: #2c3e50 !important;
font-size: 13px;
transition: background 0.15s, border-color 0.15s;
}
.elfcam-doc-link:hover {
background: #eaf0fb;
border-color: #b0c4de;
}
.elfcam-doc-badge {
flex-shrink: 0;
background: #2d4f7a;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 5px;
border-radius: 3px;
letter-spacing: 0.04em;
line-height: 1.5;
}
.elfcam-doc-name {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.elfcam-doc-dl {
flex-shrink: 0;
color: #2d4f7a;
font-size: 15px;
line-height: 1;
}
/* =============================================
RETOUR ET REMBOURSEMENT (page-id-905) — plain HTML
============================================= */
.page-id-905 .tc-page {
max-width: 860px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
}
.page-id-905 h1.entry-title,
.page-id-905 .page-title {
color: #2d4f7a !important;
font-size: 26px !important;
font-weight: 700 !important;
border-bottom: 3px solid #e67e22;
padding-bottom: 10px;
margin-bottom: 24px !important;
}
.page-id-905 .tc-intro {
background: #f0f4f8;
border-left: 4px solid #2d4f7a;
border-radius: 8px;
padding: 14px 18px;
font-size: 13.5px;
color: #555;
margin-bottom: 28px;
}
.page-id-905 .tc-page h2 {
color: #2d4f7a !important;
font-size: 17px !important;
font-weight: 700 !important;
padding-left: 14px;
border-left: 4px solid #e67e22;
margin-top: 36px !important;
margin-bottom: 16px !important;
line-height: 1.4 !important;
}
.page-id-905 .tc-page p {
color: #444 !important;
font-size: 14px !important;
line-height: 1.8 !important;
margin-bottom: 10px !important;
}
.page-id-905 .tc-page strong { color: #2d4f7a !important; font-weight: 700; }
.page-id-905 .tc-page a { color: #2d4f7a !important; font-weight: 500; }
.page-id-905 .tc-page a:hover { color: #e67e22 !important; }
/* Steps list */
.page-id-905 .tc-steps {
list-style: none;
margin: 0 0 20px !important;
padding: 0 !important;
counter-reset: step;
}
.page-id-905 .tc-steps li {
display: flex;
align-items: flex-start;
gap: 16px;
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 10px;
padding: 14px 18px;
margin-bottom: 8px !important;
font-size: 14px !important;
color: #444 !important;
counter-increment: step;
position: relative;
}
.page-id-905 .tc-steps li::before {
content: counter(step);
flex-shrink: 0;
width: 26px;
height: 26px;
background: linear-gradient(135deg, #2d4f7a, #1e3654);
color: #fff;
font-weight: 700;
font-size: 13px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.page-id-905 .tc-step-icon {
flex-shrink: 0;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.85;
}
.page-id-905 .tc-step-icon img { display: block; }
/* Notice box */
.page-id-905 .tc-notice {
background: #fff8f0;
border: 1px solid #f5cfa0;
border-left: 4px solid #e67e22;
border-radius: 8px;
padding: 14px 18px;
margin: 24px 0;
}
.page-id-905 .tc-notice p {
color: #5a4020 !important;
font-size: 13.5px !important;
margin-bottom: 6px !important;
}
/* CTA button */
.page-id-905 .tc-cta {
text-align: center;
margin: 28px 0;
}
.page-id-905 .tc-cta .tc-btn,
.page-id-905 .tc-cta .tc-btn:visited {
display: inline-block;
background: linear-gradient(135deg, #2d4f7a, #1e3654);
color: #fff !important;
font-weight: 700;
font-size: 15px;
padding: 13px 32px;
border-radius: 30px;
text-decoration: none !important;
transition: opacity 0.15s, transform 0.15s;
box-shadow: 0 4px 16px rgba(45,79,122,0.25);
}
.page-id-905 .tc-cta .tc-btn:hover {
opacity: 0.9;
transform: translateY(-1px);
color: #fff !important;
}
/* Refund table */
.page-id-905 .tc-table {
width: 100%;
border-collapse: collapse;
margin: 14px 0 20px;
font-size: 14px;
}
.page-id-905 .tc-table thead tr {
background: linear-gradient(135deg, #2d4f7a, #1e3654);
color: #fff;
}
.page-id-905 .tc-table th {
padding: 11px 16px;
font-weight: 600;
text-align: left;
}
.page-id-905 .tc-table td {
padding: 10px 16px;
border-bottom: 1px solid #e4eaf2;
color: #444;
vertical-align: middle;
}
.page-id-905 .tc-table tbody tr:nth-child(even) { background: #f7f9fc; }
.page-id-905 .tc-table tbody tr:last-child td { border-bottom: none; }
/* Lists */
.page-id-905 .tc-page ul {
margin: 8px 0 14px 20px !important;
padding: 0 !important;
}
.page-id-905 .tc-page li {
color: #444 !important;
font-size: 14px !important;
line-height: 1.8 !important;
margin-bottom: 4px !important;
}
.page-id-905 .tc-page ul li::marker { color: #e67e22 !important; }
/* Override for steps li (already styled above) */
.page-id-905 .tc-steps li::marker { display: none; color: transparent !important; }
@media (max-width: 767px) {
.page-id-905 .tc-page h2 { font-size: 15px !important; }
.page-id-905 .tc-steps li { padding: 12px 14px; gap: 12px; }
.page-id-905 .tc-step-icon { display: none; }
.page-id-905 .tc-table th, .page-id-905 .tc-table td { padding: 8px 10px; font-size: 13px; }
}
/* =============================================
MOYEN DE PAIEMENT (page-id-960) — plain HTML
============================================= */
.page-id-960 .tc-page {
max-width: 860px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
}
.page-id-960 h1.entry-title,
.page-id-960 .page-title {
color: #2d4f7a !important;
font-size: 26px !important;
font-weight: 700 !important;
border-bottom: 3px solid #e67e22;
padding-bottom: 10px;
margin-bottom: 24px !important;
}
.page-id-960 .mdp-hero {
display: flex;
align-items: center;
gap: 28px;
background: #f0f4f8;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 28px;
}
.page-id-960 .mdp-hero img {
width: 160px;
height: auto;
flex-shrink: 0;
border-radius: 8px;
}
.page-id-960 .mdp-hero-text p {
color: #555 !important;
font-size: 14px !important;
margin-bottom: 6px !important;
}
.page-id-960 .tc-toc {
display: flex;
flex-wrap: wrap;
gap: 6px 10px;
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 12px;
padding: 16px 20px;
margin: 0 0 32px;
}
.page-id-960 .tc-toc a {
display: inline-block;
font-size: 12.5px;
color: #2d4f7a !important;
font-weight: 600;
text-decoration: none !important;
padding: 3px 10px;
border: 1px solid #c8d8ed;
border-radius: 20px;
background: #f5f8fd;
transition: background 0.15s, color 0.15s;
}
.page-id-960 .tc-toc a:hover {
background: #2d4f7a !important;
color: #fff !important;
border-color: #2d4f7a;
}
.page-id-960 .tc-page h2 {
color: #2d4f7a !important;
font-size: 17px !important;
font-weight: 700 !important;
padding-left: 14px;
border-left: 4px solid #e67e22;
margin-top: 40px !important;
margin-bottom: 16px !important;
}
.page-id-960 .tc-page p {
color: #444 !important;
font-size: 14px !important;
line-height: 1.8 !important;
margin-bottom: 10px !important;
}
.page-id-960 .tc-page strong { color: #2d4f7a !important; font-weight: 700; }
.page-id-960 .tc-page a { color: #2d4f7a !important; font-weight: 500; }
.page-id-960 .tc-page a:hover { color: #e67e22 !important; }
.page-id-960 .mdp-method {
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 12px;
padding: 20px 24px;
}
.page-id-960 .mdp-logo {
display: block;
max-width: 100%;
width: auto;
max-height: 160px;
margin: 0 0 16px;
border-radius: 6px;
}
.page-id-960 .mdp-logos-row {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.page-id-960 .mdp-logos-row img { height: 44px; width: auto; }
.page-id-960 .mdp-installment {
background: #f5f8fd;
border: 1px solid #dde4ef;
border-radius: 12px;
padding: 20px 24px;
margin-top: 16px;
}
.page-id-960 .mdp-installment-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 12px;
}
.page-id-960 .mdp-installment-header strong {
display: block;
font-size: 15px;
color: #2d4f7a !important;
}
.page-id-960 .mdp-installment-header p {
margin: 4px 0 0 !important;
font-size: 13.5px !important;
color: #555 !important;
}
.page-id-960 .mdp-legal {
font-size: 12px !important;
color: #888 !important;
border-top: 1px solid #e4eaf2;
padding-top: 10px;
margin-bottom: 16px !important;
}
.page-id-960 .mdp-features {
list-style: none !important;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 0 !important;
padding: 0 !important;
}
.page-id-960 .mdp-features li {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
background: #fff;
border: 1px solid #e4eaf2;
border-radius: 8px;
padding: 12px 14px;
font-size: 13px !important;
color: #555 !important;
margin: 0 !important;
}
.page-id-960 .mdp-features li img { margin-bottom: 4px; }
.page-id-960 .mdp-features li strong { font-size: 13.5px; color: #2d4f7a !important; }
.page-id-960 .mdp-features li span { color: #666; line-height: 1.5; }
.page-id-960 .tc-table {
width: 100%;
border-collapse: collapse;
margin: 14px 0;
font-size: 14px;
border: 1px solid #e4eaf2;
border-radius: 8px;
overflow: hidden;
}
.page-id-960 .tc-table td {
padding: 10px 16px;
border-bottom: 1px solid #e4eaf2;
color: #444;
}
.page-id-960 .tc-table td:first-child { width: 40%; color: #2d4f7a !important; }
.page-id-960 .tc-table tr:last-child td { border-bottom: none; }
.page-id-960 .tc-table tr:nth-child(even) td { background: #f7f9fc; }
@media (max-width: 767px) {
.page-id-960 .mdp-hero { flex-direction: column; text-align: center; }
.page-id-960 .mdp-hero img { width: 120px; }
.page-id-960 .tc-page h2 { font-size: 15px !important; }
.page-id-960 .mdp-features { grid-template-columns: 1fr; }
.page-id-960 .tc-toc { padding: 12px 14px; }
.page-id-960 .tc-toc a { font-size: 12px; padding: 3px 8px; }
.page-id-960 .mdp-method { padding: 16px; }
}
/* =============================================
RECRUTEMENT (page-id-6917) — plain HTML
============================================= */
.page-id-6917 .tc-page {
max-width: 860px;
margin: 0 auto;
font-size: 14px;
line-height: 1.8;
color: #3a3a3a;
}
.page-id-6917 h1.entry-title,
.page-id-6917 .page-title {
color: #2d4f7a !important;
font-size: 26px !important;
font-weight: 700 !important;
border-bottom: 3px solid #e67e22;
padding-bottom: 10px;
margin-bottom: 24px !important;
}
/* Hero */
.page-id-6917 .recr-hero {
margin-bottom: 28px;
border-radius: 12px;
overflow: hidden;
}
.page-id-6917 .recr-hero-banner {
position: relative;
}
.page-id-6917 .recr-hero-banner img {
width: 100%;
height: 300px;
object-fit: cover;
display: block;
}
.page-id-6917 .recr-hero-overlay {
position: absolute;
bottom: 0; left: 0; right: 0;
background: linear-gradient(to top, rgba(15,35,65,0.88) 0%, rgba(15,35,65,0.3) 60%, transparent 100%);
padding: 28px 28px 22px;
}
.page-id-6917 .recr-hero-overlay h2 {
color: #fff !important;
font-size: 26px !important;
font-weight: 700 !important;
margin: 0 0 6px !important;
padding: 0 !important;
border: none !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}
.page-id-6917 .recr-hero-overlay p {
color: rgba(255,255,255,0.9) !important;
font-size: 14px !important;
margin: 0 !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.page-id-6917 .recr-hero-row {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 4px;
margin-top: 4px;
}
.page-id-6917 .recr-hero-row img {
width: 100%;
height: 110px;
object-fit: cover;
display: block;
}
/* Intro */
.page-id-6917 .tc-intro {
background: #f0f4f8;
border-left: 4px solid #2d4f7a;
border-radius: 8px;
padding: 14px 18px;
font-size: 13.5px;
color: #555;
margin-bottom: 28px;
}
.page-id-6917 .tc-intro a { color: #2d4f7a !important; font-weight: 600; }
/* Section heading */
.page-id-6917 .tc-page h2 {
color: #2d4f7a !important;
font-size: 17px !important;
font-weight: 700 !important;
padding-left: 14px;
border-left: 4px solid #e67e22;
margin-top: 0 !important;
margin-bottom: 16px !important;
}
/* Apply button inside accordion */
.page-id-6917 .recr-apply-btn {
display: inline-block;
background: linear-gradient(135deg, #e67e22, #d35400);
color: #fff !important;
font-weight: 700;
font-size: 13.5px;
padding: 9px 22px;
border-radius: 20px;
text-decoration: none !important;
margin-top: 10px;
transition: opacity 0.15s;
}
.page-id-6917 .recr-apply-btn:hover { opacity: 0.85; color: #fff !important; }
/* Reuse .faq accordion styles already in CSS */
.page-id-6917 .faq details > div {
padding: 14px 18px 16px;
font-size: 13.5px;
line-height: 1.75;
color: #444;
border-top: 1px solid #eef1f7;
background: #fafbfd;
}
.page-id-6917 .faq details > div h3 {
color: #2d4f7a;
font-size: 14px;
font-weight: 700;
margin: 12px 0 6px;
}
.page-id-6917 .faq details > div ul {
margin: 6px 0 10px 18px;
padding: 0;
}
.page-id-6917 .faq details > div li {
margin-bottom: 4px;
color: #444;
}
.page-id-6917 .faq details > div p { margin-bottom: 8px; color: #444; }
.page-id-6917 .faq details > div strong { color: #2d4f7a; font-weight: 700; }
@media (max-width: 767px) {
.page-id-6917 .recr-hero-banner img { height: 200px; }
.page-id-6917 .recr-hero-overlay { padding: 18px 16px 14px; }
.page-id-6917 .recr-hero-overlay h2 { font-size: 20px !important; }
.page-id-6917 .recr-hero-row { grid-template-columns: repeat(3, 1fr); }
.page-id-6917 .recr-hero-row img { height: 80px; }
.page-id-6917 .tc-page h2 { font-size: 15px !important; }
}
/* ── Custom Variation Swatches ── */
.elfcam-swatch-grid {
display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0;
padding-top: 10px;
border-top: 1px solid #e8e8e8;
}
.elfcam-swatch-btn {
display: flex; flex-direction: column; align-items: center; justify-content: center;
min-width: 60px; padding: 4px 7px;
border: 1.5px solid #d5d9d9; border-radius: 5px;
background: #fff; cursor: pointer;
transition: border-color .15s, box-shadow .15s;
text-align: center; line-height: 1.2;
}
.elfcam-swatch-btn:hover {
border-color: #2d4f7a;
}
.elfcam-swatch-btn.active {
border-color: #2d4f7a;
background: #edf4fc;
}
.elfcam-sw-label {
font-size: 14px; font-weight: 600; color: #2d4f7a;
}
.elfcam-sw-divider {
display: block; width: 80%; height: 1px;
background: #e0e0e0; margin: 2px 0;
}
.elfcam-sw-prices {
display: flex; align-items: baseline; gap: 4px;
}
.elfcam-sw-sale {
color: #333; font-weight: 700;
}
.elfcam-sw-int {
font-size: 12px;
}
.elfcam-sw-dec {
font-size: 9px; vertical-align: super;
}
.elfcam-sw-regular {
color: #999; text-decoration: line-through; font-size: 9px;
}
.elfcam-sw-oos {
border-style: dashed;
}
.elfcam-sw-oos .elfcam-sw-label,
.elfcam-sw-oos .elfcam-sw-sale,
.elfcam-sw-oos .elfcam-sw-int,
.elfcam-sw-oos .elfcam-sw-dec,
.elfcam-sw-oos .elfcam-sw-regular {
color: #999;
}
@media (max-width: 767px) {
.elfcam-swatch-grid { gap: 4px; }
.elfcam-swatch-btn { min-width: 48px; padding: 3px 5px; border-radius: 4px; border-width: 1.5px; }
.elfcam-sw-label { font-size: 13px; }
.elfcam-sw-divider { margin: 1px 0; }
.elfcam-sw-int { font-size: 12px; }
.elfcam-sw-dec { font-size: 8px; }
.elfcam-sw-regular { font-size: 7px; }
}
/* ── Amazon-style image zoom ── */
.elfcam-zoom-lens {
position: fixed;
display: none;
border: none;
box-shadow: inset 0 0 0 1px rgba(45,79,122,0.3);
background: rgba(45,79,122,0.08);
background-image: radial-gradient(circle, rgba(45,79,122,0.18) 1px, transparent 1px);
background-size: 4px 4px;
cursor: none;
z-index: 9998;
pointer-events: none;
}
.single-product .woocommerce-product-gallery .flex-viewport:hover {
cursor: none;
}
.elfcam-zoom-box {
position: fixed;
display: none;
border: 2px solid #ddd;
border-radius: 8px;
background-repeat: no-repeat;
background-color: #fff;
z-index: 9999;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
pointer-events: none;
}
/* ===== Elfcam Custom Footer ===== */
.elfcam-footer{background:linear-gradient(135deg,#1a2a4a 0%,#2d4f7a 100%);padding:20px 20px 30px;margin-top:15px;font-size:14px;color:#fff;line-height:1.6;}
.elfcam-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.elfcam-footer__heading{font-size:16px;font-weight:700;color:#fff;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e67e22;}
.elfcam-footer__links{list-style:none;margin:0 0 14px;padding:0;}
.elfcam-footer__links li{margin-bottom:5px;}
.elfcam-footer__links a,.elfcam-footer__contact a,.elfcam-footer__reviews a{color:rgba(255,255,255,.85);text-decoration:underline;font-size:14px;transition:color .2s;}
.elfcam-footer__links a:hover,.elfcam-footer__contact a:hover,.elfcam-footer__reviews a:hover{color:#e67e22;}
.elfcam-footer__images{margin-bottom:14px;}
.elfcam-footer__images img{max-width:100%;height:auto;display:block;margin-bottom:8px;border-radius:4px;}
.elfcam-footer__address{margin-bottom:14px;}
.elfcam-footer__address p{margin:0 0 3px;color:rgba(255,255,255,.85);font-style:italic;font-size:13px;}
.elfcam-footer__address p strong{font-style:normal;color:#fff;}
.elfcam-footer__contact{margin-bottom:14px;}
.elfcam-footer__contact p{margin:0 0 3px;font-size:13px;color:rgba(255,255,255,.85);}
.elfcam-footer__contact p strong{color:#fff;}
.elfcam-footer__reviews{margin-bottom:14px;}
.elfcam-footer__reviews a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;}
.elfcam-footer__stars{color:#f5a623;font-size:18px;letter-spacing:2px;}
@media(max-width:991px){.elfcam-footer__inner{grid-template-columns:repeat(2,1fr);gap:24px;}}
@media(max-width:575px){.elfcam-footer__inner{grid-template-columns:1fr;gap:20px;}.elfcam-footer{padding:16px 14px 24px;}}
/* ===== Search result count banner ===== */
.elfcam-search-header { margin: 0 0 20px; }
.elfcam-search-count {
font-size: 22px;
font-weight: 700;
color: #111;
margin: 0 0 6px;
padding: 0;
line-height: 1.3;
}
.elfcam-search-note {
font-size: 12px;
color: #666;
margin: 0;
line-height: 1.5;
}
/* ===== Search results: hide WC grid, full-width layout ===== */
.search-results .woocommerce-result-count,
.search-results .woocommerce-ordering,
.search-results .woocommerce-pagination,
.search-results .woocommerce-message,
.search-results .woocommerce-info,
.search-results .woocommerce-breadcrumb,
.search-results #breadcrumbs,
.search-results .elementor-widget-breadcrumbs,
.search-results [data-id="66f36590"] { display: none !important; }
.search-results .site-main,
.search-results #primary { width: 100% !important; max-width: 100% !important; float: none !important; }
.search-results #secondary,
.search-results .sidebar,
.search-results .widget-area { display: none !important; }
/* Hide the existing WooCommerce product grid — replaced by .elfcam-search-list */
.search-results .elfcam-products-scroll-wrap,
.search-results ul.products { display: none !important; }
/* ===== Search: Amazon-style horizontal list ===== */
.elfcam-search-list {
width: 100%;
display: flex;
flex-direction: column;
margin: 0 0 24px;
}
.elfcam-sl-item {
display: flex;
flex-direction: row;
gap: 20px;
padding: 20px 0;
border-bottom: 1px solid #e8e8e8;
align-items: flex-start;
}
.elfcam-sl-img-wrap {
flex: 0 0 180px;
width: 180px;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 8px;
overflow: hidden;
}
.elfcam-sl-img-wrap .elfcam-img-slider {
width: 100%;
height: 100%;
position: relative;
}
.elfcam-sl-img-wrap img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
padding: 8px;
box-sizing: border-box;
}
.elfcam-sl-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.elfcam-sl-title {
font-size: 16px;
font-weight: 600;
color: #0f1111;
text-decoration: none;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.elfcam-sl-title:hover { color: #c45500; text-decoration: underline; }
.elfcam-sl-stars { display: flex; align-items: center; gap: 4px; }
.elfcam-sl-star-val { color: #f5a623; font-size: 15px; letter-spacing: 1px; }
.elfcam-sl-rating-ct { color: #007185; font-size: 13px; }
.elfcam-sl-sales { font-size: 13px; color: #565959; }
.elfcam-sl-price .price,
.elfcam-sl-price .woocommerce-Price-amount { font-size: 15px !important; font-weight: 700 !important; color: #B12704 !important; }
.elfcam-sl-price ins { text-decoration: none !important; }
.elfcam-sl-price del,
.elfcam-sl-price del .woocommerce-Price-amount { font-size: 12px !important; color: #565959 !important; font-weight: 400 !important; }
.elfcam-sl-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.elfcam-sl-express {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 12px;
font-weight: 600;
color: #007600;
background: #e8f5e9;
border-radius: 4px;
padding: 3px 8px;
}
.elfcam-sl-atc {
display: inline-block;
background: #FFD814;
color: #0f1111 !important;
padding: 9px 18px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
cursor: pointer;
align-self: flex-start;
margin-top: 4px;
transition: background .15s, border-color .15s;
border: 1px solid #FCD200;
outline: none;
font-family: inherit;
line-height: 1.4;
}
.elfcam-sl-atc:hover,
.elfcam-sl-atc:active { background: #fff !important; border: 1px solid #0a3a6c !important; color: #0f1111 !important; opacity: 1; }
.elfcam-sl-atc.elfcam-sl-added {
background: linear-gradient(135deg, #27ae60, #1e8449) !important;
animation: elfcam-pop 0.25s ease;
}
@keyframes elfcam-pop {
0% { transform: scale(1); }
50% { transform: scale(1.06); }
100% { transform: scale(1); }
}
.elfcam-sl-out-of-stock {
display: inline-block;
font-size: 12px;
color: #999;
border: 1px solid #ddd;
border-radius: 4px;
padding: 6px 12px;
margin-top: 4px;
}
.elfcam-sl-atc--disabled {
background: #ccc !important;
cursor: not-allowed !important;
pointer-events: none !important;
opacity: 0.6 !important;
}
/* Variable product: swatch layout */
.elfcam-sl-var-wrap { display: flex; flex-direction: column; gap: 6px; }
.elfcam-sl-attr-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.elfcam-sl-attr-label { font-size: 12px; font-weight: 600; color: #333; white-space: nowrap; min-width: 60px; }
.elfcam-sl-swatches { display: flex; flex-wrap: wrap; gap: 5px; }
.elfcam-sl-swatch {
padding: 4px 10px;
border: 1.5px solid #ccc;
border-radius: 4px;
background: #fff;
font-size: 12px;
font-weight: 500;
color: #333;
cursor: pointer;
line-height: 1.4;
transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.elfcam-sl-swatch:hover { border-color: #2d4f7a; color: #2d4f7a; }
.elfcam-sl-swatch.elfcam-sl-sw-active {
border-color: #2d4f7a;
background: #2d4f7a;
color: #fff;
font-weight: 600;
}
.elfcam-sl-unavail { font-size: 12px; color: #c00; }
/* ── Responsive ── */
@media (max-width: 991px) {
.elfcam-sl-img-wrap { flex: 0 0 140px; width: 140px; height: 140px; }
.elfcam-sl-title { font-size: 14px; }
.elfcam-sl-atc { font-size: 12px; padding: 8px 14px; }
}
@media (max-width: 767px) {
.elfcam-sl-item { gap: 12px; padding: 14px 0; }
.elfcam-sl-img-wrap { flex: 0 0 100px; width: 100px; height: 100px; }
.elfcam-sl-content { gap: 4px; }
.elfcam-sl-title { font-size: 13px; -webkit-line-clamp: 3; }
.elfcam-sl-stars, .elfcam-sl-sales { font-size: 11px; }
.elfcam-sl-price .price,
.elfcam-sl-price .woocommerce-Price-amount { font-size: 14px !important; }
.elfcam-sl-express { font-size: 11px; padding: 2px 6px; }
.elfcam-sl-atc { font-size: 12px; padding: 7px 12px; align-self: stretch; text-align: center; }
.elfcam-sl-swatch { font-size: 11px; padding: 3px 8px; }
.elfcam-sl-attr-label { font-size: 11px; min-width: 50px; }
}
/* FINAL: search submit button must stay orange on hover */
.dgwt-wcas-search-submit:hover,
.dgwt-wcas-search-submit:focus,
.dgwt-wcas-search-submit:active,
button.dgwt-wcas-search-submit:hover,
button.dgwt-wcas-search-submit:focus,
.elfcam-hdr-search button:hover,
.elfcam-hdr-search .dgwt-wcas-search-submit:hover,
.dgwt-wcas-om-bar .dgwt-wcas-om-search-btn:hover {
background: #c55e1f !important;
background-image: none !important;
background-color: #c55e1f !important;
color: #fff !important;
border-color: #c55e1f !important;
opacity: 1 !important;
}
/* ===== Cart Flyout Sidebar (Compact) ===== */
body {
transition: margin-right 0.32s cubic-bezier(.4,0,.2,1);
}
body.elfcam-flyout-pushed {
margin-right: 148px !important;
overflow-x: hidden;
}
#elfcam-cart-flyout {
position: fixed;
top: 0; right: 0; bottom: 0;
z-index: 99999;
pointer-events: none;
}
.elfcam-flyout-panel {
position: absolute;
top: 0; right: 0; bottom: 0;
width: 148px;
background: #fff;
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform .3s cubic-bezier(.4,0,.2,1);
box-shadow: -3px 0 14px rgba(0,0,0,.18);
border-left: 1px solid #ddd;
pointer-events: all;
}
.elfcam-flyout-open .elfcam-flyout-panel {
transform: translateX(0);
}
/* Header */
.elfcam-flyout-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 10px;
background: #0a3a6c;
flex-shrink: 0;
}
.elfcam-flyout-title {
font-size: 12px;
font-weight: 700;
color: #fff;
letter-spacing: .02em;
}
.elfcam-flyout-close {
background: none;
border: none;
color: rgba(255,255,255,.8);
font-size: 13px;
cursor: pointer;
padding: 2px 4px;
line-height: 1;
}
.elfcam-flyout-close:hover { color: #fff; }
/* Summary */
.elfcam-flyout-summary {
padding: 10px 10px 8px;
border-bottom: 1px solid #eee;
flex-shrink: 0;
text-align: center;
}
.elfcam-flyout-subtotal-val {
font-size: 14px;
font-weight: 700;
color: #0a3a6c;
line-height: 1.2;
margin-bottom: 2px;
}
.elfcam-flyout-subtotal-val .woocommerce-Price-amount { color: #0a3a6c !important; font-size: 14px !important; }
.elfcam-flyout-count-line {
font-size: 10px;
color: #888;
margin-bottom: 8px;
}
.elfcam-flyout-btn-cart,
.elfcam-flyout-btn-checkout {
display: block;
font-size: 11px;
font-weight: 700;
text-align: center;
padding: 7px 8px;
border-radius: 6px;
text-decoration: none !important;
transition: opacity .2s;
margin-top: 6px;
}
.elfcam-flyout-btn-cart {
background: #fff;
color: #0a3a6c !important;
border: 1.5px solid #0a3a6c;
}
.elfcam-flyout-btn-cart:hover { background: #0a3a6c; color: #fff !important; }
.elfcam-flyout-btn-checkout {
background: linear-gradient(135deg, #e67e22, #d35400);
color: #fff !important;
border: none;
}
.elfcam-flyout-btn-checkout:hover { opacity: .88; }
/* Items list */
.elfcam-flyout-sep { display: none; }
.elfcam-flyout-items {
flex: 1;
overflow-y: auto;
padding: 6px 0 50vh;
}
.elfcam-flyout-items::-webkit-scrollbar { width: 4px; }
.elfcam-flyout-items::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }
.elfcam-flyout-item {
position: relative;
padding: 8px 10px 10px;
border-bottom: 1px solid #f0f2f5;
text-align: center;
transition: opacity .2s;
}
.elfcam-flyout-del {
position: absolute;
top: 5px; right: 5px;
background: none;
border: none;
color: #bbb;
font-size: 11px;
cursor: pointer;
padding: 2px 4px;
line-height: 1;
border-radius: 3px;
}
.elfcam-flyout-del:hover { color: #c0392b; background: #fee; }
.elfcam-flyout-item:last-child { border-bottom: none; }
.elfcam-flyout-img-wrap {
display: block;
position: relative;
width: 82px;
height: 82px;
margin: 0 auto 6px;
border: 1px solid #e8ecf0;
border-radius: 6px;
overflow: hidden;
background: #fafafa;
}
.elfcam-flyout-option {
position: absolute;
bottom: 0;
right: 0;
background: linear-gradient(135deg, #e67e22, #d35400);
color: #fff;
font-size: 9px;
font-weight: 700;
padding: 2px 5px;
border-top-left-radius: 4px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.4;
}
.elfcam-flyout-img-wrap img {
width: 100%; height: 100%;
object-fit: contain;
}
/* Quantity stepper */
.elfcam-flyout-stepper {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
background: #f7f9fc;
}
.elfcam-qty-btn {
background: none;
border: none;
width: 28px;
height: 26px;
font-size: 15px;
cursor: pointer;
color: #0a3a6c;
display: flex;
align-items: center;
justify-content: center;
transition: background .15s;
flex-shrink: 0;
line-height: 1;
}
.elfcam-qty-btn:hover { background: #e8ecf0; }
.elfcam-qty-input {
width: 34px;
font-size: 13px;
font-weight: 700;
color: #1a2a3a;
text-align: center;
border: none;
background: transparent;
padding: 0;
-moz-appearance: textfield;
outline: none;
}
.elfcam-qty-input::-webkit-inner-spin-button,
.elfcam-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.elfcam-qty-input:focus { color: #0a3a6c; }
.elfcam-flyout-empty {
text-align: center;
color: #aaa;
font-size: 11px;
padding: 20px 10px;
}
/* ===== End Cart Flyout ===== */
/* Product bullet list font size */
ul.a-unordered-list.a-vertical .a-list-item {
font-size: 12px !important;
line-height: 1.5;
}
/* Description tab — no horizontal overflow on desktop */
@media (min-width: 768px) {
#tab-description,
.woocommerce-Tabs-panel--description {
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
}
#tab-description *,
.woocommerce-Tabs-panel--description * {
max-width: 100% !important;
box-sizing: border-box;
}
#tab-description table,
.woocommerce-Tabs-panel--description table {
table-layout: fixed;
width: 100% !important;
}
#tab-description img,
.woocommerce-Tabs-panel--description img {
height: auto !important;
}
}
/* ===== Cart page: force all rows/cells pure white, no hover/even tint ===== */
html body .woocommerce-cart-form .shop_table tr,
html body .woocommerce-cart-form .shop_table tr td,
html body .woocommerce-cart-form .shop_table tr th,
html body .woocommerce-cart-form .shop_table tbody tr:nth-child(even),
html body .woocommerce-cart-form .shop_table tbody tr:nth-child(even) td,
html body .woocommerce-cart-form .shop_table tbody tr:nth-child(even) th,
html body .woocommerce-cart-form .shop_table tbody tr:hover td,
html body .woocommerce-cart-form .shop_table tbody tr:hover th,
html body .woocommerce-cart-form .shop_table tbody tr:nth-child(even):hover td,
html body .woocommerce-cart-form .shop_table tbody tr:nth-child(even):hover th {
background: #fff !important;
background-color: #fff !important;
}
/* Hide cart table header */
.woocommerce-cart-form .shop_table thead {
display: none !important;
}
/* Force white on shop_table_responsive even rows (higher specificity fix) */
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr td,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr th,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:nth-child(even),
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:nth-child(even) td,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:nth-child(even) th,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:hover td,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:hover th,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:nth-child(even):hover td,
html body .woocommerce-cart-form .shop_table.shop_table_responsive tbody tr:nth-child(even):hover th {
background: #fff !important;
background-color: #fff !important;
}
/* Hide free shipping notice on cart page */
.woocommerce-cart .woocommerce-message {
display: none !important;
}
/* ===== Account address edit: mirror checkout form CSS ===== */
.woocommerce-address-fields .form-row {
margin-bottom: 12px !important;
padding: 0 !important;
}
.woocommerce-address-fields .form-row label {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 4px !important;
display: block !important;
}
.woocommerce-address-fields .form-row label .required {
color: #111 !important;
}
.woocommerce-address-fields .form-row label .optional {
font-size: 11px !important;
color: #999 !important;
font-weight: 400 !important;
}
.woocommerce-address-fields .form-row .input-text,
.woocommerce-address-fields .form-row textarea,
.woocommerce-address-fields .form-row select {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
padding: 10px 12px !important;
font-size: 14px !important;
color: #333 !important;
background: #f9fafb !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-address-fields .form-row .input-text:focus,
.woocommerce-address-fields .form-row textarea:focus,
.woocommerce-address-fields .form-row select:focus {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 2px rgba(45,79,122,0.12) !important;
background: #fff !important;
outline: none !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
height: 42px !important;
background: #f9fafb !important;
transition: border-color 0.2s ease !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 42px !important;
padding-left: 12px !important;
font-size: 14px !important;
color: #333 !important;
}
.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px !important;
}
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 2px rgba(45,79,122,0.12) !important;
}
.woocommerce-address-fields .form-row-first,
.woocommerce-address-fields .form-row-last {
width: 48% !important;
display: inline-block !important;
vertical-align: top !important;
}
.woocommerce-address-fields .form-row-first {
margin-right: 2% !important;
}
.woocommerce-address-fields p > button[name="save_address"] {
background: linear-gradient(135deg, #e67e22, #d35400) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
margin-top: 8px !important;
}
/* Account address edit: empty label = orange, filled input = green */
.woocommerce-address-fields .form-row input.input-text.addr-empty {
border-color: #e67e22 !important;
background: rgba(230,126,34,.05) !important;
}
.woocommerce-address-fields .form-row input.input-text.addr-filled {
border-color: #27ae60 !important;
background: rgba(39,174,96,.05) !important;
}
.woocommerce-address-fields .form-row.addr-label-empty > label {
color: #e67e22 !important;
}
/* ===== Edit Account form: mirror checkout CSS ===== */
.woocommerce-EditAccountForm .form-row {
margin-bottom: 12px !important;
padding: 0 !important;
}
.woocommerce-EditAccountForm .form-row label {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 4px !important;
display: block !important;
}
.woocommerce-EditAccountForm .form-row label .required {
color: #111 !important;
}
.woocommerce-EditAccountForm .form-row .input-text {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
padding: 10px 12px !important;
font-size: 14px !important;
color: #333 !important;
background: #f9fafb !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce-EditAccountForm .form-row .input-text:focus {
border-color: #2d4f7a !important;
box-shadow: 0 0 0 2px rgba(45,79,122,0.12) !important;
background: #fff !important;
outline: none !important;
}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
width: 48% !important;
display: inline-block !important;
vertical-align: top !important;
}
.woocommerce-EditAccountForm .form-row-first { margin-right: 2% !important; }
.woocommerce-EditAccountForm fieldset {
border: 1px solid #dde2e8 !important;
border-radius: 6px !important;
padding: 16px !important;
margin: 16px 0 !important;
}
.woocommerce-EditAccountForm fieldset legend {
font-size: 13px !important;
font-weight: 600 !important;
color: #333 !important;
padding: 0 8px !important;
}
.woocommerce-EditAccountForm .password-input {
position: relative !important;
display: block !important;
}
.woocommerce-EditAccountForm .password-input .input-text {
padding-right: 44px !important;
}
.woocommerce-EditAccountForm button[name="save_account_details"] {
background: linear-gradient(135deg, #e67e22, #d35400) !important;
color: #fff !important;
border: none !important;
border-radius: 6px !important;
padding: 10px 24px !important;
font-size: 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
margin-top: 8px !important;
}
/* Filled=green, empty required=orange */
.woocommerce-EditAccountForm .form-row input.input-text.addr-empty {
border-color: #e67e22 !important;
background: rgba(230,126,34,.05) !important;
}
.woocommerce-EditAccountForm .form-row input.input-text.addr-filled {
border-color: #27ae60 !important;
background: rgba(39,174,96,.05) !important;
}
.woocommerce-EditAccountForm .form-row.addr-label-empty > label {
color: #e67e22 !important;
}
/* Password fields: never orange (optional) */
.woocommerce-EditAccountForm input[type="password"].addr-empty {
border-color: #dde2e8 !important;
background: #f9fafb !important;
}