/* ===== SCROLL FIX ===== */
html, body { scroll-behavior: auto !important; }
.site-main-header-wrap, .site-main-header-wrap.site-header-row-container, header.site-header, #masthead { background: #0a0a0a !important; background-color: #0a0a0a !important; }
body, html { background-color: #0a0a0a !important; color: #ffffff !important; font-family: 'IBM Plex Sans Arabic', sans-serif !important; }
.site-header a, .main-navigation a, .kadence-navigation a, nav a { color: #ffffff !important; }
.site-header a:hover, .main-navigation a:hover { color: #FF9500 !important; }
.site-footer, #colophon { background: #0a0a0a !important; border-top: 1px solid #1e1e1e !important; }
.site-footer a, #colophon a { color: #FF9500 !important; }
.site-main, #primary, .content-area { background-color: #0a0a0a !important; }
.woocommerce-page, .single-product, .woocommerce { background-color: #0a0a0a !important; }
.product_title, .entry-title { color: #ffffff !important; }
.woocommerce .price, .amount { color: #FF9500 !important; font-weight: 700 !important; }
.woocommerce-product-details__short-description, .woocommerce-Tabs-panel, .panel { background-color: #161616 !important; color: #ddd !important; border: 1px solid #2a2a2a !important; border-radius: 8px !important; }
.woocommerce-tabs ul.tabs li a { color: #aaa !important; background: #161616 !important; }
.woocommerce-tabs ul.tabs li.active a { color: #FF9500 !important; }
.single_add_to_cart_button, .woocommerce button.button, .woocommerce a.button, .woocommerce input[type="submit"] { background-color: #ffffff !important; color: #000 !important; border: none !important; font-weight: 700 !important; border-radius: 8px !important; }
.woocommerce form select, .woocommerce form input { background-color: #1e1e1e !important; color: #fff !important; border: 1px solid #2a2a2a !important; border-radius: 6px !important; }
.woocommerce ul.products li.product { background-color: #161616 !important; border: 1px solid #2a2a2a !important; border-radius: 12px !important; padding: 16px !important; }
.woocommerce ul.products li.product:hover { border-color: #FF9500 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff !important; }
.woocommerce ul.products li.product .price { color: #FF9500 !important; }
.woocommerce ul.products li.product .button { background: #FF9500 !important; color: #000 !important; }
.archive-title, .page-title { color: #fff !important; }
h1, h2, h3, h4, h5, h6 { color: #fff !important; font-family: 'IBM Plex Sans Arabic', sans-serif !important; }
a { color: #FF9500 !important; }
/* ========== SWD PRO OPTIMIZATION v2.0 ========== */
/* Global Performance + SEO + CTR Enhancements */
/* --- PERFORMANCE: GPU-accelerated smooth scrolling --- */
html { scroll-behavior: smooth; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* --- GLOBAL TYPOGRAPHY IMPROVEMENT --- */
body, .site-main, .entry-content, .woocommerce { font-family: "IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: 1.7 !important; }
h1, h2, h3, h4, h5, h6, .product_title, .woocommerce-loop-product__title { font-family: "IBM Plex Sans Arabic", sans-serif !important; font-weight: 700 !important; }
/* --- NAVBAR: Glassmorphism sticky header --- */
.site-header, .site-main-header-wrap { position: sticky !important; top: 0 !important; z-index: 999 !important; backdrop-filter: blur(20px) saturate(1.5) !important; -webkit-backdrop-filter: blur(20px) saturate(1.5) !important; background: rgba(10,10,15,0.88) !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; transition: background 0.3s ease, box-shadow 0.3s ease !important; }
.site-header.item-is-fixed { box-shadow: 0 4px 30px rgba(0,0,0,0.3) !important; }
/* --- CTA BUTTONS: High-CTR orange gradient --- */
.btn-main, .elementor-button, .button, .wp-element-button, .single_add_to_cart_button, .checkout-button, .wc-block-components-button { background: linear-gradient(135deg, #FF9500 0%, #E68600 100%) !important; color: #0a0a0a !important; border: none !important; border-radius: 50px !important; font-weight: 700 !important; font-size: 15px !important; padding: 14px 32px !important; transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s ease !important; box-shadow: 0 4px 20px rgba(255,149,0,0.35) !important; cursor: pointer !important; letter-spacing: 0.3px !important; }
.btn-main:hover, .elementor-button:hover, .button:hover, .wp-element-button:hover, .single_add_to_cart_button:hover, .checkout-button:hover { transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 10px 40px rgba(255,149,0,0.5), 0 0 0 4px rgba(255,149,0,0.12) !important; background: linear-gradient(135deg, #FFB340 0%, #FF9500 100%) !important; }
/* --- LINKS: Accent color on hover --- */
a { transition: color 0.2s ease !important; }
a:hover { color: #FF9500 !important; }
/* --- CARDS: Professional dark cards with borders --- */
.product, .product-inner, .woocommerce ul.products li.product { background: #14141d !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 16px !important; overflow: hidden !important; transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), border-color 0.3s, box-shadow 0.3s !important; }
.product:hover, .woocommerce ul.products li.product:hover { transform: translateY(-8px) !important; border-color: rgba(255,149,0,0.25) !important; box-shadow: 0 24px 64px rgba(0,0,0,0.4) !important; }
/* --- PRODUCT IMAGES: Clean rounded with hover zoom --- */
.product img, .woocommerce ul.products li.product img, .attachment-woocommerce_thumbnail { border-radius: 12px 12px 0 0 !important; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1) !important; }
.product:hover img, .woocommerce ul.products li.product:hover img { transform: scale(1.05) !important; }
/* --- PRODUCT TITLE & PRICE: Clean readable --- */
.woocommerce-loop-product__title, .woocommerce ul.products li.product .product-loop-title { font-size: 15px !important; font-weight: 600 !important; color: #F0F0F2 !important; padding: 12px 16px 4px !important; }
.woocommerce .price, .product .price { color: #FF9500 !important; font-weight: 700 !important; font-size: 17px !important; padding: 0 16px 16px !important; }
.woocommerce .price del { color: #6B7280 !important; font-size: 13px !important; opacity: 0.7 !important; }
.woocommerce .price ins { text-decoration: none !important; color: #FF9500 !important; }
/* --- SALE BADGE: Eye-catching --- */
.onsale, .woocommerce span.onsale { background: linear-gradient(135deg, #FF3B30, #FF6B35) !important; color: #fff !important; font-weight: 700 !important; font-size: 12px !important; border-radius: 8px !important; padding: 4px 12px !important; }
/* --- ADD TO CART LOOP BUTTON --- */
.product .add_to_cart_button, .product .product_type_variable { background: rgba(255,149,0,0.12) !important; color: #FF9500 !important; border: 1px solid rgba(255,149,0,0.3) !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; padding: 10px 20px !important; margin: 0 16px 16px !important; transition: all 0.2s ease !important; }
.product .add_to_cart_button:hover, .product .product_type_variable:hover { background: #FF9500 !important; color: #0a0a0a !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(255,149,0,0.3) !important; }
/* --- SINGLE PRODUCT PAGE: Professional layout --- */
.single-product .product .summary { padding: 32px !important; }
.single-product .product_title { font-size: 28px !important; font-weight: 700 !important; color: #F0F0F2 !important; margin-bottom: 12px !important; line-height: 1.3 !important; }
.single-product .woocommerce-product-details__short-description { font-size: 15px !important; color: #9CA3AF !important; line-height: 1.8 !important; margin-bottom: 24px !important; }
.single-product .price { font-size: 28px !important; color: #FF9500 !important; font-weight: 700 !important; margin-bottom: 20px !important; }
.single-product .single_add_to_cart_button { font-size: 17px !important; padding: 16px 48px !important; width: 100% !important; text-align: center !important; border-radius: 14px !important; }
.single-product .woocommerce-product-gallery img { border-radius: 16px !important; }
.single-product .woocommerce-tabs { background: #14141d !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 16px !important; padding: 24px !important; margin-top: 32px !important; }
.single-product .woocommerce-tabs ul.tabs li a { color: #9CA3AF !important; font-weight: 600 !important; }
.single-product .woocommerce-tabs ul.tabs li.active a { color: #FF9500 !important; border-bottom-color: #FF9500 !important; }
.woocommerce-tabs .panel { color: #9CA3AF !important; line-height: 1.8 !important; }
/* --- CATEGORY PAGES: Grid improvements --- */
.woocommerce ul.products { gap: 20px !important; }
.woocommerce ul.products li.product { margin-bottom: 0 !important; padding: 0 !important; }
.woocommerce .woocommerce-result-count { color: #9CA3AF !important; }
.woocommerce .woocommerce-ordering select { background: #14141d !important; color: #F0F0F2 !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 10px !important; padding: 10px 16px !important; font-family: "IBM Plex Sans Arabic", sans-serif !important; }
/* --- CATEGORY PAGE HEADER --- */
.woocommerce-products-header, .page-title, .archive-title { color: #F0F0F2 !important; font-size: 32px !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 8px !important; }
.term-description, .taxonomy-description { color: #9CA3AF !important; text-align: center !important; max-width: 600px !important; margin: 0 auto 40px !important; line-height: 1.8 !important; }
/* --- BREADCRUMBS: Clean subtle style --- */
.woocommerce-breadcrumb, .rank-math-breadcrumb, .kadence-breadcrumbs { font-size: 13px !important; color: #6B7280 !important; padding: 16px 0 !important; }
.woocommerce-breadcrumb a, .rank-math-breadcrumb a { color: #9CA3AF !important; transition: color 0.2s !important; }
.woocommerce-breadcrumb a:hover, .rank-math-breadcrumb a:hover { color: #FF9500 !important; }
/* --- PAGINATION: Modern style --- */
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background: #14141d !important; color: #9CA3AF !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 10px !important; padding: 10px 16px !important; font-weight: 600 !important; transition: all 0.2s !important; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: rgba(255,149,0,0.12) !important; color: #FF9500 !important; border-color: rgba(255,149,0,0.3) !important; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: #FF9500 !important; color: #0a0a0a !important; border-color: #FF9500 !important; }
/* --- FORMS: Inputs and selects --- */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], textarea, select, .input-text { background: #111118 !important; color: #F0F0F2 !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 12px !important; padding: 14px 18px !important; font-family: "IBM Plex Sans Arabic", sans-serif !important; font-size: 15px !important; transition: border-color 0.2s, box-shadow 0.2s !important; }
input:focus, textarea:focus, select:focus, .input-text:focus { border-color: rgba(255,149,0,0.4) !important; box-shadow: 0 0 0 3px rgba(255,149,0,0.1) !important; outline: none !important; }
/* --- QUANTITY INPUT: Clean style --- */
.quantity .qty { width: 80px !important; text-align: center !important; border-radius: 10px !important; }
/* --- STAR RATINGS --- */
.star-rating span::before, .star-rating::before { color: #FF9500 !important; }
/* --- CART & CHECKOUT: Professional --- */
.woocommerce-cart .cart_item { background: #14141d !important; border-radius: 12px !important; margin-bottom: 8px !important; }
.woocommerce table.shop_table { border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 16px !important; overflow: hidden !important; }
.woocommerce table.shop_table th { background: #111118 !important; color: #9CA3AF !important; font-weight: 600 !important; border-color: rgba(255,255,255,0.06) !important; }
.woocommerce table.shop_table td { border-color: rgba(255,255,255,0.06) !important; color: #F0F0F2 !important; }
.woocommerce .cart-collaterals .cart_totals { background: #14141d !important; border: 1px solid rgba(255,255,255,0.06) !important; border-radius: 16px !important; padding: 24px !important; }
/* --- FOOTER: Professional dark --- */
.site-footer { background: #0a0a0f !important; border-top: 1px solid rgba(255,255,255,0.06) !important; padding: 48px 0 24px !important; }
.site-footer .footer-widget-area { color: #9CA3AF !important; }
.site-footer a { color: #9CA3AF !important; }
.site-footer a:hover { color: #FF9500 !important; }
/* --- MOBILE RESPONSIVE FIXES --- */
@media (max-width: 768px) {
.woocommerce ul.products li.product { width: 48% !important; }
.single-product .product_title { font-size: 22px !important; }
.single-product .price { font-size: 22px !important; }
.single-product .single_add_to_cart_button { padding: 14px 24px !important; font-size: 15px !important; }
h1, .page-title { font-size: 24px !important; }
}
/* --- WOOCOMMERCE NOTICES: Clean alerts --- */
.woocommerce-message, .woocommerce-info { background: rgba(255,149,0,0.08) !important; border: 1px solid rgba(255,149,0,0.2) !important; color: #F0F0F2 !important; border-radius: 12px !important; border-top: none !important; }
.woocommerce-message::before, .woocommerce-info::before { color: #FF9500 !important; }
.woocommerce-error { background: rgba(255,59,48,0.08) !important; border: 1px solid rgba(255,59,48,0.2) !important; color: #F0F0F2 !important; border-radius: 12px !important; border-top: none !important; }
/* --- LOADING / SKELETON: Smooth shimmer --- */
.woocommerce .blockUI.blockOverlay { background: rgba(5,5,8,0.7) !important; }
/* --- SCROLL-BASED REVEAL ANIMATION --- */
@keyframes swd-fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.product, .elementor-widget { animation: swd-fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) both !important; }
/* --- FOCUS STATES: Accessibility --- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #FF9500 !important; outline-offset: 2px !important; }
/* --- REDUCED MOTION --- */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
/* ========== END SWD PRO OPTIMIZATION ========== */
/* ===== SWD FIXES v4.0 ===== */
/* -- Force all elementor widgets visible -- */
.elementor-widget { opacity: 1 !important; transform: none !important; }
/* -- Stronger section backgrounds -- */
.h3-sec { background: rgba(255,255,255,0.02); border-radius: 20px; margin-bottom: 24px; padding: 60px 24px; }
.h3-feat, .h3-why-num, .h3-why-item, .h3-trust-card, .h3-test, .h3-faq-item {
background: rgba(255,255,255,0.05) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
}
.h3-feat:hover, .h3-why-num:hover, .h3-test:hover {
background: rgba(255,149,0,0.06) !important;
border-color: rgba(255,149,0,0.3) !important;
}
/* -- Header Fix -- */
#masthead, header.site-header, .site-header {
background: #0a0a0a !important;
border-bottom: 1px solid rgba(255,149,0,0.15) !important;
position: sticky;
top: 0;
z-index: 999;
}
#masthead *, header.site-header *, .site-header * {
color: #fff !important;
}
.header-navigation a, .site-header .navigation a, .main-navigation a {
color: rgba(255,255,255,0.85) !important;
font-weight: 500;
transition: color 0.3s;
}
.header-navigation a:hover, .site-header .navigation a:hover, .main-navigation a:hover {
color: #FF9500 !important;
}
.site-branding .site-title a, .site-branding .custom-logo-link {
color: #FF9500 !important;
font-weight: 800;
}
.header-cart-wrap .header-cart-button, .header-account-wrap a, .header-mobile-icon {
color: #fff !important;
}
/* -- Footer Fix -- */
footer.site-footer, .site-footer, #colophon {
background: #08080e !important;
border-top: 1px solid rgba(255,149,0,0.12) !important;
padding: 40px 0 20px !important;
display: block !important;
visibility: visible !important;
}
footer.site-footer *, .site-footer *, #colophon * {
color: rgba(255,255,255,0.5) !important;
}
footer.site-footer a, .site-footer a, #colophon a {
color: #FF9500 !important;
}
.site-below-footer-wrap, .site-footer-wrap {
background: #08080e !important;
display: block !important;
visibility: visible !important;
}
/* -- Better card hover shadows -- */
.h3-feat:hover, .h3-test:hover, .h3-trust-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(255,149,0,0.12);
}
/* -- Mobile fixes -- */
@media (max-width: 768px) {
.h3-sec { padding: 40px 16px; margin-bottom: 16px; }
#masthead, header.site-header { position: relative; }
}
/* ===== PLATFORM GRID ===== */
.h3-plat-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
padding: 20px 0 50px !important;
}
.h3-pcard {
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08);
transition: transform 0.4s, box-shadow 0.4s;
aspect-ratio: 1/1;
}
.h3-pcard img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
}
.h3-pcard:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(255,149,0,0.2);
}
.h3-pcard-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 14px;
background: linear-gradient(transparent, rgba(0,0,0,0.8));
color: #fff;
font-size: 13px;
font-weight: 600;
text-align: center;
opacity: 0;
transition: 0.3s;
}
.h3-pcard:hover .h3-pcard-info { opacity: 1; }
@media (max-width: 768px) {
.h3-plat-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}
/* ===== SWD HOMEPAGE SECTIONS v3.0 ===== */
.swd3 { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
/* Hero */
.h3-hero { text-align: center; padding: 60px 20px 40px; background: radial-gradient(ellipse at center, rgba(255,149,0,0.06) 0%, transparent 70%); }
.h3-badge { display: inline-block; padding: 8px 20px; border-radius: 50px; background: rgba(255,149,0,0.1); border: 1px solid rgba(255,149,0,0.25); color: #FF9500; font-size: 14px; margin-bottom: 20px; }
.h3-h1 { font-size: 42px; font-weight: 900; color: #fff; line-height: 1.3; margin-bottom: 16px; }
.h3-h1 .hl { color: #FF9500; }
.h3-sub { font-size: 17px; color: rgba(255,255,255,0.7); max-width: 700px; margin: 0 auto 30px; line-height: 1.8; }
.h3-btns { display: flex; gap: 16px; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 30px; }
.btn-main { display: inline-flex; align-items: center; gap: 8px; padding: 14px 32px; background: linear-gradient(135deg, #FF9500, #E68600); color: #fff !important; border-radius: 14px; font-weight: 700; font-size: 16px; text-decoration: none; box-shadow: 0 6px 20px rgba(255,149,0,0.35); transition: 0.3s; }
.btn-main:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255,149,0,0.45); }
.btn-sec { color: #FF9500 !important; font-weight: 600; text-decoration: none; font-size: 15px; }
.h3-stats { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; }
.h3-stat-n { display: block; font-size: 22px; font-weight: 800; color: #FF9500; }
.h3-stat-l { font-size: 13px; color: rgba(255,255,255,0.55); }
.h3-kw-nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding: 20px 0; margin-top: 10px; }
.h3-kw-btn { display: inline-block; padding: 6px 16px; border-radius: 20px; font-size: 12px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.5); text-decoration: none; }
/* Sections & Headers */
.h3-sec { padding: 60px 0; }
.h3-hd { text-align: center; margin-bottom: 48px; }
.h3-tag { display: inline-block; padding: 6px 18px; border-radius: 50px; background: rgba(255,149,0,0.1); border: 1px solid rgba(255,149,0,0.2); color: #FF9500; font-size: 13px; margin-bottom: 14px; }
.h3-hd h2 { font-size: 32px; font-weight: 800; color: #fff; margin: 0 0 12px; }
.h3-hd p { font-size: 15px; color: rgba(255,255,255,0.6); max-width: 600px; margin: 0 auto; }
/* Features Grid */
.h3-feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.h3-feat { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 28px 24px; transition: 0.4s; }
.h3-feat:hover { border-color: rgba(255,149,0,0.3); background: rgba(255,149,0,0.05); transform: translateY(-4px); }
.h3-feat-ico { font-size: 28px; margin-bottom: 14px; display: block; }
.h3-feat-body h3 { font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 8px; }
.h3-feat-body p { font-size: 14px; color: rgba(255,255,255,0.55); margin: 0; line-height: 1.6; }
/* Why Section */
.h3-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.h3-why-nums { display: flex; flex-direction: column; gap: 20px; }
.h3-why-num { display: flex; align-items: center; gap: 16px; padding: 18px 24px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); border-radius: 14px; }
.h3-why-num strong { font-size: 28px; color: #FF9500; min-width: 60px; }
.h3-why-list { display: flex; flex-direction: column; gap: 14px; }
.h3-why-item { display: flex; align-items: flex-start; gap: 12px; padding: 16px 20px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; }
.h3-why-chk { color: #FF9500; font-size: 18px; flex-shrink: 0; }
.h3-why-txt h4 { font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 4px; }
.h3-why-txt p { font-size: 13px; color: rgba(255,255,255,0.5); margin: 0; }
/* Trust Section */
.h3-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
.h3-trust-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 24px 16px; text-align: center; transition: 0.3s; }
.h3-trust-card:hover { border-color: rgba(255,149,0,0.3); transform: translateY(-3px); }
.h3-trust-card .emoji { font-size: 32px; display: block; margin-bottom: 10px; }
.h3-trust-card strong { display: block; font-size: 24px; color: #FF9500; margin-bottom: 4px; }
.h3-trust-card span { font-size: 13px; color: rgba(255,255,255,0.55); }
/* Testimonials */
.h3-test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.h3-test { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 28px 24px; }
.h3-stars { color: #FF9500; font-size: 16px; margin-bottom: 12px; }
.h3-test p { font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.7; margin: 0 0 16px; }
.h3-test-author { display: flex; align-items: center; gap: 12px; }
.h3-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #FF9500, #E68600); display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; }
.h3-author-info span:first-child { display: block; font-size: 14px; font-weight: 600; color: #fff; }
.h3-author-info span:last-child { font-size: 12px; color: rgba(255,255,255,0.4); }
/* FAQ */
.h3-faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 800px; margin: 0 auto; }
.h3-faq-item { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; overflow: hidden; }
.h3-faq-q { padding: 18px 24px; font-size: 15px; font-weight: 600; color: #fff; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.h3-faq-q::after { content: '+'; color: #FF9500; font-size: 22px; }
.h3-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.h3-faq-a-inner { padding: 0 24px 18px; font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.7; }
.h3-faq-item.active .h3-faq-q::after { content: '−'; }
.h3-faq-item.active .h3-faq-a { max-height: 300px; }
/* SEO Section */
.h3-seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.h3-seo-txt h3 { font-size: 22px; font-weight: 700; color: #fff; margin: 0 0 12px; }
.h3-seo-txt p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.8; margin: 0 0 16px; }
.h3-seo-txt a { color: #FF9500; text-decoration: none; font-weight: 600; }
/* Mobile Responsive */
@media (max-width: 768px) {
.h3-hero { padding: 40px 16px 30px; }
.h3-h1 { font-size: 28px; }
.h3-feat-grid { grid-template-columns: 1fr; }
.h3-trust-grid { grid-template-columns: repeat(2, 1fr); }
.h3-test-grid { grid-template-columns: 1fr; }
.h3-why-grid { grid-template-columns: 1fr; }
.h3-seo-grid { grid-template-columns: 1fr; }
.swd3 { padding: 0 16px; }
}
/* ===== SWD PRO REDESIGN v5.0 ===== */
/* Category + Product + Footer + Mobile */
/* ===================== */
/* CATEGORY PAGE - DARK CARDS */
/* ===================== */
/* Archive/Category page background */
.woocommerce-page .site-main,
.tax-product_cat .site-main,
.post-type-archive-product .site-main {
background: #0a0a0a !important;
}
/* Category header */
.woocommerce-products-header {
text-align: center !important;
padding: 40px 20px 20px !important;
}
.woocommerce-products-header__title {
color: #FF9500 !important;
font-size: 28px !important;
font-weight: 700 !important;
margin-bottom: 12px !important;
}
.term-description, .term-description p {
color: rgba(255,255,255,0.6) !important;
font-size: 15px !important;
line-height: 1.6 !important;
max-width: 700px !important;
margin: 0 auto !important;
}
/* Product count and sorting */
.woocommerce-result-count {
color: rgba(255,255,255,0.5) !important;
}
.woocommerce-ordering select {
background: rgba(255,255,255,0.08) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 10px !important;
padding: 8px 16px !important;
}
/* Grid/List toggle */
.product-toggle-wrap .product-toggle {
color: rgba(255,255,255,0.5) !important;
}
.product-toggle-wrap .product-toggle.active {
color: #FF9500 !important;
}
/* === Product Cards - Dark Theme === */
ul.products li.product,
.woocommerce ul.products li.product,
.wc-block-grid__product {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
overflow: hidden !important;
transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
padding: 0 !important;
}
ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
border-color: rgba(255,149,0,0.4) !important;
background: rgba(255,149,0,0.06) !important;
transform: translateY(-6px) !important;
box-shadow: 0 12px 40px rgba(255,149,0,0.12) !important;
}
/* Card image container */
ul.products li.product .product-loop-image-wrap,
ul.products li.product .attachment-woocommerce_thumbnail,
ul.products li.product img {
border-radius: 16px 16px 0 0 !important;
width: 100% !important;
display: block !important;
}
/* Card content area */
ul.products li.product .product-details,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
background: transparent !important;
padding: 16px !important;
}
/* Product title in card */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
margin: 0 0 8px !important;
padding: 12px 16px 0 !important;
background: transparent !important;
}
/* Product price in card */
ul.products li.product .price,
ul.products li.product .price .amount {
color: #FF9500 !important;
font-size: 18px !important;
font-weight: 700 !important;
padding: 0 16px 16px !important;
background: transparent !important;
}
/* Add to cart button in grid */
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
background: linear-gradient(135deg, #FF9500, #FF6B00) !important;
color: #000 !important;
font-weight: 700 !important;
border: none !important;
border-radius: 0 0 16px 16px !important;
padding: 12px !important;
width: 100% !important;
text-align: center !important;
transition: all 0.2s !important;
display: block !important;
margin: 0 !important;
}
ul.products li.product .button:hover {
background: linear-gradient(135deg, #FFa520, #FF8500) !important;
}
/* ===================== */
/* SINGLE PRODUCT PAGE */
/* ===================== */
/* Product page background */
.single-product .site-main,
.single-product .content-area {
background: #0a0a0a !important;
}
.single-product .entry.content-bg {
background: transparent !important;
box-shadow: none !important;
}
/* Breadcrumbs */
.single-product .kadence-breadcrumbs,
.single-product .woocommerce-breadcrumb {
padding: 12px 0 !important;
}
.single-product .kadence-breadcrumbs a,
.single-product .woocommerce-breadcrumb a {
color: #FF9500 !important;
}
.single-product .kadence-breadcrumbs span,
.single-product .woocommerce-breadcrumb {
color: rgba(255,255,255,0.5) !important;
}
/* Product title */
.single-product .product_title {
color: #fff !important;
font-size: 26px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
margin-bottom: 16px !important;
}
/* Social proof badge */
.ptb-orders-badge {
background: rgba(255,149,0,0.1) !important;
border: 1px solid rgba(255,149,0,0.3) !important;
border-radius: 12px !important;
padding: 10px 20px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 20px !important;
}
.ptb-orders-badge span {
color: #FF9500 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
/* Features box */
.swd-features-box,
.product-features-box,
.entry-summary .elementor-widget-container > div:has(.feature-item),
.summary .features-list,
.summary > div:nth-child(n) {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
padding: 20px !important;
margin-bottom: 20px !important;
}
/* Price styling */
.single-product .price,
.single-product .price .amount,
.single-product p.price {
color: #FF9500 !important;
font-size: 32px !important;
font-weight: 800 !important;
margin: 20px 0 !important;
}
/* Short description */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
color: rgba(255,255,255,0.7) !important;
font-size: 15px !important;
line-height: 1.6 !important;
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 12px !important;
padding: 16px !important;
margin-bottom: 20px !important;
}
.single-product .woocommerce-product-details__short-description a {
color: #FF9500 !important;
}
/* Variation select / form */
.single-product .variations {
width: 100% !important;
}
.single-product .variations td,
.single-product .variations th {
padding: 8px 0 !important;
}
.single-product .variations label {
color: #fff !important;
font-weight: 600 !important;
font-size: 16px !important;
}
.single-product .variations select,
.single-product select,
.single-product .wcpa_form_item select {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.15) !important;
border-radius: 12px !important;
padding: 14px 16px !important;
font-size: 16px !important;
width: 100% !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
transition: border-color 0.2s !important;
}
.single-product .variations select:focus,
.single-product select:focus {
border-color: #FF9500 !important;
outline: none !important;
}
/* WCPA form options */
.single-product .wcpa_form_item {
margin-bottom: 16px !important;
}
.single-product .wcpa_form_item label {
color: #fff !important;
font-weight: 600 !important;
font-size: 16px !important;
margin-bottom: 8px !important;
display: block !important;
}
/* Quantity input */
.single-product .quantity input[type="number"] {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.15) !important;
border-radius: 12px !important;
padding: 12px !important;
font-size: 18px !important;
text-align: center !important;
width: 80px !important;
}
/* ADD TO CART BUTTON - Prominent */
.single-product .single_add_to_cart_button,
.single-product button[type="submit"].single_add_to_cart_button {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-size: 18px !important;
font-weight: 800 !important;
padding: 16px 40px !important;
border: none !important;
border-radius: 14px !important;
width: 100% !important;
min-height: 56px !important;
cursor: pointer !important;
transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
text-transform: none !important;
letter-spacing: 0 !important;
box-shadow: 0 4px 15px rgba(255,149,0,0.3) !important;
}
.single-product .single_add_to_cart_button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(255,149,0,0.4) !important;
background: linear-gradient(135deg, #FFa520 0%, #FF8500 100%) !important;
}
/* Product image gallery */
.single-product .woocommerce-product-gallery {
border-radius: 20px !important;
overflow: hidden !important;
}
.single-product .woocommerce-product-gallery img {
border-radius: 20px !important;
}
/* Product tabs */
.single-product .woocommerce-tabs {
margin-top: 40px !important;
}
.single-product .woocommerce-tabs ul.tabs {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 0 24px !important;
}
.single-product .woocommerce-tabs ul.tabs li {
background: rgba(255,255,255,0.06) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 10px !important;
margin-left: 8px !important;
padding: 0 !important;
}
.single-product .woocommerce-tabs ul.tabs li a {
color: rgba(255,255,255,0.7) !important;
padding: 10px 20px !important;
font-weight: 600 !important;
}
.single-product .woocommerce-tabs ul.tabs li.active {
background: rgba(255,149,0,0.15) !important;
border-color: rgba(255,149,0,0.3) !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
color: #FF9500 !important;
}
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
color: rgba(255,255,255,0.7) !important;
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
padding: 24px !important;
}
.single-product .woocommerce-tabs .panel h2 {
color: #fff !important;
}
/* Related products */
.single-product .related.products > h2,
.single-product .up-sells > h2 {
color: #fff !important;
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 24px !important;
text-align: center !important;
}
/* ===================== */
/* PROFESSIONAL FOOTER */
/* ===================== */
footer.site-footer, .site-footer, #colophon {
background: #060610 !important;
border-top: 1px solid rgba(255,149,0,0.15) !important;
padding: 0 !important;
display: block !important;
visibility: visible !important;
position: relative !important;
}
/* Footer top section */
.site-top-footer-wrap {
background: transparent !important;
padding: 48px 24px 32px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
/* Footer widgets */
.footer-widget-area {
color: rgba(255,255,255,0.6) !important;
}
.footer-widget-area .widget-title,
.site-footer .widget-title {
color: #FF9500 !important;
font-size: 16px !important;
font-weight: 700 !important;
margin-bottom: 16px !important;
letter-spacing: 0.5px !important;
}
.footer-widget-area a,
.site-footer a {
color: rgba(255,255,255,0.6) !important;
transition: color 0.2s !important;
text-decoration: none !important;
}
.footer-widget-area a:hover,
.site-footer a:hover {
color: #FF9500 !important;
}
.footer-widget-area .widget ul li {
padding: 6px 0 !important;
border: none !important;
}
/* Footer middle/bottom bar */
.site-middle-footer-wrap,
.site-bottom-footer-wrap,
.site-footer-wrap {
background: transparent !important;
}
.site-bottom-footer-wrap {
border-top: 1px solid rgba(255,255,255,0.06) !important;
padding: 20px 24px !important;
}
.site-below-footer-wrap {
background: #060610 !important;
}
/* Copyright text */
.site-footer .footer-html,
.site-footer .site-credits,
.site-footer p,
.site-footer span {
color: rgba(255,255,255,0.35) !important;
font-size: 13px !important;
}
.site-footer .footer-html a {
color: #FF9500 !important;
}
/* Footer social icons */
.site-footer .social-button,
.footer-social-wrap a {
color: rgba(255,255,255,0.5) !important;
transition: color 0.2s !important;
}
.site-footer .social-button:hover,
.footer-social-wrap a:hover {
color: #FF9500 !important;
}
/* ===================== */
/* HOMEPAGE FIXES */
/* ===================== */
/* Keyword links section - make it look like tags */
.h3-hero + div,
.elementor-widget-text-editor:has(a[href*="product"]) {
padding: 16px 20px !important;
}
/* Hero badge refinement */
.h3-badge {
background: rgba(255,149,0,0.12) !important;
border: 1px solid rgba(255,149,0,0.3) !important;
color: #FF9500 !important;
font-size: 13px !important;
font-weight: 600 !important;
padding: 8px 20px !important;
border-radius: 50px !important;
display: inline-block !important;
}
/* Hero buttons - better styling */
.h3-btn-primary {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-weight: 700 !important;
font-size: 16px !important;
padding: 14px 32px !important;
border-radius: 14px !important;
border: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
box-shadow: 0 4px 15px rgba(255,149,0,0.25) !important;
text-decoration: none !important;
min-height: 48px !important;
}
.h3-btn-primary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(255,149,0,0.35) !important;
}
.h3-btn-secondary {
background: transparent !important;
color: rgba(255,255,255,0.8) !important;
font-weight: 600 !important;
font-size: 15px !important;
padding: 14px 24px !important;
border: 1px solid rgba(255,255,255,0.2) !important;
border-radius: 14px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: all 0.3s !important;
text-decoration: none !important;
min-height: 48px !important;
}
.h3-btn-secondary:hover {
border-color: rgba(255,149,0,0.4) !important;
color: #FF9500 !important;
background: rgba(255,149,0,0.06) !important;
}
/* Stats section */
.h3-stat-num {
color: #FF9500 !important;
font-size: 28px !important;
font-weight: 800 !important;
}
.h3-stat-label {
color: rgba(255,255,255,0.5) !important;
font-size: 13px !important;
}
/* Platform grid cards */
.h3-plat-card {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
overflow: hidden !important;
transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
}
.h3-plat-card:hover {
border-color: rgba(255,149,0,0.3) !important;
transform: translateY(-4px) !important;
box-shadow: 0 8px 30px rgba(255,149,0,0.1) !important;
}
.h3-plat-card img {
border-radius: 16px !important;
transition: transform 0.3s !important;
}
.h3-plat-card:hover img {
transform: scale(1.05) !important;
}
/* Feature cards */
.h3-feat {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
padding: 28px 24px !important;
transition: all 0.3s !important;
}
.h3-feat:hover {
background: rgba(255,149,0,0.06) !important;
border-color: rgba(255,149,0,0.25) !important;
transform: translateY(-4px) !important;
}
/* Section titles */
.h3-sec-title {
color: #fff !important;
font-size: 28px !important;
font-weight: 700 !important;
}
.h3-sec-subtitle {
color: rgba(255,255,255,0.5) !important;
font-size: 15px !important;
}
.h3-sec-badge {
background: rgba(255,149,0,0.1) !important;
border: 1px solid rgba(255,149,0,0.25) !important;
color: #FF9500 !important;
font-size: 13px !important;
font-weight: 600 !important;
padding: 6px 16px !important;
border-radius: 50px !important;
display: inline-block !important;
margin-bottom: 16px !important;
}
/* Trust/Why cards */
.h3-why-num, .h3-trust-card {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
padding: 24px !important;
transition: all 0.3s !important;
}
/* Testimonial cards */
.h3-test {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
padding: 24px !important;
transition: all 0.3s !important;
}
.h3-test:hover {
border-color: rgba(255,149,0,0.25) !important;
}
/* FAQ items */
.h3-faq-item {
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 14px !important;
margin-bottom: 12px !important;
overflow: hidden !important;
transition: all 0.2s !important;
}
.h3-faq-item:hover {
border-color: rgba(255,149,0,0.2) !important;
}
.h3-faq-q {
color: #fff !important;
font-weight: 600 !important;
padding: 18px 24px !important;
cursor: pointer !important;
}
.h3-faq-a {
color: rgba(255,255,255,0.6) !important;
padding: 0 24px 18px !important;
line-height: 1.6 !important;
}
/* CTA section */
.h3-cta-section {
background: linear-gradient(135deg, rgba(255,149,0,0.1) 0%, rgba(255,107,0,0.05) 100%) !important;
border: 1px solid rgba(255,149,0,0.2) !important;
border-radius: 24px !important;
padding: 48px 32px !important;
text-align: center !important;
}
/* Live visitor counter */
.starter-starter-starter,
div[class*="visitor"],
.live-visitors {
background: rgba(0,0,0,0.8) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 12px !important;
backdrop-filter: blur(10px) !important;
}
/* ===================== */
/* MOBILE RESPONSIVE */
/* ===================== */
@media (max-width: 768px) {
/* Header mobile fix */
#masthead, header.site-header {
position: relative !important;
}
/* Category grid - 2 columns on mobile */
.woocommerce ul.products[class*="columns-"],
ul.products {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
padding: 0 12px !important;
}
ul.products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
font-size: 13px !important;
padding: 10px 12px 0 !important;
}
ul.products li.product .price {
font-size: 15px !important;
padding: 4px 12px 12px !important;
}
/* Single product mobile */
.single-product .product .summary,
.single-product .product .entry-summary {
width: 100% !important;
float: none !important;
padding: 0 16px !important;
}
.single-product .woocommerce-product-gallery {
width: 100% !important;
float: none !important;
margin-bottom: 20px !important;
}
.single-product .product_title {
font-size: 22px !important;
}
.single-product .price,
.single-product .price .amount {
font-size: 26px !important;
}
/* Homepage mobile */
.h3-hero {
padding: 24px 16px 32px !important;
}
.h3-hero h1 {
font-size: 26px !important;
line-height: 1.3 !important;
}
.h3-hero p {
font-size: 14px !important;
}
.h3-plat-grid {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
padding: 0 16px !important;
}
.h3-feat-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.h3-why-grid {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
.h3-test-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.h3-sec {
padding: 32px 16px !important;
margin-bottom: 8px !important;
}
.h3-sec-title {
font-size: 22px !important;
}
.h3-btn-primary, .h3-btn-secondary {
width: 100% !important;
justify-content: center !important;
padding: 14px 20px !important;
}
/* Footer mobile */
.site-top-footer-wrap {
padding: 32px 16px 24px !important;
}
.site-top-footer-wrap .site-footer-row-container-inner {
flex-direction: column !important;
}
.footer-widget-area {
margin-bottom: 24px !important;
text-align: center !important;
}
.site-bottom-footer-wrap {
text-align: center !important;
padding: 16px !important;
}
}
@media (max-width: 480px) {
/* Very small screens - single column products */
.woocommerce ul.products[class*="columns-"],
ul.products {
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
padding: 0 8px !important;
}
.h3-plat-grid {
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
.h3-why-grid {
grid-template-columns: 1fr !important;
}
}
/* ===================== */
/* GLOBAL DARK THEME FIXES */
/* ===================== */
/* Ensure all WooCommerce elements respect dark theme */
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
background: rgba(255,149,0,0.1) !important;
border-color: rgba(255,149,0,0.3) !important;
color: #fff !important;
}
.woocommerce .woocommerce-error {
background: rgba(220,38,38,0.1) !important;
border-color: rgba(220,38,38,0.3) !important;
color: #fff !important;
}
/* Select dropdown arrows */
.single-product select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FF9500' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left 16px center !important;
padding-left: 40px !important;
}
/* Pagination */
.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
text-align: center !important;
margin: 32px 0 !important;
}
.woocommerce-pagination ul {
display: flex !important;
justify-content: center !important;
gap: 8px !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
background: rgba(255,255,255,0.06) !important;
color: rgba(255,255,255,0.7) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 10px !important;
padding: 8px 14px !important;
min-width: 40px !important;
text-align: center !important;
transition: all 0.2s !important;
}
.woocommerce-pagination ul li a:hover {
border-color: rgba(255,149,0,0.4) !important;
color: #FF9500 !important;
}
.woocommerce-pagination ul li span.current {
background: rgba(255,149,0,0.15) !important;
border-color: rgba(255,149,0,0.3) !important;
color: #FF9500 !important;
font-weight: 700 !important;
}
/* Star ratings */
.star-rating span::before {
color: #FF9500 !important;
}
/* WooCommerce notices */
.woocommerce-notices-wrapper .woocommerce-message {
background: rgba(255,149,0,0.1) !important;
border-right: 3px solid #FF9500 !important;
color: #fff !important;
border-radius: 12px !important;
padding: 16px !important;
}
/* Cart widget */
.widget_shopping_cart {
background: #111 !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
}
/* Global text improvements */
.site-main p, .site-main li, .site-main span,
.entry-content p, .entry-content li {
color: rgba(255,255,255,0.7) !important;
}
.site-main h1, .site-main h2, .site-main h3, .site-main h4,
.entry-content h1, .entry-content h2, .entry-content h3 {
color: #fff !important;
}
.site-main a {
color: #FF9500 !important;
}
/* Smooth transitions globally */
*, *::before, *::after {
transition-timing-function: cubic-bezier(0.16,1,0.3,1) !important;
}
/* Remove reduced-motion override that was breaking things */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
/* ===================== */
/* PRODUCT PAGE FIXES v2 */
/* ===================== */
/* PTB Trust/Features Box - Dark theme */
.ptb-trust-wrapper,
.ptb-trust-bar {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
padding: 20px !important;
color: #fff !important;
}
.ptb-trust-header {
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
padding-bottom: 12px !important;
margin-bottom: 12px !important;
}
.ptb-trust-title {
color: #fff !important;
font-weight: 700 !important;
}
.ptb-trust-dot {
background: #FF9500 !important;
}
.ptb-trust-badge {
background: rgba(255,149,0,0.1) !important;
border: 1px solid rgba(255,149,0,0.25) !important;
color: #FF9500 !important;
border-radius: 50px !important;
padding: 4px 12px !important;
font-size: 12px !important;
}
.ptb-trust-badge-dot {
background: #4CAF50 !important;
}
.ptb-trust-items {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.ptb-trust-item {
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 0 !important;
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
color: rgba(255,255,255,0.8) !important;
}
.ptb-trust-item:last-child {
border-bottom: none !important;
}
.ptb-trust-text {
color: rgba(255,255,255,0.8) !important;
font-size: 14px !important;
}
.ptb-icon-wrap {
background: rgba(255,255,255,0.08) !important;
border-radius: 10px !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ptb-icon-wrap svg {
width: 20px !important;
height: 20px !important;
}
/* PTB Orders badge */
.ptb-orders-badge {
background: rgba(255,149,0,0.08) !important;
border: 1px solid rgba(255,149,0,0.2) !important;
border-radius: 12px !important;
padding: 12px 20px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 16px !important;
}
.ptb-orders-badge .ptb-orders-count,
.ptb-orders-badge span {
color: #FF9500 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
/* Add to cart - MAXIMUM specificity */
body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button,
.woocommerce body.single-product button.single_add_to_cart_button,
body .single_add_to_cart_button {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-size: 18px !important;
font-weight: 800 !important;
padding: 16px 40px !important;
border: none !important;
border-radius: 14px !important;
width: 100% !important;
min-height: 56px !important;
cursor: pointer !important;
box-shadow: 0 4px 15px rgba(255,149,0,0.3) !important;
text-align: center !important;
display: block !important;
margin-top: 16px !important;
}
body.single-product .single_add_to_cart_button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(255,149,0,0.4) !important;
}
/* WCPA form items - dark themed */
.wcpa_form_item,
.wcpa_form_outer {
margin-bottom: 12px !important;
}
.wcpa_form_item label,
.wcpa_form_item .wcpa_label {
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
margin-bottom: 8px !important;
display: block !important;
}
.wcpa_form_item select,
.wcpa_form_item input[type="text"],
.wcpa_form_item input[type="number"],
.wcpa_form_item input[type="url"],
.wcpa_form_item textarea {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.12) !important;
border-radius: 12px !important;
padding: 14px 16px !important;
font-size: 16px !important;
width: 100% !important;
transition: border-color 0.2s !important;
}
.wcpa_form_item select:focus,
.wcpa_form_item input:focus,
.wcpa_form_item textarea:focus {
border-color: #FF9500 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(255,149,0,0.1) !important;
}
.wcpa_form_item .wcpa_desc,
.wcpa_form_item .description {
color: rgba(255,255,255,0.4) !important;
font-size: 13px !important;
margin-top: 4px !important;
}
/* Product entry wrapper - no white bg */
.single-product .entry.content-bg,
.single-product .content-bg,
.single-product .entry-content-wrap {
background: transparent !important;
box-shadow: none !important;
border: none !important;
}
/* Product image zoom icon */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background: rgba(0,0,0,0.6) !important;
color: #fff !important;
border-radius: 50% !important;
}
/* Short description links */
.woocommerce-product-details__short-description a {
color: #FF9500 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
/* Product gallery on product page */
.single-product .woocommerce-product-gallery {
border-radius: 20px !important;
overflow: hidden !important;
border: 1px solid rgba(255,255,255,0.08) !important;
}
/* Quantity wrapper */
.single-product .quantity {
display: inline-flex !important;
align-items: center !important;
background: rgba(255,255,255,0.06) !important;
border: 2px solid rgba(255,255,255,0.12) !important;
border-radius: 12px !important;
overflow: hidden !important;
}
.single-product .quantity .qty {
background: transparent !important;
border: none !important;
color: #fff !important;
width: 60px !important;
text-align: center !important;
font-size: 16px !important;
padding: 10px !important;
}
/* ===================== */
/* PROFESSIONAL FOOTER v2 */
/* ===================== */
/* Footer main container */
footer.site-footer {
background: #060610 !important;
border-top: 1px solid rgba(255,149,0,0.12) !important;
}
/* Top footer row - the 3-column area */
.site-top-footer-wrap {
padding: 48px 0 32px !important;
display: none !important;
}
/* Middle footer - navigation area */
.site-middle-footer-wrap {
padding: 40px 0 20px !important;
background: transparent !important;
}
/* Footer Navigation - make it beautiful */
.footer-navigation {
text-align: center !important;
}
.footer-navigation .menu {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.footer-navigation .menu li {
padding: 0 !important;
margin: 0 !important;
}
.footer-navigation .menu li a {
color: rgba(255,255,255,0.55) !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 8px 16px !important;
border-radius: 8px !important;
transition: all 0.2s !important;
text-decoration: none !important;
display: block !important;
}
.footer-navigation .menu li a:hover {
color: #FF9500 !important;
background: rgba(255,149,0,0.06) !important;
}
/* Add SWD branding above nav using CSS */
.footer-navigation::before {
content: "SWD" !important;
display: block !important;
font-size: 36px !important;
font-weight: 900 !important;
color: #FF9500 !important;
text-align: center !important;
margin-bottom: 8px !important;
letter-spacing: 4px !important;
}
.footer-navigation::after {
display: block !important;
font-size: 14px !important;
color: rgba(255,255,255,0.35) !important;
text-align: center !important;
margin-top: -4px !important;
margin-bottom: 28px !important;
font-weight: 400 !important;
}
/* Bottom footer - copyright area */
.site-bottom-footer-wrap {
border-top: 1px solid rgba(255,255,255,0.06) !important;
padding: 20px 0 !important;
background: transparent !important;
}
/* Copyright text */
.footer-html-inner p {
color: rgba(255,255,255,0.3) !important;
font-size: 13px !important;
text-align: center !important;
margin: 0 !important;
}
/* Add payment/trust badges after copyright */
.footer-html-inner::after {
content: "Visa | Mastercard · Apple Pay · Google Pay · STC Pay" !important;
display: block !important;
font-size: 12px !important;
color: rgba(255,255,255,0.2) !important;
text-align: center !important;
margin-top: 12px !important;
letter-spacing: 1px !important;
}
/* Footer mobile */
@media (max-width: 768px) {
.footer-navigation .menu {
gap: 4px !important;
}
.footer-navigation .menu li a {
font-size: 13px !important;
padding: 6px 12px !important;
}
.footer-navigation::before {
font-size: 28px !important;
}
.footer-navigation::after {
font-size: 12px !important;
padding: 0 20px !important;
}
}
/* ===================== */
/* HOMEPAGE - KEYWORD LINKS FIX */
/* ===================== */
/* The keyword links section - style as tags/chips */
.h3-hero ~ .elementor-section .elementor-widget-text-editor a,
.elementor-element a[href*="product-category"],
.elementor-widget-text-editor a[href*="product"] {
display: inline-block !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
color: rgba(255,255,255,0.5) !important;
padding: 6px 14px !important;
border-radius: 8px !important;
font-size: 13px !important;
margin: 3px !important;
transition: all 0.2s !important;
text-decoration: none !important;
}
.elementor-widget-text-editor a[href*="product"]:hover {
border-color: rgba(255,149,0,0.3) !important;
color: #FF9500 !important;
background: rgba(255,149,0,0.06) !important;
}
/* === MOBILE FIX v2: Category columns, testimonials, repetition === */
@media (max-width: 768px) {
/* Category page: clean 2 columns on mobile */
.woocommerce ul.products[class*="columns-"],
ul.products,
.woocommerce ul.products {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
padding: 0 8px !important;
}
.woocommerce ul.products li.product {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
/* Compact card text for 2-col mobile */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
font-size: 12px !important;
line-height: 1.3 !important;
padding: 6px 8px 2px !important;
min-height: auto !important;
}
ul.products li.product .price,
ul.products li.product .price .amount {
font-size: 15px !important;
padding: 0 8px 6px !important;
}
ul.products li.product .button,
ul.products li.product .add_to_cart_button {
font-size: 12px !important;
padding: 8px 4px !important;
}
ul.products li.product img {
border-radius: 12px 12px 0 0 !important;
}
ul.products li.product {
border-radius: 12px !important;
}
/* Hide repetitive "why" section on mobile - overlaps with features */
.h3-why-bg {
display: none !important;
}
/* Testimonials: single column on mobile */
.h3-test-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.h3-test {
width: 100% !important;
min-width: 0 !important;
}
/* Features grid: 1 column on mobile for readability */
.h3-feat-grid {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
/* Platform grid: 2 columns on mobile */
.h3-plat-grid {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
/* FAQ full width on mobile */
.h3-faq-list {
gap: 10px !important;
}
/* SEO text section full width */
.h3-seo-grid {
grid-template-columns: 1fr !important;
}
/* Footer nav wrap on mobile */
.footer-navigation .menu {
gap: 6px !important;
}
.footer-navigation .menu li a {
font-size: 12px !important;
padding: 6px 10px !important;
}
}
/* Tablet: 2 columns for category */
@media (min-width: 769px) and (max-width: 1024px) {
.woocommerce ul.products[class*="columns-"],
ul.products {
grid-template-columns: 1fr 1fr !important;
}
}
/* === CART / CHECKOUT / ACCOUNT PAGES: Dark Theme === */
/* Page title header - remove light bg */
.woocommerce-cart .entry-hero-container-inner,
.woocommerce-checkout .entry-hero-container-inner,
.woocommerce-account .entry-hero-container-inner,
.page .entry-hero-container-inner {
background: transparent !important;
}
/* Main content area - dark bg instead of white */
.woocommerce-cart .content-bg,
.woocommerce-checkout .content-bg,
.woocommerce-account .content-bg,
.page .content-bg {
background: #0a0a0a !important;
}
/* Cart table */
.woocommerce table.shop_table {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
overflow: hidden !important;
border-collapse: separate !important;
}
.woocommerce table.shop_table th {
background: rgba(255,255,255,0.06) !important;
color: rgba(255,255,255,0.7) !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 14px 16px !important;
}
.woocommerce table.shop_table td {
background: transparent !important;
color: #fff !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
padding: 16px !important;
}
.woocommerce table.shop_table tr:last-child td {
border-bottom: none !important;
}
/* Cart totals box */
.cart_totals, .cart-collaterals {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
padding: 24px !important;
}
.cart_totals h2, .cart_totals th, .cart_totals td {
color: #fff !important;
}
.cart_totals .order-total .amount {
color: #FF9500 !important;
font-size: 22px !important;
font-weight: 800 !important;
}
/* Checkout form fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-cart .form-row input,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce select,
.woocommerce textarea,
.select2-container--default .select2-selection--single {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.12) !important;
border-radius: 12px !important;
padding: 12px 16px !important;
font-size: 14px !important;
transition: border-color 0.2s ease !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
border-color: #FF9500 !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(255,149,0,0.15) !important;
}
/* Labels */
.woocommerce form .form-row label,
.woocommerce-billing-fields label,
.woocommerce-shipping-fields label,
.woocommerce-additional-fields label {
color: rgba(255,255,255,0.8) !important;
font-size: 13px !important;
font-weight: 600 !important;
margin-bottom: 6px !important;
}
/* Select2 dropdown styling */
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: rgba(255,255,255,0.5) transparent transparent !important;
}
.select2-dropdown {
background: #1a1a1a !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 12px !important;
}
.select2-results__option {
color: #fff !important;
padding: 10px 14px !important;
}
.select2-results__option--highlighted {
background: rgba(255,149,0,0.2) !important;
color: #FF9500 !important;
}
/* Order review section */
#order_review, #order_review_heading {
color: #fff !important;
}
.woocommerce-checkout-review-order-table {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
}
/* Payment methods box */
#payment {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
}
#payment .payment_methods {
background: transparent !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
#payment .payment_methods li {
background: transparent !important;
color: #fff !important;
}
#payment .payment_methods li label {
color: #fff !important;
}
#payment .payment_box {
background: rgba(255,255,255,0.06) !important;
color: rgba(255,255,255,0.8) !important;
border-radius: 10px !important;
}
#payment .payment_box::before {
border-bottom-color: rgba(255,255,255,0.06) !important;
}
#payment .place-order {
background: transparent !important;
}
/* Place order button */
#place_order,
.woocommerce .checkout_coupon .button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-size: 16px !important;
font-weight: 800 !important;
padding: 16px 32px !important;
border-radius: 14px !important;
border: none !important;
cursor: pointer !important;
min-height: 52px !important;
box-shadow: 0 4px 15px rgba(255,149,0,0.3) !important;
transition: all 0.3s ease !important;
width: 100% !important;
text-align: center !important;
}
#place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
box-shadow: 0 6px 25px rgba(255,149,0,0.45) !important;
transform: translateY(-2px) !important;
}
/* Update cart button */
.woocommerce-cart table.cart td.actions .button {
background: rgba(255,255,255,0.08) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,0.15) !important;
border-radius: 10px !important;
padding: 10px 20px !important;
font-size: 13px !important;
}
.woocommerce-cart table.cart td.actions .button:hover {
background: rgba(255,149,0,0.15) !important;
border-color: #FF9500 !important;
color: #FF9500 !important;
}
/* Coupon field */
.woocommerce-cart .coupon input,
.checkout_coupon input {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.12) !important;
border-radius: 12px !important;
padding: 10px 14px !important;
}
/* Remove item button */
.woocommerce a.remove {
color: #ff4444 !important;
font-size: 20px !important;
}
.woocommerce a.remove:hover {
background: rgba(255,68,68,0.15) !important;
border-radius: 50% !important;
}
/* Product thumbnail in cart */
.woocommerce-cart table.cart img {
border-radius: 10px !important;
border: 1px solid rgba(255,255,255,0.1) !important;
}
/* Quantity input */
.woocommerce .quantity .qty {
background: rgba(255,255,255,0.06) !important;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.12) !important;
border-radius: 10px !important;
width: 60px !important;
text-align: center !important;
}
/* Links inside cart/checkout */
.woocommerce-cart a, .woocommerce-checkout a {
color: #FF9500 !important;
}
.woocommerce-cart a:hover, .woocommerce-checkout a:hover {
color: #ffb340 !important;
}
/* Headings */
.woocommerce-cart h2, .woocommerce-checkout h2, .woocommerce-checkout h3 {
color: #fff !important;
}
/* My Account page */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
overflow: hidden !important;
list-style: none !important;
padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
color: rgba(255,255,255,0.8) !important;
padding: 14px 20px !important;
display: block !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
transition: all 0.2s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
background: rgba(255,149,0,0.1) !important;
color: #FF9500 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
color: #fff !important;
}
/* Cross-sells section */
.cross-sells {
color: #fff !important;
}
.cross-sells h2 {
color: #fff !important;
}
/* Notices styling override for these pages */
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
background: rgba(255,149,0,0.1) !important;
border: 1px solid rgba(255,149,0,0.2) !important;
border-radius: 12px !important;
color: #fff !important;
padding: 16px 20px !important;
}
.woocommerce-error {
background: rgba(255,68,68,0.1) !important;
border: 1px solid rgba(255,68,68,0.2) !important;
border-radius: 12px !important;
color: #fff !important;
}
.woocommerce-error li {
color: #fff !important;
}
/* === FIX: Add-to-cart button text perfect center === */
body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
display: flex !important;
justify-content: center !important;
align-items: center !important;
line-height: 1 !important;
padding: 0 40px !important;
height: 56px !important;
min-height: 56px !important;
}
/* === FIX: Payment method label color === */
#payment .payment_methods li label,
#payment .payment_methods li label a,
.wc_payment_method label,
.woocommerce-checkout #payment label,
.woocommerce-checkout .payment_method label {
color: #fff !important;
}
#payment .payment_methods li label img {
filter: brightness(1.2) !important;
}
/* Payment method description text */
#payment .payment_box,
#payment .payment_box p {
color: rgba(255,255,255,0.7) !important;
}
/* === FOOTER: Professional Redesign === */
footer.site-footer {
background: linear-gradient(180deg, #060610 0%, #0a0a14 100%) !important;
border-top: 1px solid rgba(255,149,0,0.12) !important;
padding: 0 !important;
}
/* Footer middle - SWD brand + nav */
.site-middle-footer-wrap {
padding: 48px 0 24px !important;
}
.site-middle-footer-wrap .site-footer-wrap {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
}
/* SWD Logo via ::before */
.footer-navigation {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 16px !important;
width: 100% !important;
}
.footer-navigation::before {
content: "SWD" !important;
font-size: 42px !important;
font-weight: 900 !important;
color: #FF9500 !important;
letter-spacing: 4px !important;
display: block !important;
text-align: center !important;
margin-bottom: 4px !important;
}
.footer-navigation::after {
content: "وكالة SWD – منصة متكاملة لتعزيز حضورك الرقمي وتحقيق نتائج تسويقية احترافية. نقدم خدمات حقيقية لزيادة متابعيك، مشاهداتك، وتفاعل حساباتك على انستقرام، تيك توك، يوتيوب، سناب شات، تلجرام، فيسبوك، ومنصة X. خدماتنا توفر نمواً مستمراً، موثوقاً، وقابل للتوسع داخل المملكة العربية السعودية والعالم العربي." !important;
font-size: 13px !important;
color: rgba(255,255,255,0.35) !important;
display: block !important;
text-align: center !important;
margin-bottom: 20px !important;
order: -1 !important;
margin-top: -8px !important;
}
/* Footer nav links as pill buttons */
.footer-navigation .menu {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.footer-navigation .menu li a {
color: rgba(255,255,255,0.6) !important;
font-size: 13px !important;
padding: 8px 18px !important;
border-radius: 50px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
transition: all 0.25s ease !important;
text-decoration: none !important;
display: inline-block !important;
}
.footer-navigation .menu li a:hover {
color: #FF9500 !important;
background: rgba(255,149,0,0.08) !important;
border-color: rgba(255,149,0,0.25) !important;
}
/* Footer bottom - copyright + payment */
.site-bottom-footer-wrap {
border-top: 1px solid rgba(255,255,255,0.06) !important;
padding: 20px 0 !important;
}
.site-bottom-footer-wrap .site-footer-wrap {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
}
.footer-html-inner {
color: rgba(255,255,255,0.4) !important;
font-size: 12px !important;
text-align: center !important;
}
.footer-html-inner::after {
content: "Visa | Mastercard | Apple Pay | Google Pay" !important;
display: block !important;
margin-top: 10px !important;
font-size: 12px !important;
color: rgba(255,255,255,0.25) !important;
letter-spacing: 1px !important;
}
/* === HOMEPAGE: App-like Polish === */
/* Marquee keyword section - subtle borders & glass effect */
.h3-mq {
border-top: 1px solid rgba(255,255,255,0.06) !important;
border-bottom: 1px solid rgba(255,255,255,0.06) !important;
background: rgba(255,255,255,0.02) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
/* Hero section - more app-like spacing */
.h3-hero {
padding-bottom: 40px !important;
}
.h3-badge {
animation: pulse-glow 3s ease-in-out infinite !important;
}
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 0 0 rgba(255,149,0,0.15); }
50% { box-shadow: 0 0 20px 4px rgba(255,149,0,0.1); }
}
/* Stats section - glass cards */
.h3-stat {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 14px !important;
padding: 16px 20px !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
.h3-stat-n {
font-size: 28px !important;
font-weight: 900 !important;
color: #FF9500 !important;
}
.h3-stat-l {
font-size: 12px !important;
color: rgba(255,255,255,0.5) !important;
}
/* Platform cards - elevated card style */
.h3-pcard {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 16px !important;
padding: 16px !important;
transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
cursor: pointer !important;
}
.h3-pcard:hover {
background: rgba(255,149,0,0.06) !important;
border-color: rgba(255,149,0,0.3) !important;
transform: translateY(-4px) !important;
box-shadow: 0 8px 30px rgba(255,149,0,0.12) !important;
}
/* Feature cards - glass morphism */
.h3-feat {
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.07) !important;
border-radius: 20px !important;
padding: 28px 24px !important;
transition: all 0.3s ease !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
}
.h3-feat:hover {
background: rgba(255,255,255,0.06) !important;
border-color: rgba(255,149,0,0.2) !important;
transform: translateY(-3px) !important;
}
/* Testimonial cards - modern card */
.h3-test {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 20px !important;
padding: 28px !important;
transition: all 0.3s ease !important;
}
.h3-test:hover {
border-color: rgba(255,149,0,0.2) !important;
background: rgba(255,255,255,0.06) !important;
}
/* FAQ items - clean accordion style */
.h3-faq-item {
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.07) !important;
border-radius: 16px !important;
transition: all 0.25s ease !important;
overflow: hidden !important;
}
.h3-faq-item:hover,
.h3-faq-item.active {
border-color: rgba(255,149,0,0.2) !important;
background: rgba(255,149,0,0.04) !important;
}
/* CTA section - gradient glow */
.h3-cta {
padding: 60px 0 !important;
}
.h3-cta-inner {
background: linear-gradient(135deg, rgba(255,149,0,0.08) 0%, rgba(255,107,0,0.04) 100%) !important;
border: 1px solid rgba(255,149,0,0.15) !important;
border-radius: 24px !important;
padding: 48px 40px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.h3-cta-inner::before {
content: "" !important;
position: absolute !important;
top: -50% !important;
left: -50% !important;
width: 200% !important;
height: 200% !important;
background: radial-gradient(circle, rgba(255,149,0,0.06) 0%, transparent 60%) !important;
pointer-events: none !important;
}
/* Section tags/badges */
.h3-tag {
font-size: 12px !important;
letter-spacing: 1px !important;
color: #FF9500 !important;
background: rgba(255,149,0,0.1) !important;
border: 1px solid rgba(255,149,0,0.2) !important;
border-radius: 50px !important;
padding: 6px 16px !important;
display: inline-block !important;
}
/* Section headings - clean typography */
.h3-hd h2, .h3-sec > h2 {
font-weight: 800 !important;
letter-spacing: -0.5px !important;
}
/* Keyword buttons - pill style */
.h3-kw-btn {
border-radius: 50px !important;
padding: 8px 16px !important;
font-size: 13px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
transition: all 0.25s ease !important;
}
.h3-kw-btn:hover {
background: rgba(255,149,0,0.08) !important;
border-color: rgba(255,149,0,0.3) !important;
color: #FF9500 !important;
}
/* Global smooth scrolling - app feel */
html {
scroll-behavior: smooth !important;
}
/* Sections spacing - consistent rhythm */
.h3-sec {
padding: 60px 0 !important;
}
/* Main CTA button style - consistent across site */
.btn-main {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
box-shadow: 0 4px 20px rgba(255,149,0,0.3) !important;
transition: all 0.3s ease !important;
}
.btn-main:hover {
box-shadow: 0 6px 30px rgba(255,149,0,0.45) !important;
transform: translateY(-2px) !important;
}
/* === FAQ ACCORDION FIX === */
.h3-faq-a {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
padding: 0 20px !important;
}
.h3-faq-item.open .h3-faq-a {
max-height: 300px !important;
padding: 0 20px 16px !important;
}
.h3-faq-q {
cursor: pointer !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.h3-faq-q::after {
content: "+" !important;
font-size: 22px !important;
color: #FF9500 !important;
font-weight: 700 !important;
min-width: 24px !important;
text-align: center !important;
}
.h3-faq-item.open .h3-faq-q::after {
content: "\2212" !important;
}
/* === PRODUCT PRICE & NAME STYLING === */
ul.products li.product .price {
color: #FF9500 !important;
font-weight: 700 !important;
font-size: 18px !important;
letter-spacing: 0.5px !important;
padding: 4px 12px 10px !important;
}
ul.products li.product .price del {
color: rgba(255,255,255,0.35) !important;
font-size: 14px !important;
font-weight: 400 !important;
}
ul.products li.product .price ins {
text-decoration: none !important;
color: #FF9500 !important;
font-weight: 700 !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.4 !important;
padding: 10px 12px 4px !important;
}
ul.products li.product:hover {
border-color: rgba(255,149,0,0.3) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
}
ul.products li.product {
transition: all 0.3s ease !important;
overflow: hidden !important;
background: rgba(255,255,255,0.03) !important;
}
ul.products li.product .button,
ul.products li.product a.button {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-weight: 700 !important;
border: none !important;
border-radius: 0 0 16px 16px !important;
padding: 10px 12px !important;
text-align: center !important;
width: 100% !important;
font-size: 14px !important;
}
/* === FAQ ACCORDION OVERRIDE FIX v2 === */
body .h3-faq-item.open > .h3-faq-a,
body .h3-faq-item.active > .h3-faq-a,
.elementor .h3-faq-item.open .h3-faq-a,
.elementor .h3-faq-item.active .h3-faq-a {
max-height: 500px !important;
padding: 0 20px 16px !important;
opacity: 1 !important;
}
/* === FAQ DISPLAY TOGGLE FIX (replaces max-height) === */
.h3-faq-a {
display: none !important;
max-height: none !important;
overflow: visible !important;
transition: none !important;
}
.h3-faq-item.open .h3-faq-a,
.h3-faq-item.active .h3-faq-a {
display: block !important;
max-height: none !important;
overflow: visible !important;
padding: 0 20px 16px !important;
}
/* =============================================
MEGA FIX 4 — UI/UX Pro Max Comprehensive
16 Items: Full Redesign Pass
============================================= */
/* ===========================================
1. استكشف المنصات — Button-like styling
=========================================== */
a.btn-sec {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 32px !important;
border: 1.5px solid rgba(255,149,0,0.5) !important;
border-radius: 50px !important;
color: #FF9500 !important;
font-weight: 600 !important;
font-size: 15px !important;
text-decoration: none !important;
background: rgba(255,149,0,0.06) !important;
backdrop-filter: blur(4px) !important;
transition: all 0.3s ease !important;
gap: 8px !important;
}
a.btn-sec:hover {
background: rgba(255,149,0,0.15) !important;
border-color: #FF9500 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 20px rgba(255,149,0,0.15) !important;
}
/* ===========================================
2. Animated Ticker — CSS Marquee
=========================================== */
@keyframes tickerScroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.h3-mq {
overflow: hidden !important;
position: relative !important;
padding: 18px 0 !important;
margin-bottom: 48px !important;
}
.h3-mtrack {
display: flex !important;
gap: 12px !important;
white-space: nowrap !important;
animation: tickerScroll 30s linear infinite !important;
width: max-content !important;
}
.h3-mq:hover .h3-mtrack {
animation-play-state: paused !important;
}
/* 3. Ticker spacing — more gap before خدماتنا */
.h3-mq {
margin-bottom: 56px !important;
}
/* ===========================================
4. Container/wrapper cleanup — reduce clutter
=========================================== */
.elementor-widget-wrap,
.elementor-element > .elementor-widget-container {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
}
.h3-pcard {
border: none !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 14px !important;
display: block !important;
}
.h3-pcard-info {
padding: 12px 14px !important;
background: rgba(255,255,255,0.04) !important;
}
/* ===========================================
5. Review author meta — country & city
=========================================== */
.h3-author-info span {
display: flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 12px !important;
color: rgba(255,255,255,0.45) !important;
margin-top: 3px !important;
}
/* ===========================================
6. SVG icon spacing (global)
=========================================== */
svg + span, svg + strong, svg + p, svg + div,
span + svg, strong + svg, p + svg, div + svg,
.h3-test svg, .h3-stars svg {
margin-inline: 4px !important;
}
.h3-avatar {
margin-left: 10px !important;
}
.h3-test-author {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-top: 14px !important;
}
/* ===========================================
7. Footer description spacing & typography
=========================================== */
.footer-navigation::after {
line-height: 2 !important;
word-spacing: 2px !important;
letter-spacing: 0.3px !important;
max-width: 440px !important;
padding: 0 20px !important;
margin: 4px auto 20px !important;
display: block !important;
text-align: center !important;
font-size: 12.5px !important;
color: rgba(255,255,255,0.4) !important;
}
/* ===========================================
8. Category page — White service titles
=========================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
ul.products li.product h2 {
color: #fff !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.5 !important;
padding: 12px 14px 6px !important;
}
/* ===========================================
9. Category card — Premium white border
=========================================== */
ul.products li.product {
border: 1px solid rgba(255,255,255,0.12) !important;
border-radius: 16px !important;
overflow: hidden !important;
background: rgba(255,255,255,0.03) !important;
transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
position: relative !important;
}
ul.products li.product:hover {
border-color: rgba(255,149,0,0.35) !important;
transform: translateY(-4px) !important;
box-shadow: 0 12px 40px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,149,0,0.1) !important;
}
/* ===========================================
10. Product price — Better placement & hierarchy
=========================================== */
ul.products li.product .price {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 6px 14px 14px !important;
font-size: 19px !important;
font-weight: 800 !important;
color: #FF9500 !important;
letter-spacing: -0.3px !important;
}
ul.products li.product .price del {
font-size: 13px !important;
font-weight: 400 !important;
color: rgba(255,255,255,0.3) !important;
text-decoration: line-through !important;
}
ul.products li.product .price ins {
text-decoration: none !important;
color: #FF9500 !important;
font-weight: 800 !important;
}
ul.products li.product .price .woocommerce-Price-amount {
font-family: inherit !important;
}
/* CTA button in category card */
ul.products li.product .button,
ul.products li.product a.button {
background: linear-gradient(135deg, #FF9500 0%, #FF6B00 100%) !important;
color: #000 !important;
font-weight: 700 !important;
border: none !important;
border-radius: 0 0 16px 16px !important;
padding: 12px 14px !important;
text-align: center !important;
width: 100% !important;
display: block !important;
font-size: 14px !important;
transition: all 0.2s ease !important;
}
ul.products li.product .button:hover {
filter: brightness(1.1) !important;
}
/* ===========================================
11. Product page — Remove duplicate container
=========================================== */
.ptb-trust-wrapper {
border: none !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.ptb-trust-bar {
border: 1px solid rgba(255,255,255,0.1) !important;
border-radius: 16px !important;
padding: 20px !important;
background: rgba(255,255,255,0.04) !important;
}
/* ===========================================
12. إضافة إلى السلة — White text
=========================================== */
body.single-product .single_add_to_cart_button {
color: #fff !important;
font-weight: 700 !important;
font-size: 16px !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}
/* ===========================================
13. إتمام الدفع الآمن المضمون — White text
=========================================== */
.single-product-payments legend,
fieldset.single-product-payments legend,
.payments-color-s legend {
color: #fff !important;
font-weight: 600 !important;
font-size: 14px !important;
letter-spacing: 0.3px !important;
}
/* ===========================================
14. Add-to-cart success notice — Premium style
=========================================== */
.woocommerce-message {
background: linear-gradient(135deg, rgba(34,197,94,0.12) 0%, rgba(16,185,129,0.08) 100%) !important;
border: 1px solid rgba(34,197,94,0.25) !important;
border-radius: 14px !important;
padding: 16px 20px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 20px !important;
box-shadow: 0 4px 20px rgba(34,197,94,0.08) !important;
backdrop-filter: blur(8px) !important;
position: relative !important;
}
.woocommerce-message::before {
content: "\2713" !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
background: rgba(34,197,94,0.2) !important;
border-radius: 50% !important;
color: #22c55e !important;
font-size: 16px !important;
font-weight: 700 !important;
}
.woocommerce-message a {
color: #FF9500 !important;
font-weight: 700 !important;
text-decoration: none !important;
padding: 6px 18px !important;
border: 1px solid rgba(255,149,0,0.3) !important;
border-radius: 50px !important;
background: rgba(255,149,0,0.08) !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
margin-right: auto !important;
}
.woocommerce-message a:hover {
background: rgba(255,149,0,0.18) !important;
border-color: #FF9500 !important;
}
/* ===========================================
15. Checkout — Payment method block styling
=========================================== */
#payment .payment_methods li label {
color: #fff !important;
font-weight: 500 !important;
padding: 12px 16px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
border-radius: 12px !important;
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
transition: all 0.2s ease !important;
cursor: pointer !important;
}
#payment .payment_methods li label:hover {
background: rgba(255,255,255,0.08) !important;
border-color: rgba(255,149,0,0.2) !important;
}
#payment .payment_methods li {
margin-bottom: 8px !important;
}
#payment .payment_method_description,
#payment .payment_box {
background: rgba(255,255,255,0.03) !important;
color: rgba(255,255,255,0.7) !important;
border-radius: 10px !important;
padding: 14px 16px !important;
margin-top: 8px !important;
border: 1px solid rgba(255,255,255,0.06) !important;
}
/* ===========================================
16. Footer — Payment logos (SVG-based)
=========================================== */
.site-footer .footer-widget-area::after,
.footer-navigation ~ .footer-social-wrap::after,
.site-footer-bottom-wrap::before {
content: "" !important;
display: none !important;
}
.site-footer .site-footer-bottom-wrap .site-footer-row-container-inner::after {
content: "VISA \00B7 MASTERCARD \00B7 APPLE PAY \00B7 GOOGLE PAY" !important;
display: block !important;
text-align: center !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
color: rgba(255,255,255,0.25) !important;
padding: 16px 0 8px !important;
border-top: 1px solid rgba(255,255,255,0.06) !important;
margin-top: 16px !important;
}
/* ===========================================
MOBILE RESPONSIVE — All fixes
=========================================== */
@media (max-width: 768px) {
/* Ticker mobile */
.h3-mq {
margin-bottom: 36px !important;
padding: 12px 0 !important;
}
.h3-mtrack {
animation-duration: 20s !important;
}
.h3-mq span, .h3-mq-item {
font-size: 12px !important;
padding: 5px 14px !important;
}
/* استكشف المنصات mobile */
a.btn-sec {
padding: 10px 24px !important;
font-size: 13px !important;
}
/* Category cards mobile */
ul.products li.product .price {
font-size: 16px !important;
padding: 4px 10px 10px !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
font-size: 12px !important;
padding: 8px 10px 4px !important;
line-height: 1.3 !important;
}
ul.products li.product .button {
font-size: 12px !important;
padding: 10px 8px !important;
}
/* Testimonials mobile */
.h3-test {
padding: 16px !important;
}
.h3-test blockquote {
font-size: 13px !important;
line-height: 1.7 !important;
}
/* Add-to-cart notice mobile */
.woocommerce-message {
flex-wrap: wrap !important;
padding: 14px 16px !important;
font-size: 13px !important;
}
.woocommerce-message a {
width: 100% !important;
text-align: center !important;
margin-top: 8px !important;
padding: 10px 18px !important;
}
/* Footer payment mobile */
.site-footer .site-footer-bottom-wrap .site-footer-row-container-inner::after {
font-size: 10px !important;
letter-spacing: 2px !important;
}
/* Footer description mobile */
.footer-navigation::after {
font-size: 11px !important;
line-height: 1.9 !important;
padding: 0 12px !important;
}
}
/* ===== SPECIFICITY PATCH ===== */
/* FIX: PTB trust wrapper - remove duplicate border with high specificity */
body.single-product #main .summary .ptb-trust-wrapper,
body .ptb-trust-wrapper.ptb-trust-wrapper {
border: none !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
margin: 0 !important;
}
/* FIX: Add-to-cart button white text with high specificity */
body.single-product #main .summary form.cart .single_add_to_cart_button,
body.single-product #main .summary form.cart button.single_add_to_cart_button,
body.single-product form.cart .single_add_to_cart_button.button.alt,
#main .single_add_to_cart_button.button.alt {
color: #ffffff !important;
}
body.single-product form.cart .single_add_to_cart_button:hover,
body.single-product form.cart .single_add_to_cart_button:focus {
color: #ffffff !important;
}
/* ===== FINAL PATCH - Footer Logo + Payment + WC Message ===== */
/* Footer logo: replace SWD text with actual logo image */
.footer-navigation::before {
content: "" !important;
display: block !important;
width: 130px !important;
height: 60px !important;
background: url("https://s-w-d.com/wp-content/uploads/2026/04/swdlogo-1.webp") center/contain no-repeat !important;
margin: 0 auto 12px !important;
font-size: 0 !important;
text-indent: -9999px !important;
letter-spacing: 0 !important;
color: transparent !important;
line-height: 0 !important;
overflow: hidden !important;
}
/* 16. Footer payment icons - corrected selector */
.site-bottom-footer-wrap .site-footer-row-container-inner::after {
content: "VISA \00B7 MASTERCARD \00B7 APPLE PAY \00B7 GOOGLE PAY" !important;
display: block !important;
text-align: center !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 3px !important;
color: rgba(255,255,255,0.25) !important;
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(255,255,255,0.06) !important;
}
/* 14. Premium add-to-cart success notice */
body .woocommerce-message {
background: linear-gradient(135deg, rgba(34,197,94,0.12) 0%, rgba(16,185,129,0.08) 100%) !important;
border: 1px solid rgba(34,197,94,0.25) !important;
border-radius: 14px !important;
color: #fff !important;
padding: 16px 20px !important;
}
body .woocommerce-message::before {
content: "\2713" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background: rgba(34,197,94,0.2) !important;
border-radius: 50% !important;
color: #22c55e !important;
font-size: 14px !important;
margin-left: 12px !important;
flex-shrink: 0 !important;
}
body .woocommerce-message a.button {
background: rgba(34,197,94,0.15) !important;
border: 1px solid rgba(34,197,94,0.3) !important;
border-radius: 50px !important;
color: #22c55e !important;
padding: 8px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
}
body .woocommerce-message a.button:hover {
background: rgba(34,197,94,0.25) !important;
}
/* Mobile: footer logo smaller */
@media (max-width: 768px) {
.footer-navigation::before {
width: 100px !important;
height: 45px !important;
}
.site-bottom-footer-wrap .site-footer-row-container-inner::after {
font-size: 9px !important;
letter-spacing: 2px !important;
}
}
/* ====================================================
MEGA FIX 5 — Final Round of Fixes
==================================================== */
/* -----------------------------------------------
1. FOOTER DESCRIPTION — SEO rewrite + typography
----------------------------------------------- */
.footer-navigation::after {
display: block !important;
font-size: 12.5px !important;
color: rgba(255,255,255,0.35) !important;
text-align: center !important;
max-width: 520px !important;
margin: 8px auto 0 !important;
line-height: 2.1 !important;
word-spacing: 1.5px !important;
letter-spacing: 0.2px !important;
font-weight: 400 !important;
direction: rtl !important;
}
/* -----------------------------------------------
2. TICKER SEPARATORS — diamond between items
----------------------------------------------- */
.h3-mtrack .h3-mi::after,
.h3-mtrack > span::after,
.h3-mq .h3-mi::after {
content: "\25C6" !important;
display: inline-block !important;
margin: 0 18px !important;
font-size: 7px !important;
color: rgba(255,149,0,0.4) !important;
vertical-align: middle !important;
}
/* -----------------------------------------------
3. PLATFORM CARDS (8 شبابيك) — strict 1:1 square, filled
----------------------------------------------- */
.h3-pcard {
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
border-radius: 14px !important;
position: relative !important;
}
.elementor .h3-pcard img,
body .h3-pcard img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
aspect-ratio: 1 / 1 !important;
border-radius: 14px !important;
display: block !important;
max-height: none !important;
}
/* -----------------------------------------------
4. CATEGORY CARDS — better price placement + hierarchy
----------------------------------------------- */
ul.products li.product {
display: flex !important;
flex-direction: column !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 16px !important;
overflow: hidden !important;
background: rgba(255,255,255,0.03) !important;
transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
position: relative !important;
}
ul.products li.product:hover {
border-color: rgba(255,149,0,0.35) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(255,149,0,0.08) !important;
}
/* Image area */
ul.products li.product a img,
ul.products li.product .woocommerce-loop-image-link img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
border-radius: 0 !important;
}
/* Content area below image */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
color: #ffffff !important;
font-size: 14.5px !important;
font-weight: 600 !important;
padding: 14px 14px 0 !important;
margin: 0 !important;
line-height: 1.5 !important;
}
ul.products li.product .woocommerce-loop-product__title:hover,
ul.products li.product h2:hover {
color: #FF9500 !important;
}
/* Price — dedicated row, strong hierarchy */
ul.products li.product .price {
display: block !important;
padding: 8px 14px 0 !important;
margin: 0 !important;
font-size: 18px !important;
font-weight: 800 !important;
color: #FF9500 !important;
line-height: 1.3 !important;
}
ul.products li.product .price del {
font-size: 13px !important;
font-weight: 400 !important;
color: rgba(255,255,255,0.3) !important;
}
ul.products li.product .price ins {
text-decoration: none !important;
font-weight: 800 !important;
}
/* CTA button at bottom */
ul.products li.product .button,
ul.products li.product a.add_to_cart_button,
ul.products li.product a.product_type_simple {
display: block !important;
margin: auto 14px 14px !important;
padding: 10px 0 !important;
text-align: center !important;
background: #FF9500 !important;
color: #000 !important;
font-weight: 700 !important;
font-size: 13px !important;
border-radius: 10px !important;
border: none !important;
transition: background 0.3s ease !important;
}
ul.products li.product .button:hover,
ul.products li.product a.add_to_cart_button:hover {
background: #e68600 !important;
}
/* -----------------------------------------------
5. CATEGORY TITLE — white enforced + hover
----------------------------------------------- */
body ul.products li.product .woocommerce-loop-product__title,
body.archive ul.products li.product h2,
body.tax-product_cat ul.products li.product h2 {
color: #ffffff !important;
}
body ul.products li.product:hover .woocommerce-loop-product__title,
body ul.products li.product:hover h2 {
color: #FF9500 !important;
}
/* -----------------------------------------------
6. RELATED PRODUCTS — unify with category cards
----------------------------------------------- */
.related.products ul.products li.product,
.upsells.products ul.products li.product,
section.related ul.products li.product {
display: flex !important;
flex-direction: column !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 16px !important;
overflow: hidden !important;
background: rgba(255,255,255,0.03) !important;
transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
}
.related.products ul.products li.product:hover,
section.related ul.products li.product:hover {
border-color: rgba(255,149,0,0.35) !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 30px rgba(255,149,0,0.08) !important;
}
/* Related images square */
.related.products ul.products li.product a img,
section.related ul.products li.product a img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
border-radius: 0 !important;
}
/* Related titles */
.related.products ul.products li.product .woocommerce-loop-product__title,
.related.products ul.products li.product h2,
section.related ul.products li.product h2 {
color: #ffffff !important;
font-size: 14.5px !important;
font-weight: 600 !important;
padding: 14px 14px 0 !important;
margin: 0 !important;
line-height: 1.5 !important;
}
.related.products li.product:hover .woocommerce-loop-product__title,
.related.products li.product:hover h2 {
color: #FF9500 !important;
}
/* Related prices */
.related.products ul.products li.product .price,
section.related ul.products li.product .price {
display: block !important;
padding: 8px 14px 0 !important;
margin: 0 !important;
font-size: 18px !important;
font-weight: 800 !important;
color: #FF9500 !important;
}
/* Related buttons */
.related.products ul.products li.product .button,
.related.products ul.products li.product a.add_to_cart_button,
section.related ul.products li.product .button {
display: block !important;
margin: auto 14px 14px !important;
padding: 10px 0 !important;
text-align: center !important;
background: #FF9500 !important;
color: #000 !important;
font-weight: 700 !important;
font-size: 13px !important;
border-radius: 10px !important;
border: none !important;
}
/* Related section title */
.related.products > h2,
section.related > h2 {
color: #ffffff !important;
font-size: 22px !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
}
/* -----------------------------------------------
MOBILE RESPONSIVE — all 6 fixes
----------------------------------------------- */
@media (max-width: 768px) {
.footer-navigation::after {
font-size: 11px !important;
max-width: 90vw !important;
line-height: 2 !important;
}
.h3-mtrack .h3-mi::after,
.h3-mtrack > span::after {
margin: 0 10px !important;
font-size: 5px !important;
}
.h3-pcard {
aspect-ratio: 1 / 1 !important;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
font-size: 13px !important;
padding: 10px 10px 0 !important;
}
ul.products li.product .price {
font-size: 16px !important;
padding: 6px 10px 0 !important;
}
ul.products li.product .button {
margin: auto 10px 10px !important;
padding: 8px 0 !important;
font-size: 12px !important;
}
}
/* ===== PCARD PADDING + RADIUS FIX ===== */
body .h3-pcard,
.elementor .h3-pcard,
.h3-platforms .h3-pcard {
padding: 0 !important;
margin: 3px !important;
border-radius: 14px !important;
border: none !important;
}
/* ===== A-TAG PCARD FIX ===== */
a.h3-pcard,
body a.h3-pcard,
.elementor a.h3-pcard,
.elementor-widget-container a.h3-pcard {
padding: 0 !important;
border-radius: 14px !important;
border: none !important;
display: block !important;
overflow: hidden !important;
aspect-ratio: 1 / 1 !important;
}
/* ===== CATEGORY CARD REFINEMENT — centered layout ===== */
/* Product details container — centered text */
ul.products li.product .product-details,
ul.products li.product .entry-content-wrap {
text-align: center !important;
padding: 14px 12px 4px !important;
}
/* Title — centered, white */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title {
color: #ffffff !important;
text-align: center !important;
font-size: 14.5px !important;
font-weight: 600 !important;
padding: 0 !important;
margin: 0 0 8px !important;
line-height: 1.6 !important;
}
/* Price — centered, badge-like pill */
ul.products li.product .price {
display: inline-block !important;
text-align: center !important;
padding: 5px 18px !important;
margin: 0 auto 12px !important;
font-size: 17px !important;
font-weight: 800 !important;
color: #FF9500 !important;
background: rgba(255,149,0,0.08) !important;
border: 1px solid rgba(255,149,0,0.15) !important;
border-radius: 50px !important;
line-height: 1.4 !important;
}
ul.products li.product .price del {
font-size: 12px !important;
font-weight: 400 !important;
color: rgba(255,255,255,0.3) !important;
}
ul.products li.product .price ins {
text-decoration: none !important;
}
/* Action wrap — centered */
ul.products li.product .product-action-wrap {
text-align: center !important;
padding: 0 12px 14px !important;
margin-top: auto !important;
}
/* Button — centered, full width within padding */
ul.products li.product .product-action-wrap .button,
ul.products li.product .product-action-wrap a.add_to_cart_button,
ul.products li.product .product-action-wrap a.product_type_simple {
display: block !important;
margin: 0 auto !important;
padding: 10px 0 !important;
text-align: center !important;
background: #FF9500 !important;
color: #000 !important;
font-weight: 700 !important;
font-size: 13px !important;
border-radius: 10px !important;
border: none !important;
width: 100% !important;
max-width: 100% !important;
}
ul.products li.product .product-action-wrap .button:hover,
ul.products li.product .product-action-wrap a:hover {
background: #e68600 !important;
}
/* ===== RELATED PRODUCTS — same centered layout ===== */
.related.products li.product .product-details,
.related.products li.product .entry-content-wrap,
section.related li.product .product-details {
text-align: center !important;
padding: 14px 12px 4px !important;
}
.related.products li.product .woocommerce-loop-product__title,
.related.products li.product h2 {
text-align: center !important;
padding: 0 !important;
margin: 0 0 8px !important;
}
.related.products li.product .price,
section.related li.product .price {
display: inline-block !important;
text-align: center !important;
padding: 5px 18px !important;
margin: 0 auto 12px !important;
background: rgba(255,149,0,0.08) !important;
border: 1px solid rgba(255,149,0,0.15) !important;
border-radius: 50px !important;
}
.related.products li.product .product-action-wrap,
section.related li.product .product-action-wrap {
text-align: center !important;
padding: 0 12px 14px !important;
margin-top: auto !important;
}
.related.products li.product .product-action-wrap .button,
.related.products li.product .product-action-wrap a,
section.related li.product .product-action-wrap .button {
display: block !important;
margin: 0 auto !important;
width: 100% !important;
padding: 10px 0 !important;
text-align: center !important;
background: #FF9500 !important;
color: #000 !important;
font-weight: 700 !important;
font-size: 13px !important;
border-radius: 10px !important;
border: none !important;
}
/* Mobile */
@media (max-width: 768px) {
ul.products li.product .product-details,
ul.products li.product .entry-content-wrap {
padding: 10px 8px 4px !important;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 13px !important;
}
ul.products li.product .price {
font-size: 15px !important;
padding: 4px 14px !important;
}
ul.products li.product .product-action-wrap {
padding: 0 8px 10px !important;
}
ul.products li.product .product-action-wrap .button {
font-size: 12px !important;
padding: 8px 0 !important;
}
}
/* ===== MEGA4 — SIX FIXES ===== */
/* 1) Footer payment image */
.ft-payment-methods,
.payment-methods-text,
[class*="payment-text"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.site-bottom-footer-wrap .site-footer-row-container-inner::after {
content: "" !important;
display: block !important;
width: 380px !important;
height: 56px !important;
margin: 16px auto 0 !important;
background: url("https://s-w-d.com/wp-content/uploads/2026/04/Result-1.webp") center/contain no-repeat !important;
font-size: 0 !important;
color: transparent !important;
}
@media (max-width: 768px) {
.site-bottom-footer-wrap .site-footer-row-container-inner::after {
width: 300px !important;
height: 44px !important;
}
}
/* 2) Product titles white */
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.archive ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
color: #ffffff !important;
}
/* 3) Product card border */
body.woocommerce ul.products li.product,
body.archive ul.products li.product,
body.tax-product_cat ul.products li.product,
body.post-type-archive-product ul.products li.product {
border: 2.5px solid rgba(255,255,255,0.45) !important;
border-radius: 16px !important;
background: rgba(255,255,255,0.035) !important;
transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}
body.woocommerce ul.products li.product:hover,
body.archive ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover {
border-color: rgba(255,149,0,0.55) !important;
background: rgba(255,255,255,0.055) !important;
transform: translateY(-4px) !important;
box-shadow: 0 12px 36px rgba(255,149,0,0.12) !important;
}
/* 4) Disable product image zoom */
body.single-product .woocommerce-product-gallery .zoomImg,
body.single-product .zoomImg {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
body.single-product .woocommerce-product-gallery__trigger {
display: none !important;
}
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image a,
body.single-product .woocommerce-product-gallery__image img {
cursor: default !important;
transform: none !important;
transition: none !important;
}
body.single-product .woocommerce-product-gallery__image a {
pointer-events: none !important;
}
body.single-product .woocommerce-product-gallery__image:hover img {
transform: none !important;
scale: 1 !important;
}
/* 5) Breadcrumbs white */
.kadence-breadcrumbs,
nav.kadence-breadcrumbs,
.woocommerce-breadcrumb,
body .kadence-breadcrumbs {
color: #ffffff !important;
}
body .kadence-breadcrumbs a,
body .kadence-breadcrumbs a:link,
body .kadence-breadcrumbs a:visited,
body nav.kadence-breadcrumbs a,
body nav.kadence-breadcrumbs a:link,
body nav.kadence-breadcrumbs a:visited,
body .woocommerce-breadcrumb a,
.single-product .kadence-breadcrumbs a,
.archive .kadence-breadcrumbs a,
.woocommerce-cart .kadence-breadcrumbs a {
color: #ffffff !important;
opacity: 0.85 !important;
}
body .kadence-breadcrumbs a:hover,
body nav.kadence-breadcrumbs a:hover,
body .woocommerce-breadcrumb a:hover {
color: #FF9500 !important;
opacity: 1 !important;
}
.kadence-breadcrumbs .kadence-breadcrumb-sep,
.kadence-breadcrumbs span:not(a span) {
color: rgba(255,255,255,0.4) !important;
}
/* 6) Cart page redesign */
body.woocommerce-cart #content .woocommerce,
body.woocommerce-cart .woocommerce {
max-width: 1200px !important;
margin: 0 auto !important;
}
@media (min-width: 992px) {
body.woocommerce-cart .woocommerce {
display: grid !important;
grid-template-columns: 1fr 360px !important;
gap: 32px !important;
align-items: start !important;
}
body.woocommerce-cart .cart-collaterals {
position: sticky !important;
top: 100px !important;
}
body.woocommerce-cart .woocommerce > form {
min-width: 0 !important;
}
}
body.woocommerce-cart table.shop_table.cart {
background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 18px !important;
overflow: hidden !important;
border-collapse: separate !important;
border-spacing: 0 !important;
padding: 8px !important;
width: 100% !important;
}
body.woocommerce-cart table.shop_table.cart thead {
background: rgba(255,149,0,0.04) !important;
}
body.woocommerce-cart table.shop_table.cart thead th {
color: rgba(255,255,255,0.85) !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 16px 14px !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.woocommerce-cart table.shop_table.cart tbody td {
padding: 20px 14px !important;
border-bottom: 1px dashed rgba(255,255,255,0.07) !important;
vertical-align: middle !important;
color: #ffffff !important;
}
body.woocommerce-cart table.shop_table.cart tbody tr:last-child td {
border-bottom: none !important;
}
body.woocommerce-cart table.shop_table.cart tbody tr:hover td {
background: rgba(255,149,0,0.025) !important;
}
body.woocommerce-cart table.shop_table td.product-thumbnail,
body.woocommerce-cart table.shop_table .product-thumbnail {
width: 90px !important;
min-width: 90px !important;
max-width: 90px !important;
}
body.woocommerce-cart table.shop_table td.product-thumbnail a,
body.woocommerce-cart table.shop_table .product-thumbnail a {
display: inline-block !important;
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
height: 72px !important;
}
body.woocommerce-cart table.shop_table td.product-thumbnail img,
body.woocommerce-cart table.shop_table .product-thumbnail img,
body.woocommerce-cart .cart_item .product-thumbnail img,
.woocommerce-cart .shop_table .product-thumbnail img,
.woocommerce-cart .cart_item img {
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
height: 72px !important;
min-height: 72px !important;
max-height: 72px !important;
border-radius: 14px !important;
border: 1px solid rgba(255,255,255,0.10) !important;
object-fit: cover !important;
display: block !important;
}
body.woocommerce-cart table.shop_table td.product-name a {
color: #ffffff !important;
font-weight: 600 !important;
font-size: 15px !important;
text-decoration: none !important;
}
body.woocommerce-cart table.shop_table td.product-name a:hover {
color: #FF9500 !important;
}
body.woocommerce-cart table.shop_table td.product-name .variation,
body.woocommerce-cart table.shop_table td.product-name .wc-item-meta {
font-size: 12px !important;
color: rgba(255,255,255,0.6) !important;
}
body.woocommerce-cart table.shop_table td.product-price,
body.woocommerce-cart table.shop_table td.product-price .amount,
body.woocommerce-cart table.shop_table td.product-subtotal {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 15px !important;
}
body.woocommerce-cart table.shop_table td.product-subtotal .amount {
color: #FF9500 !important;
font-size: 16px !important;
}
body.woocommerce-cart table.shop_table td.product-remove a.remove {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: rgba(239,68,68,0.10) !important;
border: 1px solid rgba(239,68,68,0.30) !important;
color: rgba(239,68,68,0.80) !important;
font-size: 18px !important;
line-height: 1 !important;
transition: all 0.2s ease !important;
}
body.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
background: #ef4444 !important;
color: #ffffff !important;
transform: scale(1.08) !important;
}
body.woocommerce-cart table.shop_table .quantity .qty {
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid rgba(255,255,255,0.18) !important;
border-radius: 10px !important;
color: #ffffff !important;
width: 70px !important;
height: 42px !important;
text-align: center !important;
font-weight: 700 !important;
font-size: 15px !important;
}
body.woocommerce-cart table.shop_table .quantity .qty:focus {
border-color: #FF9500 !important;
box-shadow: 0 0 0 3px rgba(255,149,0,0.15) !important;
outline: none !important;
}
body.woocommerce-cart table.shop_table td.actions {
background: rgba(255,255,255,0.02) !important;
padding: 18px 14px !important;
}
body.woocommerce-cart table.shop_table td.actions .coupon {
display: flex !important;
gap: 10px !important;
flex-wrap: wrap !important;
align-items: center !important;
}
body.woocommerce-cart table.shop_table td.actions .coupon input#coupon_code {
flex: 1 1 200px !important;
height: 46px !important;
border-radius: 10px !important;
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid rgba(255,255,255,0.18) !important;
color: #ffffff !important;
padding: 0 14px !important;
font-size: 14px !important;
}
body.woocommerce-cart table.shop_table td.actions .coupon button[name="apply_coupon"] {
height: 46px !important;
padding: 0 20px !important;
border-radius: 10px !important;
background: rgba(255,149,0,0.10) !important;
border: 1.5px solid rgba(255,149,0,0.50) !important;
color: #FF9500 !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
body.woocommerce-cart table.shop_table td.actions .coupon button[name="apply_coupon"]:hover {
background: #FF9500 !important;
color: #0a0a0a !important;
}
body.woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
height: 46px !important;
padding: 0 20px !important;
border-radius: 10px !important;
background: rgba(255,255,255,0.06) !important;
border: 1.5px solid rgba(255,255,255,0.15) !important;
color: rgba(255,255,255,0.80) !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
}
body.woocommerce-cart table.shop_table td.actions button[name="update_cart"]:hover {
background: rgba(255,255,255,0.12) !important;
color: #ffffff !important;
}
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals {
background: linear-gradient(180deg, rgba(255,149,0,0.06), rgba(20,20,29,0.95)) !important;
border: 1px solid rgba(255,149,0,0.20) !important;
border-radius: 18px !important;
padding: 28px 24px !important;
box-shadow: 0 8px 30px rgba(0,0,0,0.30) !important;
}
body.woocommerce-cart .cart_totals h2 {
font-size: 20px !important;
font-weight: 700 !important;
color: #ffffff !important;
padding-bottom: 16px !important;
border-bottom: 1px solid rgba(255,255,255,0.10) !important;
margin-bottom: 16px !important;
}
body.woocommerce-cart .cart_totals table.shop_table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 10px 0 !important;
border-bottom: 1px dashed rgba(255,255,255,0.07) !important;
}
body.woocommerce-cart .cart_totals table.shop_table tr:last-child {
border-bottom: none !important;
}
body.woocommerce-cart .cart_totals table.shop_table th {
color: rgba(255,255,255,0.75) !important;
font-size: 14px !important;
font-weight: 400 !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table td {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 15px !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
}
body.woocommerce-cart .cart_totals table.shop_table .order-total {
padding-top: 14px !important;
border-top: 1px solid rgba(255,149,0,0.40) !important;
border-bottom: none !important;
margin-top: 4px !important;
}
body.woocommerce-cart .cart_totals table.shop_table .order-total td .amount {
color: #FF9500 !important;
font-size: 22px !important;
font-weight: 900 !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
background: linear-gradient(135deg, #FF9500, #FF7A00) !important;
color: #0a0a0a !important;
font-weight: 800 !important;
font-size: 16px !important;
padding: 18px 24px !important;
border-radius: 14px !important;
box-shadow: 0 8px 24px rgba(255,149,0,0.30) !important;
text-decoration: none !important;
margin-top: 20px !important;
transition: all 0.25s ease !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 12px 32px rgba(255,149,0,0.45) !important;
background: linear-gradient(135deg, #FFAA22, #FF9500) !important;
}
@media (max-width: 768px) {
body.woocommerce-cart table.shop_table td.product-thumbnail img,
body.woocommerce-cart table.shop_table .product-thumbnail img {
width: 56px !important;
min-width: 56px !important;
max-width: 56px !important;
height: 56px !important;
min-height: 56px !important;
max-height: 56px !important;
}
body.woocommerce-cart table.shop_table tbody td {
padding: 14px 10px !important;
}
body.woocommerce-cart .cart_totals {
padding: 22px 18px !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size: 15px !important;
padding: 16px 20px !important;
}
}
/* PATCH — Cart Grid Fix: target kadence-woo-cart-form-wrap */
@media (min-width: 992px) {
body.woocommerce-cart .woocommerce {
display: block !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
body.woocommerce-cart .kadence-woo-cart-form-wrap {
display: grid !important;
grid-template-columns: 1fr 360px !important;
gap: 32px !important;
align-items: start !important;
}
body.woocommerce-cart .cart-collaterals {
position: sticky !important;
top: 100px !important;
}
}
/* PATCH — Cart Float Fix */
body.woocommerce-cart .woocommerce-cart-form {
float: none !important;
width: auto !important;
min-width: 0 !important;
}
body.woocommerce-cart .cart-collaterals {
float: none !important;
width: auto !important;
}
body.woocommerce-cart .kadence-woo-cart-form-wrap::before,
body.woocommerce-cart .kadence-woo-cart-form-wrap::after {
display: none !important;
content: none !important;
}
/* ===== FIX: Product title link color — force white ===== */
body.woocommerce ul.products li.product .woocommerce-loop-product__title a,
body.archive ul.products li.product .woocommerce-loop-product__title a,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title a,
body.woocommerce ul.products li.product .woocommerce-loop-product__title a:link,
body.woocommerce ul.products li.product .woocommerce-loop-product__title a:visited,
body.archive ul.products li.product .woocommerce-loop-product__title a:link,
body.archive ul.products li.product .woocommerce-loop-product__title a:visited,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title a:link,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title a:visited,
ul.products li.product h2.woocommerce-loop-product__title a,
ul.products li.product h3.woocommerce-loop-product__title a,
ul.products li.product .woocommerce-LoopProduct-link-title {
color: #ffffff !important;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
body.archive ul.products li.product .woocommerce-loop-product__title a:hover,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title a:hover {
color: #FF9500 !important;
}
/* Dark-mode patch for pt-hub-modern-checkout */
/* Append-only. Scoped under body.pt-hub-modern-checkout. #payment + extra
body class added to outrank existing pt-hub !important rules. RTL-safe. */
body.pt-hub-modern-checkout.woocommerce-checkout .pt-hub-paytype__group{
background:#1f2937 !important;
border-color:#374151 !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout .pt-hub-paytype__card{
color:#d1d5db !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout .pt-hub-paytype__card:hover{
background:rgba(255,255,255,0.06) !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout .pt-hub-paytype__card.is-active{
background:#374151 !important;
color:#f3f4f6 !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout .pt-hub-paytype__card.is-active *{
color:#f3f4f6 !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{
border-bottom-color:#374151 !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label{
color:#f3f4f6 !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover{
background:rgba(255,255,255,0.04) !important;
}
body.pt-hub-modern-checkout.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[name="payment_method"]:checked){
background:rgba(48,86,211,0.15) !important;
border-right:3px solid #6b8cff !important; /* RTL: accent strip stays on the RIGHT */
}
body.pt-hub-modern-checkout.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input[name="payment_method"]:checked) > label{
color:#f3f4f6 !important;
}