/* ============================================================ UNI.ART — WCFM integration skin (assets/css/wcfm-skin.css) Makes the WCFM marketplace (vendor dashboard, storefronts, store directory) read as a native part of the UNI.ART theme. Monochrome #1a1a1a on #ffffff, #e8e4df soft fill, IBM Plex Mono, hairline borders, flat, near-sharp (2px), uppercase letter-spaced labels, outlined buttons that invert on hover. Scoped under WCFM roots; font set on containers + form controls only (never icons). ============================================================ */ :root{ --wcfm-ink: var(--text-color, #1a1a1a); --wcfm-paper: var(--bg-color, #ffffff); --wcfm-line: var(--border-color, rgba(0,0,0,.08)); --wcfm-soft: var(--secondary-color, #e8e4df); --wcfm-font: var(--font-body, 'IBM Plex Mono', monospace); } /* flatten + de-brand */ #wcfm-main-contentainer *, #wcfmmp-store *, #wcfmmp-stores-wrap *{ box-shadow:none !important; text-shadow:none !important; } img[src*='your-logo-here'], img[src*='wcfmmp-blue'], img[src*='wcfm-30x30'], img[src*='wcfm-15x15'], #wcfm_home{ display:none !important; } /* ===== 1 · VENDOR DASHBOARD ===== */ #wcfm-main-contentainer{ font-family:var(--wcfm-font); color:var(--wcfm-ink); background:var(--wcfm-paper); letter-spacing:.03em; max-width:var(--container-max-width,1440px); margin:0 auto; } #wcfm-main-contentainer input, #wcfm-main-contentainer textarea, #wcfm-main-contentainer select, #wcfm-main-contentainer button, #wcfm-main-contentainer .wcfm_submit_button{ font-family:var(--wcfm-font) !important; } /* sidebar */ #wcfm_menu{ background:var(--wcfm-paper); border-right:1px solid var(--wcfm-line); } #wcfm_menu .wcfm_menu_logo{ border-bottom:1px solid var(--wcfm-line); padding:18px 16px; text-align:left; } #wcfm_menu .wcfm_menu_logo h4, #wcfm_menu .wcfm_menu_logo h4 a{ font-size:.82rem; font-weight:500; text-transform:uppercase; letter-spacing:.14em; color:var(--wcfm-ink) !important; text-decoration:none; } #wcfm_menu .wcfm_menu_item, #wcfm_menu a.wcfm_menu_item{ color:var(--wcfm-ink); background:transparent; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; border:0; border-bottom:1px solid var(--wcfm-line); padding:13px 16px; transition:background .2s ease,color .2s ease; } #wcfm_menu .wcfm_menu_item:hover{ background:var(--wcfm-soft); } #wcfm_menu .wcfm_menu_item.active, #wcfm_menu .wcfm_menu_item.active a, #wcfm_menu li.active > a.wcfm_menu_item{ background:var(--wcfm-ink); color:var(--wcfm-paper); } #wcfm_menu .wcfm_menu_item .wcfmfa, #wcfm_menu .wcfm_menu_item i{ color:inherit; opacity:.85; } #wcfm_menu .wcfm_sub_menu_items a{ text-transform:none; letter-spacing:.03em; font-size:.78rem; opacity:.85; } #wcfm_menu .wcfm_menu_logout a{ letter-spacing:.12em; } #wcfm_menu .wcfm_menu_toggler{ color:var(--wcfm-ink); } /* top bar + header panels */ .wcfm-top-element-container{ background:var(--wcfm-paper); border-bottom:1px solid var(--wcfm-line); } .wcfm_header_panel a, .wcfm_header_panel .wcfmfa, .wcfm_header_panel i{ color:var(--wcfm-ink); } .wcfm_header_panel_profile_img img{ filter:grayscale(1); border-radius:2px; } /* headings */ .wcfm-page-headig, .wcfm-page-heading-text, .wcfm-store-name-heading-text, .wcfm_vendor_settings_heading, .wcfm_vendor_settings_heading span{ font-weight:500; text-transform:uppercase; letter-spacing:.1em; color:var(--wcfm-ink); } .wcfm-page-headig{ border-bottom:1px solid var(--wcfm-line); padding-bottom:14px; margin-bottom:22px; } .wcfm-page-headig .wcfmfa{ color:var(--wcfm-ink); } /* panels / cards / widgets */ .wcfm-container, .wcfm-content-container, .wcfm-main-content-wrap, .wcfm-collapse, .wcfm-tabWrap, .wcfm_dashboard_stats_block, .wcfm_dashboard_notifications, .wcfm_dashboard_wc_status, .wcfm_dashboard_latest_topics, .wcfm_dashboard_enquiries, .wcfm_welcomebox_header, .wcfm_welcomebox_user_right_box, .wcfm_user_usage_stat, .chart-container{ background:var(--wcfm-paper); border:1px solid var(--wcfm-line); border-radius:2px; } .wcfm-collapse > .wcfm-collapse-content{ border-top:0; } .wcfm-collapse .wcfm-collapse-head, .dashboard_widget_head, .wcfm_dashboard_item_title{ background:var(--wcfm-soft); color:var(--wcfm-ink); text-transform:uppercase; letter-spacing:.1em; font-size:.8rem; font-weight:500; border-bottom:1px solid var(--wcfm-line); } .wcfm_welcomebox_header{ background:var(--wcfm-soft); border-radius:2px; } .wcfm_welcomebox_user_details, .wcfm_welcomebox_user_profile, .wcfm_welcomebox_membership{ color:var(--wcfm-ink); } .wcfm_dashboard_stats_block i, .wcfm_dashboard_stats_block .wcfmfa, .wcfm_dashboard_notifications i, .wcfm-collapse i.wcfmfa, .wcfm_dashboard_item_title i{ color:var(--wcfm-ink) !important; } .wcfm_dashboard_stats_block strong, .wcfm_dashboard_stats_block .wcfm_dashboard_stats_count{ font-weight:500; } /* progress bar */ #wcfmmp_profile_complete_progressbar{ background:var(--wcfm-soft); border:1px solid var(--wcfm-line); border-radius:2px; } #wcfmmp_profile_complete_progressbar .ui-progressbar-value, .wcfmmp_profile_complete_progress_label{ background:var(--wcfm-ink); color:var(--wcfm-paper); } /* forms */ #wcfm-main-contentainer label, .wcfm_title, .wcfm_full_title, .wcfm_half_ele_title, .wcfm_half_ele_upload_title{ font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; color:var(--wcfm-ink); opacity:.85; font-weight:400; } #wcfm-main-contentainer input[type=text], #wcfm-main-contentainer input[type=email], #wcfm-main-contentainer input[type=url], #wcfm-main-contentainer input[type=number], #wcfm-main-contentainer input[type=password], #wcfm-main-contentainer input[type=search], #wcfm-main-contentainer input[type=tel], #wcfm-main-contentainer input[type=date], #wcfm-main-contentainer textarea, #wcfm-main-contentainer select, #wcfm-main-contentainer .wcfm-text, #wcfm-main-contentainer .wcfm-textarea, #wcfm-main-contentainer .wcfm-select{ font-size:.9rem; color:var(--wcfm-ink); background:var(--wcfm-paper); border:1px solid var(--wcfm-line); border-radius:2px; padding:10px 12px; -webkit-appearance:none; appearance:none; } #wcfm-main-contentainer input:focus, #wcfm-main-contentainer textarea:focus, #wcfm-main-contentainer select:focus, #wcfm-main-contentainer .wcfm-text:focus, #wcfm-main-contentainer .wcfm-textarea:focus{ border-color:var(--wcfm-ink); outline:none; } #wcfm-main-contentainer ::placeholder{ color:var(--wcfm-ink); opacity:.35; } #wcfm-main-contentainer input[type=checkbox], #wcfm-main-contentainer input[type=radio]{ accent-color:var(--wcfm-ink); width:15px; height:15px; } /* buttons */ #wcfm-main-contentainer .wcfm_submit_button, #wcfm-main-contentainer input[type=submit], #wcfm-main-contentainer button.button-primary, #wcfm-main-contentainer .button-primary, #wcfm-main-contentainer .button-secondary, #wcfm-main-contentainer .wcfm_product_popup_button, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard, #wcfm-main-contentainer .upload_button, #wcfm-main-contentainer .wcfm_img_uploader{ font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; color:var(--wcfm-ink) !important; background:transparent !important; border:1px solid var(--wcfm-ink) !important; border-radius:2px !important; padding:11px 20px !important; cursor:pointer; transition:background .2s ease,color .2s ease,letter-spacing .2s ease; } #wcfm-main-contentainer .wcfm_submit_button:hover, #wcfm-main-contentainer input[type=submit]:hover, #wcfm-main-contentainer .button-primary:hover, #wcfm-main-contentainer .button-secondary:hover, #wcfm-main-contentainer .wcfm_product_popup_button:hover, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard:hover, #wcfm-main-contentainer .upload_button:hover{ background:var(--wcfm-ink) !important; color:var(--wcfm-paper) !important; letter-spacing:.16em; } #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard .wcfmfa, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard .text, #wcfm-main-contentainer .wcfm_product_popup_button .wcfmfa{ color:inherit; } /* tables */ #wcfm-main-contentainer table, #wcfm-main-contentainer .wcfm-table, #wcfm-main-contentainer .wcfmmp-table, #wcfm-main-contentainer table.dataTable{ border-collapse:collapse !important; background:var(--wcfm-paper); font-size:.85rem; } #wcfm-main-contentainer thead th, #wcfm-main-contentainer table.dataTable thead th{ background:var(--wcfm-paper); color:var(--wcfm-ink); text-transform:uppercase; letter-spacing:.07em; font-size:.72rem; font-weight:500; border-bottom:1px solid var(--wcfm-ink); padding:12px 10px; } #wcfm-main-contentainer tbody td{ border-bottom:1px solid var(--wcfm-line); padding:11px 10px; color:var(--wcfm-ink); } #wcfm-main-contentainer tbody tr:hover td{ background:var(--wcfm-soft); } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{ font-family:var(--wcfm-font); border:1px solid var(--wcfm-line); border-radius:2px; padding:6px 8px; } .dataTables_wrapper .dataTables_paginate .paginate_button{ border-radius:2px !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current{ background:#1a1a1a !important; color:#ffffff !important; border:1px solid #1a1a1a !important; } /* notices */ .wcfm-message, #wcfm-main-contentainer .wcfm-message{ background:var(--wcfm-soft); border:1px solid var(--wcfm-ink); border-radius:2px; color:var(--wcfm-ink); } /* ===== 2 · SELECT2 ===== */ .select2-container .select2-selection--single, .select2-container .select2-selection--multiple{ border:1px solid var(--wcfm-line) !important; border-radius:2px !important; min-height:40px; background:var(--wcfm-paper); font-family:var(--wcfm-font); } .select2-container--default .select2-selection--single .select2-selection__rendered{ color:var(--wcfm-ink); line-height:38px; padding-left:12px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height:38px; } .select2-dropdown{ border:1px solid var(--wcfm-ink) !important; border-radius:2px !important; font-family:var(--wcfm-font); } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background:var(--wcfm-ink); color:var(--wcfm-paper); } /* ===== 3 · STOREFRONT ===== */ #wcfmmp-store{ font-family:var(--wcfm-font); color:var(--wcfm-ink); } #wcfmmp-store input, #wcfmmp-store select, #wcfmmp-store button, #wcfmmp-store textarea{ font-family:var(--wcfm-font) !important; } #wcfmmp-store #wcfm_store_header{ background:#1a1a1a !important; border-bottom:1px solid rgba(255,255,255,.12); padding:26px var(--container-padding,24px); } #wcfmmp-store .wcfm_banner_area, #wcfmmp-store .banner_img{ border-radius:2px; overflow:hidden; } #wcfmmp-store h1.wcfm_store_title, #wcfmmp-store .address h1.wcfm_store_title, #wcfmmp-store .banner_text h1{ font-weight:400; font-size:var(--h2-size,2rem); letter-spacing:.04em; color:var(--wcfm-ink); } #wcfmmp-store .wcfmmp-store-rating, #wcfmmp-store .wcfmmp-store-rating .rating{ color:var(--wcfm-ink); font-size:var(--fs-info,.8rem); } #wcfmmp-store .address, #wcfmmp-store .address span, #wcfmmp-store .address a, #wcfmmp-store .store_info_parallal{ color:var(--wcfm-ink); font-size:var(--fs-info,.8rem); letter-spacing:.03em; } #wcfmmp-store .address a:hover{ opacity:.55; } #wcfmmp-store .wcfmfa, #wcfmmp-store .address i, #wcfmmp-store .bd_icon i{ color:var(--wcfm-ink); } #wcfmmp-store .social_area ul li{ background:var(--wcfm-paper); border:1px solid var(--wcfm-line); border-radius:2px; } #wcfmmp-store .social_area ul li:hover{ background:var(--wcfm-ink); } #wcfmmp-store .social_area ul li:hover i, #wcfmmp-store .social_area ul li:hover a i{ color:var(--wcfm-paper); } #wcfmmp-store .tab_area{ border-bottom:1px solid var(--wcfm-line); } #wcfmmp-store .tab_area .tab_links li a{ font-size:.82rem; text-transform:uppercase; letter-spacing:.12em; color:var(--wcfm-ink); opacity:.5; padding:14px 4px; } #wcfmmp-store .tab_area .tab_links li.active a, #wcfmmp-store .tab_area .tab_links li:hover a{ opacity:1; } #wcfmmp-store .tab_area .tab_links li.active{ border-top:0 !important; } #wcfmmp-store .tab_area .tab_links li:after{ background:var(--wcfm-ink) !important; } #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow, #wcfmmp-store .add_review button{ font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; background:transparent !important; color:var(--wcfm-ink) !important; border:1px solid var(--wcfm-ink) !important; border-radius:2px !important; padding:10px 18px !important; transition:background .2s ease,color .2s ease; } #wcfmmp-store .bd_icon_box .follow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover, #wcfmmp-store .add_review button:hover{ background:var(--wcfm-ink) !important; color:var(--wcfm-paper) !important; } #wcfmmp-store .bd_icon_box .follow:hover span, #wcfmmp-store .bd_icon_box .follow:hover i, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover i, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover i{ color:var(--wcfm-paper) !important; } #wcfmmp-store .woocommerce-result-count{ font-size:var(--fs-info,.8rem); text-transform:uppercase; letter-spacing:.08em; opacity:.55; } #wcfmmp-store .woocommerce-ordering select.orderby, #wcfmmp-store select.orderby{ font-size:.8rem; border:1px solid var(--wcfm-line); border-radius:2px; background:var(--wcfm-paper); color:var(--wcfm-ink); padding:8px 10px; } #wcfmmp-store .left_sidebar{ background:var(--wcfm-paper); border:1px solid var(--wcfm-line); border-radius:2px; } #wcfmmp-store .sidebar_heading h4, #wcfmmp-store h2, #wcfmmp-store .user_name{ text-transform:uppercase; letter-spacing:.1em; color:var(--wcfm-ink); font-weight:500; } #wcfmmp-store .categories_list ul li a{ color:var(--wcfm-ink); } #wcfmmp-store .categories_list ul li a:hover{ opacity:.55; } /* ===== 4 · STORE DIRECTORY ===== */ #wcfmmp-stores-wrap{ font-family:var(--wcfm-font); color:var(--wcfm-ink); } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content{ background:var(--wcfm-paper) !important; border:1px solid var(--wcfm-line) !important; border-radius:2px !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-brand img, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-banner img{ border-radius:2px; } #wcfmmp-stores-wrap .store-data h2 a{ font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:var(--wcfm-ink); } #wcfmmp-stores-wrap .store-data h2 a:hover{ opacity:.55; } #wcfmmp-stores-wrap .store-data-container .store-address, #wcfmmp-stores-wrap .store-data-container .store-phone{ color:var(--wcfm-ink); opacity:.6; font-size:var(--fs-info,.8rem); } #wcfmmp-stores-wrap .store-data-container .star-rating span::before, .logo_area_after .wcfmmp-store-rating span:before{ color:var(--wcfm-ink) !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-enquiry a.wcfm_catalog_enquiry, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store{ font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; background:transparent !important; color:var(--wcfm-ink) !important; border:1px solid var(--wcfm-ink) !important; border-radius:2px !important; padding:9px 16px !important; transition:background .2s ease,color .2s ease; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-enquiry a.wcfm_catalog_enquiry:hover, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store:hover{ background:var(--wcfm-ink) !important; color:var(--wcfm-paper) !important; } /* ===== 5 · Leaflet ===== */ #wcfmmp-store .leaflet-container, .wcfm-store-map{ border:1px solid var(--wcfm-line); border-radius:2px; } /* ===== 6 · Responsive ===== */ @media (max-width:900px){ #wcfm_menu{ border-right:0; border-bottom:1px solid var(--wcfm-line); } #wcfmmp-store #wcfm_store_header{ padding:18px var(--container-padding,16px); } } /* ===== 4b STORE DIRECTORY extended/corrected scoping ===== */ #wcfmmp-stores-lists, .wcfmmp-stores-listing{ font-family:var(--wcfm-font); color:var(--wcfm-ink); } #wcfmmp-stores-lists *, .wcfmmp-stores-listing *{ box-shadow:none !important; text-shadow:none !important; } .wcfmmp-stores-listing input, .wcfmmp-stores-listing select, .wcfmmp-stores-listing button{ font-family:var(--wcfm-font) !important; } .wcfmmp-stores-listing select, .wcfmmp-stores-listing input[type=text], .wcfmmp-stores-listing input[type=search]{ font-size:.82rem; border:1px solid var(--wcfm-line); border-radius:2px; background:var(--wcfm-paper); color:var(--wcfm-ink); padding:9px 11px; } .wcfmmp-stores-listing select:focus, .wcfmmp-stores-listing input:focus{ border-color:var(--wcfm-ink); outline:none; } .wcfmmp-stores-listing .wcfmmp-single-store, #wcfmmp-stores-wrap .wcfmmp-single-store, .wcfmmp-stores-listing ul.wcfmmp-store-wrap li{ background:var(--wcfm-paper) !important; border:1px solid var(--wcfm-line) !important; border-radius:2px !important; } .wcfmmp-stores-listing .store-wrapper, .wcfmmp-stores-listing .store-content{ background:var(--wcfm-paper) !important; border:0 !important; } .wcfmmp-stores-listing .store-info[style*='default_banner'], .store-info[style*='default_banner']{ background-image:none !important; background:var(--wcfm-soft) !important; } .wcfmmp-stores-listing .store-info{ border-bottom:1px solid var(--wcfm-line); } .wcfmmp-stores-listing .store-avatar img[src*='wcfmmp-blue']{ display:none !important; } .wcfmmp-stores-listing .store-data h2 a, #wcfmmp-stores-wrap .store-data h2 a{ font-family:var(--wcfm-font); font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:var(--wcfm-ink); } .wcfmmp-stores-listing .store-data h2 a:hover{ opacity:.55; } .wcfmmp-stores-listing .store-data-container .store-address, .wcfmmp-stores-listing .store-data-container .store-phone, .wcfmmp-stores-listing .store-data-container .store-data p{ color:var(--wcfm-ink); opacity:.6; font-size:var(--fs-info,.8rem); } .wcfmmp-stores-listing .store-data-container .star-rating span::before, .wcfmmp-stores-listing .wcfmmp-store-rating span:before{ color:var(--wcfm-ink) !important; } .wcfmmp-stores-listing .wcfmfa{ color:var(--wcfm-ink); } .wcfmmp-stores-listing p.store-enquiry a.wcfm_catalog_enquiry, .wcfmmp-stores-listing .store-footer a.wcfmmp-visit-store, #wcfmmp-stores-wrap p.store-enquiry a.wcfm_catalog_enquiry, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store{ font-family:var(--wcfm-font) !important; font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; background:transparent !important; color:var(--wcfm-ink) !important; border:1px solid var(--wcfm-ink) !important; border-radius:2px !important; padding:9px 16px !important; transition:background .2s ease,color .2s ease; } .wcfmmp-stores-listing p.store-enquiry a.wcfm_catalog_enquiry:hover, .wcfmmp-stores-listing .store-footer a.wcfmmp-visit-store:hover, #wcfmmp-stores-wrap p.store-enquiry a.wcfm_catalog_enquiry:hover, #wcfmmp-stores-wrap .store-footer a.wcfmmp-visit-store:hover{ background:var(--wcfm-ink) !important; color:var(--wcfm-paper) !important; } .wcfmmp-stores-listing .wcfmmp-pagination a, .wcfmmp-stores-listing nav.woocommerce-pagination a, .wcfmmp-stores-listing .pagination a{ font-family:var(--wcfm-font); border:1px solid var(--wcfm-line); border-radius:2px; color:var(--wcfm-ink); } .wcfmmp-stores-listing .wcfmmp-pagination .current, .wcfmmp-stores-listing nav.woocommerce-pagination .current{ background:var(--wcfm-ink) !important; color:var(--wcfm-paper) !important; border:1px solid var(--wcfm-ink) !important; } #wcfmmp-store-list-map, .wcfmmp-store-list-map{ border:1px solid var(--wcfm-line); border-radius:2px; } /* ===== 7 QA PASS 1 — corrected overrides from live visual review ===== */ /* 7a dashboard: dark ink nav chrome (matches the site's dark nav) */ #wcfm-main-contentainer #wcfm_menu, #wcfm-main-contentainer .wcfm_menu_logo, #wcfm-main-contentainer .wcfm_menu_no_logo, #wcfm-main-contentainer .wcfm-page-headig{ background:#1a1a1a !important; background-color:#1a1a1a !important; box-shadow:none !important; } #wcfm-main-contentainer .wcfm-page-headig{ border-bottom:1px solid rgba(255,255,255,.12) !important; } #wcfm-main-contentainer .wcfm-page-headig .wcfm-page-heading-text{ color:#fff !important; text-transform:uppercase; letter-spacing:.12em; } #wcfm-main-contentainer .wcfm-page-headig .wcfmfa, #wcfm-main-contentainer .wcfm-page-headig a, #wcfm-main-contentainer .wcfm-page-headig a.active .wcfmfa, #wcfm-main-contentainer .wcfm_header_panel a, #wcfm-main-contentainer .wcfm_header_panel .wcfmfa, #wcfm-main-contentainer .wcfm_menu_toggler, #wcfm-main-contentainer .wcfm_responsive_menu_toggler{ color:#fff !important; } #wcfm-main-contentainer .wcfm_menu_logo h4, #wcfm-main-contentainer .wcfm_menu_logo h4 a, #wcfm-main-contentainer .wcfm_menu_no_logo h4, #wcfm-main-contentainer .wcfm_menu_no_logo h4 a{ color:#fff !important; text-transform:uppercase; letter-spacing:.1em; font-size:14px !important; } #wcfm_menu .wcfm_menu_item span{ color:#fff !important; } #wcfm_menu .wcfm_menu_items a.wcfm_menu_item{ border-bottom:1px solid rgba(255,255,255,.08) !important; } #wcfm_menu .wcfm_menu_items a.active{ background:#ffffff !important; } #wcfm_menu .wcfm_menu_items a.active span{ color:#1a1a1a !important; } #wcfm_menu .wcfm_menu_items a:hover span{ color:#fff !important; opacity:.55; } #wcfm_menu .wcfm_menu_items a.active:hover span{ color:#1a1a1a !important; opacity:1; } #wcfm_menu .wcfm_menu_items a.wcfm_menu_item:hover:after{ border-right-color:#ffffff !important; } #wcfm_menu span.wcfm_sub_menu_items{ background:#1a1a1a !important; box-shadow:0 0 0 1px rgba(255,255,255,.18) !important; } #wcfm_menu span.wcfm_sub_menu_items a{ color:#fff !important; } /* 7b kill teal accents */ #wcfm-main-contentainer .wcfm-collapse-content h2{ color:#1a1a1a !important; font-style:normal !important; font-weight:500 !important; } #wcfm-main-contentainer .wcfm_welcomebox_header, #wcfm-main-contentainer .wcfm_welcomebox_header *{ color:#1a1a1a !important; } #wcfm-main-contentainer table thead th, #wcfm-main-contentainer table thead td, #wcfm-main-contentainer table tfoot th, #wcfm-main-contentainer table tfoot td{ color:#1a1a1a !important; text-transform:uppercase; letter-spacing:.06em; font-size:.72rem; } #wcfm-main-contentainer table tbody td{ background:#fff !important; } #wcfm-main-contentainer table.dataTable.display tbody tr.odd td{ background:#fafafa !important; } #wcfm-main-contentainer input.wcfm-checkbox:checked:before{ color:#1a1a1a !important; } #wcfm-main-contentainer .wcfm_wp_admin_view, #wcfm-main-contentainer .wcfm_screen_manager{ color:#1a1a1a !important; } #wcfm-main-contentainer .wcfm_dashboard_latest_topic .fa-bullhorn{ color:#1a1a1a !important; } /* 7c stat tiles -> ink */ #wcfm-main-contentainer .wcfm_dashboard_stats_block .wcfmfa, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-dollar, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-currency, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-money, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-money-bill-alt, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-cubes, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-cube, #wcfm-main-contentainer .wcfm_dashboard_stats_block .fa-cart-plus{ background:#1a1a1a !important; color:#fff !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block strong, #wcfm-main-contentainer .wcfm_dashboard_stats_block strong .woocommerce-Price-amount, #wcfm-main-contentainer .wcfm_dashboard_stats_block a{ color:#1a1a1a !important; } /* 7d buttons -> ink solid */ #wcfm-main-contentainer input.wcfm_submit_button, #wcfm-main-contentainer button.wcfm_submit_button, #wcfm-main-contentainer a.wcfm_submit_button, #wcfm-main-contentainer .wcfm_add_category_bt, #wcfm-main-contentainer .wcfm_add_attribute, #wcfm-main-contentainer .wcfm_add_attribute_term, #wcfm-main-contentainer input.upload_button, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard, #wcfm-main-contentainer a.wcfm_import_export{ background:#1a1a1a !important; color:#fff !important; border:1px solid #1a1a1a !important; border-radius:2px !important; box-shadow:none !important; text-shadow:none !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-weight:500 !important; } #wcfm-main-contentainer input.wcfm_submit_button:hover, #wcfm-main-contentainer button.wcfm_submit_button:hover, #wcfm-main-contentainer a.wcfm_submit_button:hover, #wcfm-main-contentainer input.upload_button:hover, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard:hover, #wcfm-main-contentainer a.wcfm_import_export:hover{ background:#ffffff !important; color:#1a1a1a !important; } #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard:hover span.wcfmfa, #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard:hover span.text, #wcfm-main-contentainer a.wcfm_import_export:hover span.wcfmfa{ color:#1a1a1a !important; } /* 7e forms: kill shadows + teal focus */ #wcfm-main-contentainer input[type='text'], #wcfm-main-contentainer input[type='password'], #wcfm-main-contentainer input[type='number'], #wcfm-main-contentainer input[type='time'], #wcfm-main-contentainer input[type='search'], #wcfm-main-contentainer textarea, #wcfm-main-contentainer select, #wcfm-main-contentainer .wcfm-text, #wcfm-main-contentainer .wcfm-textarea, #wcfm-main-contentainer .wcfm-select, #wcfm-main-contentainer .select2-container{ box-shadow:none !important; } #wcfm-main-contentainer input:focus, #wcfm-main-contentainer textarea:focus, #wcfm-main-contentainer select:focus{ border-color:#1a1a1a !important; } #wcfm-main-contentainer p.wcfm_title strong, #wcfm-main-contentainer span.wcfm_title strong{ font-style:normal !important; font-weight:500 !important; } #wcfm-main-contentainer .page_collapsible label{ color:#1a1a1a !important; } #wcfm-main-contentainer .wcfm-collapse .wcfm-container, #wcfm-main-contentainer .wcfm-tabWrap{ box-shadow:none !important; border:1px solid var(--wcfm-line) !important; } /* 7f storefront: default banner -> ink hero, white name; ink icons; readable text */ #wcfmmp-store .banner_img[style*='default_banner'], #wcfmmp-store .wcfm_banner_area[style*='default_banner']{ background-image:none !important; background:#1a1a1a !important; height:220px !important; } #wcfmmp-store .banner_text h1{ color:#fff !important; } #wcfmmp-store .banner_text h1:before, #wcfmmp-store .banner_text h1:after{ background:#fff !important; } #wcfmmp-store .bd_icon_box .wcfmfa, #wcfmmp-store .bd_icon_box i, #wcfmmp-store .bd_icon i, #wcfmmp-store .address i, #wcfmmp-store .wcfmmp_store_header_email i{ color:#1a1a1a !important; } #wcfmmp-store .bd_icon_box .follow:hover .wcfmfa, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover .wcfmfa, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover .wcfmfa{ color:#fff !important; } #wcfmmp-store .address, #wcfmmp-store .address span, #wcfmmp-store .address a, #wcfmmp-store .store_info_parallal{ color:#1a1a1a !important; opacity:1 !important; } /* 7g avatar placeholder */ #wcfmmp-store .store-avatar, .wcfmmp-stores-listing .store-avatar, #wcfmmp-stores-wrap .store-avatar{ background:var(--wcfm-soft) !important; border:1px solid var(--wcfm-line) !important; box-shadow:none !important; } /* 7h directory: default banner soft; map grayscale */ .wcfmmp-stores-listing .store-info[style*='default_banner']{ background-image:none !important; background:var(--wcfm-soft) !important; } #wcfmmp-store-list-map, .wcfmmp-store-list-map, #wcfmmp-store .leaflet-container, .leaflet-container{ filter:grayscale(1) contrast(.95); } /* ===== 7i sidebar menu layout + badge/avatar neutralize ===== */ #wcfm_menu .wcfm_menu_items a.wcfm_menu_item{ display:flex !important; align-items:center !important; justify-content:flex-start !important; text-align:left !important; height:auto !important; min-height:46px !important; line-height:1.3 !important; padding:0 16px !important; } #wcfm_menu .wcfm_menu_item > span.wcfmfa{ display:inline-flex !important; align-items:center; justify-content:center; width:22px !important; min-width:22px; margin-right:12px !important; font-size:14px !important; } #wcfm_menu .wcfm_menu_item > span.text{ display:inline-block !important; font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important; white-space:nowrap; line-height:1.3 !important; } #wcfm_menu .wcfm_menu_home{ margin-top:0 !important; } #wcfm-main-contentainer .wcfm_header_panel .unread_notification_count, #wcfm-main-contentainer .wcfm_header_panel .unread_notification_count.notice_count, #wcfm-main-contentainer .wcfm_header_panel .unread_notification_count.enquiry_count{ background:#fff !important; color:#1a1a1a !important; } #wcfm-main-contentainer .wcfm_header_panel a.wcfm_header_panel_messages .notification-ring, #wcfm-main-contentainer .wcfm_header_panel a.wcfm_header_panel_enquiry .notification-ring, #wcfm-main-contentainer .wcfm_header_panel a.wcfm_header_panel_notice .notification-ring{ border-color:rgba(255,255,255,.5) !important; } #wcfm-main-contentainer .wcfm_header_panel_profile img, #wcfm-main-contentainer img.wcfm_header_panel_profile_img{ filter:grayscale(1) !important; } /* ===== 7j storefront banner overlay + enquiry icon (corrected) ===== */ #wcfmmp-store .banner_img{ box-shadow:inset 0 0 0 2000px rgba(26,26,26,.72) !important; height:260px !important; } #wcfmmp-store .banner_img, #wcfmmp-store .wcfm_slideshow_container{ max-height:260px !important; } #wcfmmp-store .banner_text h1{ color:#fff !important; } #wcfmmp-store .bd_icon_box a, #wcfmmp-store .bd_icon_box a .wcfmfa, #wcfmmp-store .bd_icon_box i.wcfmfa, #wcfmmp-store .bd_icon_box .wcfmfa, #wcfmmp-store .header_right .wcfmfa{ color:#1a1a1a !important; } #wcfmmp-store .bd_icon_box a:hover, #wcfmmp-store .bd_icon_box a:hover .wcfmfa{ color:#fff !important; background:#1a1a1a !important; } /* ===== 7k storefront banner: solid ink hero (clean, uniform) ===== */ #wcfmmp-store .banner_img{ background-image:none !important; background:#1a1a1a !important; box-shadow:none !important; height:240px !important; } #wcfmmp-store .banner_img, #wcfmmp-store .wcfm_slideshow_container{ max-height:240px !important; } #wcfmmp-store .banner_img img{ display:none !important; } #wcfmmp-store .banner_text h1{ color:#fff !important; } /* ===== 7l storefront: reveal product tiles (theme reveal-JS does not run on WCFM store pages) ===== */ #wcfmmp-store ul.products .grid-item .tile-img{ opacity:1 !important; } #wcfmmp-store ul.products .grid-item .tile-img.loading{ opacity:1 !important; } #wcfmmp-store ul.products .grid-item .img-wrap::after{ display:none !important; content:none !important; } #wcfmmp-store ul.products .grid-item .img-wrap{ background:transparent !important; } /* 7n storefront product tile cursor */ #wcfmmp-store ul.products .grid-item[data-artwork-url]{ cursor:pointer; } /* ============================================================ 8 NO-COMPROMISE PASS: mono font + strict monochrome on the public marketplace fronts (storefront + store directory) ============================================================ */ /* 8a override WCFM hard-coded non-mono faces -> IBM Plex Mono */ .qtip-tipsy, .wcfm_popup_wrapper .wcfm_popup_button, #wcfmmp-store .add_review_box textarea{ font-family:var(--font-body,'IBM Plex Mono',monospace) !important; } /* 8b popup button + review textarea -> flat brand style */ .wcfm_popup_wrapper .wcfm_popup_button{ background:#1a1a1a !important; color:#fff !important; border-radius:2px !important; text-transform:uppercase; letter-spacing:.1em; box-shadow:none !important; } #wcfmmp-store .add_review_box textarea{ box-shadow:none !important; border:1px solid rgba(0,0,0,.14) !important; border-radius:2px !important; color:#1a1a1a !important; } /* 8c star ratings -> ink (kills orange #ff912c) */ #wcfmmp-store .star-rating span::before, #wcfmmp-store .wcfmmp_store_info .star-rating span::before, #wcfm_store_header .wcfmmp-store-rating span:before, .wcfmmp-stores-listing .star-rating span::before, #wcfmmp-store p.stars a:after, #wcfmmp-store p.stars a:hover:after{ color:#1a1a1a !important; } /* 8d follow / chat / enquiry buttons -> outline brand button */ #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry{ background:transparent !important; color:#1a1a1a !important; border:1px solid #1a1a1a !important; border-radius:2px !important; text-transform:uppercase; letter-spacing:.08em; } #wcfmmp-store .bd_icon_box .follow span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry span{ color:#1a1a1a !important; } #wcfmmp-store .bd_icon_box .follow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover{ background:#1a1a1a !important; } #wcfmmp-store .bd_icon_box .follow:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover span{ color:#fff !important; } /* 8e storefront tabs active/hover -> ink */ #wcfmmp-store .tab_area .tab_links li.active{ border-top:2px solid #1a1a1a !important; } #wcfmmp-store .tab_area .tab_links li:after{ background:#1a1a1a !important; } #wcfmmp-store .tab_area .tab_links li.active a, #wcfmmp-store .tab_area .tab_links li:hover a{ color:#1a1a1a !important; } /* 8f category list / reviews menu / social hover / map info -> ink */ #wcfmmp-store .categories_list ul li a.active, #wcfmmp-store .categories_list ul li a:hover, ul.wcfm_reviews_menus li a{ color:#1a1a1a !important; } #wcfmmp-store .social_area ul li:hover, .wcfmmp_store_info_store_social ul li:hover{ background:#1a1a1a !important; } .wcfm_map_info_wrapper .wcfm_map_info_store{ color:#1a1a1a !important; } /* 8g multivendor 'sold by' action button -> outline brand button */ .wcfmmp_product_mulvendor_container a.wcfmmp_product_multivendor_action_button, a.wcfm_product_multivendor{ background:transparent !important; color:#1a1a1a !important; border:1px solid #1a1a1a !important; box-shadow:none !important; border-radius:2px !important; } /* 8h geolocation radius slider thumb -> ink */ .wcfmmp-product-geolocate-search-form .wcfmmp_radius_range::-webkit-slider-thumb{ background:#1a1a1a !important; } .wcfmmp-product-geolocate-search-form .wcfmmp_radius_range::-moz-range-thumb{ background:#1a1a1a !important; } /* 8i niche dashboard ids/badges -> monochrome */ .transaction_order_id, .withdrawal_order_ids{ color:#1a1a1a !important; } .wcfmmp-ledger-type-refund, .wcfmmp-ledger-type-partial-refund, .support-priority-high, .support-priority-urgent{ background-color:#1a1a1a !important; color:#fff !important; } /* 8j public-front link safety net -> ink + hover fade */ #wcfmmp-store a:not(.button):not(.add_to_cart_button){ color:#1a1a1a; } #wcfmmp-store a:hover, .wcfmmp-stores-listing a:hover{ opacity:.72; } /* ============================================================ 9 PUBLIC-FRONT POLISH: storefront logo + directory email/buttons ============================================================ */ /* 9a storefront logo circle -> beige, flat, hairline (match directory) */ #wcfmmp-store .logo_area{ background:#e8e4df !important; box-shadow:none !important; border:1px solid rgba(0,0,0,.08) !important; } #wcfmmp-store .logo_area img[src*='wcfmmp-blue'], #wcfmmp-store .logo_area img[src*='your-logo']{ display:none !important; } /* 9b remaining storefront star locations -> ink */ #wcfmmp-store .logo_area_after .wcfmmp-store-rating span:before, #wcfmmp-store .rating_box i.selected{ color:#1a1a1a !important; } /* 9c enquiry / follow icon -> white on hover (was ink-on-ink, invisible) */ #wcfmmp-store .bd_icon_box .follow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover{ color:#fff !important; } /* 9d directory email line -> flat muted mono text (kills teal gradient) */ #wcfmmp-stores-wrap ul.wcfmmp-store-wrap .store-phone, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data p.store-phone, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4 .store-phone, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-5 .store-phone, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap .store-address, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap p.store-phone{ background:none !important; border-radius:0 !important; color:#6b6b6b !important; width:auto !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap .store-phone i, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap .store-address i{ background:none !important; color:#1a1a1a !important; } /* 9e directory VISIT + enquiry buttons -> outline brand button (kills teal text) */ #wcfmmp-stores-wrap a.wcfmmp-visit-store, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry{ background:transparent !important; color:#1a1a1a !important; border:1px solid #1a1a1a !important; border-radius:2px !important; text-transform:uppercase; letter-spacing:.06em; } #wcfmmp-stores-wrap a.wcfmmp-visit-store:hover, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry:hover{ background:#1a1a1a !important; color:#fff !important; } /* ============================================================ 10 FULLY-DARK PUBLIC FRONTS (storefront + store directory) ============================================================ */ /* ---- 10A storefront: dark surfaces ---- */ .wcfmmp-single-store-holder, .wcfmmp-store-page-wrap, #wcfmmp-store, #wcfmmp-store .header_wrapper, #wcfmmp-store .header_area, #wcfmmp-store .header_right, #wcfmmp-store .bd_icon_area, #wcfmmp-store .body_area, #wcfmmp-store .right_side, #wcfmmp-store .left_side, #wcfmmp-store .tab_area, #wcfmmp-store .tab_links_area, #wcfmmp-store .product_area, #wcfmmp-store .products-wrapper{ background:#1a1a1a !important; } #wcfmmp-store .widget, #wcfmmp-store [class*='_side'], #wcfmmp-store .store_sidebar, #wcfmmp-store .tab_links li.active{ background:transparent !important; } /* 10A text -> light */ #wcfmmp-store, #wcfmmp-store h1,#wcfmmp-store h2,#wcfmmp-store h3,#wcfmmp-store h4,#wcfmmp-store h5, #wcfmmp-store p,#wcfmmp-store span,#wcfmmp-store li,#wcfmmp-store a,#wcfmmp-store label, #wcfmmp-store td,#wcfmmp-store th,#wcfmmp-store .widget,#wcfmmp-store .tile-info-name{ color:#e8e4df !important; } #wcfmmp-store .wcfmmp_store_header_email,#wcfmmp-store .wcfmmp_store_header_email a, #wcfmmp-store .tile-info-title,#wcfmmp-store .tile-info-medium,#wcfmmp-store .tile-info-uni,#wcfmmp-store .tile-info-price, #wcfmmp-store .tab_links li a,#wcfmmp-store .widget a,#wcfmmp-store .woocommerce-result-count{ color:rgba(232,228,223,.6) !important; } #wcfmmp-store .tab_links li.active a{ color:#e8e4df !important; } /* 10A hairline borders -> light */ #wcfmmp-store .tab_links,#wcfmmp-store .tab_links li,#wcfmmp-store .widget, #wcfmmp-store .header_area,#wcfmmp-store .body_area,#wcfmmp-store hr{ border-color:rgba(255,255,255,.12) !important; } /* 10A inputs -> dark */ #wcfmmp-store input[type=text],#wcfmmp-store input[type=search],#wcfmmp-store input[type=email], #wcfmmp-store select,#wcfmmp-store textarea,#wcfmmp-store .select2-selection{ background:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } #wcfmmp-store input::placeholder{ color:rgba(232,228,223,.4) !important; } /* 10A logo circle border -> light (stays beige) */ #wcfmmp-store .logo_area{ border:1px solid rgba(255,255,255,.14) !important; } /* 10A stars -> light */ #wcfmmp-store .star-rating::before{ color:rgba(255,255,255,.22) !important; } #wcfmmp-store .star-rating span::before, #wcfmmp-store .logo_area_after .wcfmmp-store-rating span:before{ color:#e8e4df !important; } /* 10A follow / chat / enquiry -> light outline */ #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry{ border-color:#e8e4df !important; color:#e8e4df !important; background:transparent !important; } #wcfmmp-store .bd_icon_box .follow span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry span{ color:#e8e4df !important; } #wcfmmp-store .bd_icon_box .follow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover{ background:#e8e4df !important; color:#1a1a1a !important; } #wcfmmp-store .bd_icon_box .follow:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow:hover span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover span{ color:#1a1a1a !important; } /* 10A tabs active indicator -> light */ #wcfmmp-store .tab_area .tab_links li.active{ border-top-color:#e8e4df !important; } #wcfmmp-store .tab_area .tab_links li:after{ background:#e8e4df !important; } /* ---- 10B directory: dark cards ---- */ #wcfmmp-stores-wrap .wcfmmp-single-store, .wcfmmp-stores-listing .wcfmmp-single-store{ background:#1d1d1d !important; border:1px solid rgba(255,255,255,.1) !important; } #wcfmmp-stores-wrap .store-wrapper, #wcfmmp-stores-wrap .store-content, #wcfmmp-stores-wrap .store-info, #wcfmmp-stores-wrap .store-footer, #wcfmmp-stores-wrap .store-data, #wcfmmp-stores-wrap .store-data-container{ background:transparent !important; } /* 10B text -> light */ #wcfmmp-stores-wrap, #wcfmmp-stores-wrap h1,#wcfmmp-stores-wrap h2,#wcfmmp-stores-wrap h3,#wcfmmp-stores-wrap h4, #wcfmmp-stores-wrap p,#wcfmmp-stores-wrap span,#wcfmmp-stores-wrap a,#wcfmmp-stores-wrap li, #wcfmmp-stores-wrap .store-name,#wcfmmp-stores-wrap .wcfmmp-store-name, .wcfmmp-stores-listing .store-name{ color:#e8e4df !important; } #wcfmmp-stores-wrap .store-phone,#wcfmmp-stores-wrap .store-address{ color:rgba(232,228,223,.55) !important; } /* 10B avatar border + stars -> light */ #wcfmmp-stores-wrap .store-avatar{ border-color:rgba(255,255,255,.14) !important; } #wcfmmp-stores-wrap .star-rating::before{ color:rgba(255,255,255,.22) !important; } #wcfmmp-stores-wrap .star-rating span::before{ color:#e8e4df !important; } /* 10B VISIT + enquiry -> light outline */ #wcfmmp-stores-wrap a.wcfmmp-visit-store, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry{ background:transparent !important; color:#e8e4df !important; border-color:#e8e4df !important; } #wcfmmp-stores-wrap a.wcfmmp-visit-store:hover, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry:hover{ background:#e8e4df !important; color:#1a1a1a !important; } /* 10B filters / search / sort -> dark */ .wcfmmp-stores-listing input[type=text],.wcfmmp-stores-listing input[type=search], .wcfmmp-stores-listing select,#wcfmmp-stores-wrap input,#wcfmmp-stores-wrap select{ background:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } .wcfmmp-stores-listing input::placeholder{ color:rgba(232,228,223,.4) !important; } /* 10B pagination -> light */ .wcfmmp-stores-listing .page-numbers,#wcfmmp-stores-wrap .page-numbers{ color:#e8e4df !important; border-color:rgba(255,255,255,.16) !important; } .wcfmmp-stores-listing .page-numbers.current,#wcfmmp-stores-wrap .page-numbers.current{ background:#e8e4df !important; color:#1a1a1a !important; } /* 11 dark-mode patch: storefront header + tab containers */ #wcfmmp-store [class*='header'], #wcfmmp-store .wcfm_store_header, #wcfm_store_header, #wcfmmp-store [class*='tab_'], #wcfmmp-store .tab_links li{ background:#1a1a1a !important; } #wcfmmp-store .tab_links li.active{ background:transparent !important; border-top:2px solid #e8e4df !important; } #wcfmmp-store .tab_links li.active a{ color:#e8e4df !important; } #wcfmmp-store .tab_links li a{ color:rgba(232,228,223,.6) !important; } /* 12 theme content wrapper -> dark on PUBLIC fronts only (not dashboard) */ body.wcfmmp-store-page .site-main, body.wcfmmp-store-page #primary, body.wcfmmp-store-page .content-area, body.wcfmmp-store-page #main, body.wcfmmp-store-list-page .site-main, body.wcfmmp-store-list-page #primary, body.wcfmmp-store-list-page .content-area, body.wcfmmp-store-list-page #main{ background:#1a1a1a !important; } /* 13 dark-mode patch 2: directory names + filters + sorting */ /* 13a directory store name -> light */ #wcfmmp-stores-wrap .store-data h2 a, #wcfmmp-stores-wrap .store-data h2, #wcfmmp-stores-wrap .store-data .store-name a{ color:#e8e4df !important; } /* 13b directory search / filter inputs -> dark */ .wcfmmp-store-search-form input, .wcfmmp-store-search-form select, .wcfmmp-store-search-form input.search-field, input.wcfmmp-store-search, #wcfmmp-stores-wrap input, #wcfmmp-stores-wrap select{ background:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } .wcfmmp-store-search-form input::placeholder{ color:rgba(232,228,223,.4) !important; } /* 13c storefront sorting dropdown -> dark */ #wcfmmp-store .woocommerce-ordering select, #wcfmmp-store select.orderby{ background:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } /* ============================================================ 14 DASHBOARD STATUS BADGES -> monochrome (order/payment/stock) uniform beige chip + ink uppercase mono text; status icons ink ============================================================ */ [class*='order-status-'], .wcpv-paid-status, .wcpv-unpaid-status, .wcpv-pending-status, .wcpv-void-status, #wcfm-main-contentainer .order-status, #wcfm-main-contentainer .fulfillment-status, #wcfm-main-contentainer .order-status[class*='status-'], #wcfm-main-contentainer .fulfillment-status[class*='status-']{ background:#e8e4df !important; background-color:#e8e4df !important; color:#1a1a1a !important; border:1px solid rgba(0,0,0,.12) !important; border-radius:2px !important; text-transform:uppercase !important; letter-spacing:.05em; font-family:var(--font-body,'IBM Plex Mono',monospace) !important; box-shadow:none !important; } #wcfm-main-contentainer [class*='wcicon-status-'], #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-cube, #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-life-ring, #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-minus-circle, #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-sort-amount-down, #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-times-circle, #wcfm-main-contentainer .wcfm_dashboard_wc_status_data .fa-truck{ color:#1a1a1a !important; } /* 15 directory dark-mode FIX: anchor to the card class (root-agnostic) */ .wcfmmp-single-store{ background:#1d1d1d !important; border:1px solid rgba(255,255,255,.1) !important; } .wcfmmp-single-store .store-wrapper, .wcfmmp-single-store .store-content, .wcfmmp-single-store .store-info, .wcfmmp-single-store .store-footer, .wcfmmp-single-store .store-data, .wcfmmp-single-store .store-data-container{ background:transparent !important; } .wcfmmp-single-store .store-data h2, .wcfmmp-single-store .store-data h2 a, .wcfmmp-single-store .store-name a, .wcfmmp-single-store h2 a, .wcfmmp-single-store p, .wcfmmp-single-store span, .wcfmmp-single-store a{ color:#e8e4df !important; } .wcfmmp-single-store .store-phone, .wcfmmp-single-store .store-address{ color:rgba(232,228,223,.55) !important; } .wcfmmp-single-store .star-rating::before{ color:rgba(255,255,255,.22) !important; } .wcfmmp-single-store .star-rating span::before{ color:#e8e4df !important; } .wcfmmp-single-store a.wcfmmp-visit-store, .wcfmmp-single-store a.wcfm_catalog_enquiry{ background:transparent !important; color:#e8e4df !important; border:1px solid #e8e4df !important; border-radius:2px !important; } .wcfmmp-single-store a.wcfmmp-visit-store:hover, .wcfmmp-single-store a.wcfm_catalog_enquiry:hover{ background:#e8e4df !important; color:#1a1a1a !important; } .wcfmmp-single-store .store-avatar{ border:1px solid rgba(255,255,255,.14) !important; } /* 16 directory dark - max specificity matching WCFM's own selectors */ #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.wcfmmp-single-store, .wcfmmp-stores-listing ul.wcfmmp-store-wrap li.wcfmmp-single-store{ background:#1d1d1d !important; border:1px solid rgba(255,255,255,.1) !important; box-shadow:none !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content .store-info, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data-container{ background:transparent !important; background-image:none !important; box-shadow:none !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content .store-info{ height:auto !important; min-height:0 !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-data h2 a, #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-data h2{ color:#e8e4df !important; text-shadow:none !important; } #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-avatar{ background:#e8e4df !important; border:1px solid rgba(255,255,255,.14) !important; } /* 17 public-front inputs / selects / select2 -> dark (storefront + directory) */ body.wcfmmp-store-page input[type=text], body.wcfmmp-store-page input[type=search], body.wcfmmp-store-page input[type=email], body.wcfmmp-store-page select, body.wcfmmp-store-page textarea, body.wcfmmp-store-page .search-field, body.wcfmmp-store-list-page input[type=text], body.wcfmmp-store-list-page input[type=search], body.wcfmmp-store-list-page select, body.wcfmmp-store-list-page textarea, body.wcfmmp-store-list-page .search-field, body.wcfmmp-store-list-page .wcfmmp-store-search, body.wcfmmp-store-page .select2-container--default .select2-selection, body.wcfmmp-store-list-page .select2-container--default .select2-selection, body.wcfmmp-store-page .select2-search__field, body.wcfmmp-store-list-page .select2-search__field, body.wcfmmp-store-page .select2-dropdown, body.wcfmmp-store-list-page .select2-dropdown{ background:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } body.wcfmmp-store-page input::placeholder, body.wcfmmp-store-list-page input::placeholder{ color:rgba(232,228,223,.4) !important; } body.wcfmmp-store-page .select2-results__option, body.wcfmmp-store-list-page .select2-results__option, body.wcfmmp-store-page .select2-selection__rendered, body.wcfmmp-store-list-page .select2-selection__rendered{ color:#e8e4df !important; } body.wcfmmp-store-page .select2-selection__arrow b, body.wcfmmp-store-list-page .select2-selection__arrow b{ border-color:#e8e4df transparent transparent !important; } /* 18 public-front pagination -> dark (storefront + directory) */ body.wcfmmp-store-list-page .wcfmmp-pagination a, body.wcfmmp-store-list-page .wcfmmp-pagination span, body.wcfmmp-store-list-page .page-numbers, body.wcfmmp-store-list-page nav.woocommerce-pagination a, body.wcfmmp-store-list-page nav.woocommerce-pagination span, body.wcfmmp-store-page .wcfmmp-pagination a, body.wcfmmp-store-page .wcfmmp-pagination span, body.wcfmmp-store-page .page-numbers, body.wcfmmp-store-page nav.woocommerce-pagination a, body.wcfmmp-store-page nav.woocommerce-pagination span{ background:#1d1d1d !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow:none !important; } body.wcfmmp-store-list-page .page-numbers.current, body.wcfmmp-store-list-page .wcfmmp-pagination .current, body.wcfmmp-store-page .page-numbers.current, body.wcfmmp-store-page .wcfmmp-pagination .current{ background:#e8e4df !important; color:#1a1a1a !important; border-color:#e8e4df !important; } body.wcfmmp-store-list-page .page-numbers:hover, body.wcfmmp-store-page .page-numbers:hover{ background:rgba(232,228,223,.15) !important; color:#e8e4df !important; } /* 19 reset native control appearance so the dark bg actually paints (Chrome renders type=search/native selects opaque white otherwise) */ body.wcfmmp-store-page input[type=text], body.wcfmmp-store-page input[type=search], body.wcfmmp-store-page input[type=email], body.wcfmmp-store-list-page input[type=text], body.wcfmmp-store-list-page input[type=search], body.wcfmmp-store-list-page input[type=email], body.wcfmmp-store-list-page .wcfmmp-store-search, body.wcfmmp-store-list-page .search-field, body.wcfmmp-store-list-page #search{ -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-color:#232323 !important; background-image:none !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:2px !important; } body.wcfmmp-store-page input[type=search]::-webkit-search-cancel-button, body.wcfmmp-store-list-page input[type=search]::-webkit-search-cancel-button, body.wcfmmp-store-page input[type=search]::-webkit-search-decoration, body.wcfmmp-store-list-page input[type=search]::-webkit-search-decoration{ -webkit-appearance:none !important; appearance:none !important; } /* 20 storefront artist-mode header + tabs + ordering -> dark monochrome (beige accent kept) */ body.wcfmmp-store-page #wcfm_store_header, body.wcfmmp-store-page #wcfm_store_header .header_wrapper, body.wcfmmp-store-page #wcfm_store_header .header_area, body.wcfmmp-store-page #wcfm_store_header .header_left, body.wcfmmp-store-page #wcfm_store_header .header_right, body.wcfmmp-store-page #wcfm_store_header .address, body.wcfmmp-store-page #wcfm_store_header .logo_area_after, body.wcfmmp-store-page #wcfm_store_header .store_info_parallal{ background:#1a1a1a !important; background-color:#1a1a1a !important; border-color:rgba(255,255,255,.12) !important; } body.wcfmmp-store-page #wcfm_store_header, body.wcfmmp-store-page #wcfm_store_header *:not(img){ color:#e8e4df !important; } body.wcfmmp-store-page #wcfm_store_header .wcfmmp_store_header_email a{ color:#e8e4df !important; } body.wcfmmp-store-page #tabsWithStyle .tab_links{ border-bottom:1px solid rgba(255,255,255,.14) !important; } body.wcfmmp-store-page #tabsWithStyle .tab_links li a{ color:rgba(232,228,223,.6) !important; background:transparent !important; box-shadow:none !important; } body.wcfmmp-store-page #tabsWithStyle .tab_links li.active a{ color:#e8e4df !important; } body.wcfmmp-store-page #tabsWithStyle .tab_links li.active{ border-top:2px solid #e8e4df !important; border-bottom-color:#e8e4df !important; background:transparent !important; box-shadow:none !important; } body.wcfmmp-store-page .tab_area, body.wcfmmp-store-page .body_area, body.wcfmmp-store-page .right_side, body.wcfmmp-store-page .tab_links_area{ background:transparent !important; } body.wcfmmp-store-page .woocommerce-ordering select, body.wcfmmp-store-page select.orderby, body.wcfmmp-store-page input.search-field, body.wcfmmp-store-page #woocommerce-product-search-field-0{ -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-color:#232323 !important; background-image:none !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:2px !important; } body.wcfmmp-store-page .woocommerce-ordering select option, body.wcfmmp-store-page select.orderby option{ background:#232323 !important; color:#e8e4df !important; } /* 20 STOREFRONT: seamless dark - kill white header band + product void (scoped body.wcfmmp-store-page, nesting-agnostic) */ body.wcfmmp-store-page #primary.content-area, body.wcfmmp-store-page main#main.site-main, body.wcfmmp-store-page #wcfmmp-store{ background:#1a1a1a !important; } body.wcfmmp-store-page #wcfmmp-store-content, body.wcfmmp-store-page .wcfmmp-store-page-wrap, body.wcfmmp-store-page #wcfm_store_header, body.wcfmmp-store-page .header_wrapper, body.wcfmmp-store-page .header_area, body.wcfmmp-store-page .header_right, body.wcfmmp-store-page .header_left, body.wcfmmp-store-page .bd_icon_area, body.wcfmmp-store-page #products, body.wcfmmp-store-page .product_area, body.wcfmmp-store-page .products-wrapper, body.wcfmmp-store-page .products-wrapper ul.products, body.wcfmmp-store-page ul.products, body.wcfmmp-store-page ul.products li.product, body.wcfmmp-store-page .grid-item, body.wcfmmp-store-page .tile-info, body.wcfmmp-store-page .tile-info-inner, body.wcfmmp-store-page .img-wrap, body.wcfmmp-store-page .woocommerce-notices-wrapper, body.wcfmmp-store-page #wcfmmp-store .woocommerce{ background:transparent !important; background-color:transparent !important; box-shadow:none !important; } body.wcfmmp-store-page .tile-info, body.wcfmmp-store-page .tile-info *, body.wcfmmp-store-page .tile-info a{ color:#e8e4df !important; } body.wcfmmp-store-page .tile-info-medium, body.wcfmmp-store-page .tile-info-uni{ color:rgba(232,228,223,.6) !important; } #wcfmmp-store .bd_icon_box .wcfm_store_enquiry{ background:transparent !important; color:#e8e4df !important; border:1px solid rgba(232,228,223,.5) !important; } #wcfmmp-store .bd_icon_box .wcfm_store_enquiry:hover{ background:rgba(232,228,223,.12) !important; color:#ffffff !important; } /* 21 storefront: neutralize wcfmmp-style-store.css white fills (it loads after the skin; rules are not !important, so ours win). Exact selectors taken from that file. */ #wcfmmp-store .logo_area img[src*='wcfmmp-blue'], #wcfmmp-store .logo_area img[src*='your-logo'], #wcfmmp-store .logo_area img[src*='placeholder']{ display:none !important; } #wcfmmp-store .tab_area .tab_links{ background:transparent !important; } #wcfmmp-store .tab_area .tab_links li.active{ background-color:transparent !important; } #wcfmmp-store .reviews_area, #wcfmmp-store .policies_area, #wcfmmp-store .wcfm_store_description{ background:transparent !important; color:#e8e4df !important; } #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow{ background:transparent !important; } #wcfmmp-store .social_area ul li, .wcfmmp_store_info_store_social ul li{ background:transparent !important; } #wcfmmp-store input[type="text"], #wcfmmp-store input[type="email"], #wcfmmp-store textarea, #wcfmmp-store .add_review input, #wcfmmp-store .add_review_box textarea{ background-color:#232323 !important; background-image:none !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; } #wcfmmp-store ins{ background:transparent !important; color:#e8e4df !important; } /* 22 directory filters: state/category/country selects + select2 widgets -> dark (state select rendered white) */ body.wcfmmp-store-list-page #wcfmmp_store_category, body.wcfmmp-store-list-page #wcfmmp_store_country, body.wcfmmp-store-list-page #wcfmmp_store_state, body.wcfmmp-store-list-page select.wcfm-select, body.wcfmmp-store-list-page select.country_select{ background-color:#232323 !important; color:#e8e4df !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:2px !important; } body.wcfmmp-store-list-page select.wcfm-select option, body.wcfmmp-store-list-page #wcfmmp_store_state option{ background:#232323 !important; color:#e8e4df !important; } body.wcfmmp-store-list-page .select2-selection, body.wcfmmp-store-list-page .select2-selection__rendered, body.wcfmmp-store-list-page .select2-dropdown, body.wcfmmp-store-list-page .select2-search__field, body.wcfmmp-store-list-page .select2-results__options{ background-color:#232323 !important; color:#e8e4df !important; border-color:rgba(255,255,255,.16) !important; } /* 23 directory pagination current page -> beige accent (was a light/white box) */ body.wcfmmp-store-list-page .wcfmmp-pagination .current, body.wcfmmp-store-list-page nav.woocommerce-pagination .current, body.wcfmmp-store-list-page .woocommerce-pagination .current, body.wcfmmp-store-list-page ul.page-numbers .current, body.wcfmmp-store-list-page .page-numbers.current{ background:#e8e4df !important; background-color:#e8e4df !important; color:#1a1a1a !important; border:1px solid #e8e4df !important; box-shadow:none !important; } /* 24 storefront left widget sidebar -> dark (was #efefef + 20% bottom padding = the tall light void) */ #wcfmmp-store .left_sidebar{ background:transparent !important; background-color:transparent !important; border:1px solid rgba(255,255,255,.12) !important; padding-bottom:4% !important; } #wcfmmp-store .left_sidebar, #wcfmmp-store .left_sidebar *, #wcfmmp-store .left_sidebar a, #wcfmmp-store .left_sidebar .widget-title, #wcfmmp-store .left_sidebar h3{ color:#e8e4df !important; } /* ============================================================ 25 ENQUIRY "Ask a Question" popup - minimal, flat, borderless. Body-level Colorbox modal. One dark tone (#1a1a1a), zero borders, zero shadows, IBM Plex Mono uppercase type. ============================================================ */ body #colorbox, body #cboxWrapper, body #cboxContent, body #cboxLoadedContent, body #cboxTopLeft, body #cboxTopCenter, body #cboxTopRight, body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxBottomLeft, body #cboxBottomCenter, body #cboxBottomRight{ background:#1a1a1a !important; background-color:#1a1a1a !important; background-image:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; } body #cboxOverlay{ background:#0a0a0a !important; } body #cboxContent{ padding:0 !important; overflow:visible !important; } body #cboxLoadedContent{ margin:0 !important; padding:0 !important; } body #cboxClose{ background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important; text-indent:0 !important; font-size:0 !important; width:42px !important; height:42px !important; top:4px !important; right:4px !important; opacity:1 !important; } body #cboxClose:after{ content:'×'; display:block; font-family:'IBM Plex Mono', monospace; font-weight:400; font-size:22px; line-height:42px; text-align:center; color:rgba(232,228,223,.5); } body #cboxClose:hover:after{ color:#e8e4df !important; } body #enquiry_form_wrapper, body .enquiry_form_wrapper_hide, body #enquiry_form.wcfm_popup_wrapper, body .wcfm_popup_wrapper, body #wcfm_enquiry_form, body .wcfm_popup_wrapper table, body .wcfm_popup_wrapper td{ background:transparent !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; } body #enquiry_form.wcfm_popup_wrapper{ padding:34px 36px 30px !important; } body .wcfm_popup_wrapper h2{ font-family:'IBM Plex Mono', monospace !important; font-style:normal !important; font-weight:500 !important; text-transform:uppercase !important; letter-spacing:.14em !important; color:#e8e4df !important; font-size:15px !important; margin:0 0 22px !important; padding:0 !important; float:none !important; text-align:left !important; } body .wcfm_popup_wrapper .wcfm_popup_label, body .wcfm_popup_wrapper .wcfm_popup_label strong{ font-family:'IBM Plex Mono', monospace !important; font-style:normal !important; font-weight:400 !important; text-transform:uppercase !important; letter-spacing:.12em !important; color:rgba(232,228,223,.5) !important; font-size:11px !important; width:100% !important; margin:0 0 8px !important; padding:0 !important; display:block !important; } body .wcfm_popup_wrapper .wcfm_popup_label .required{ color:rgba(232,228,223,.3) !important; } body .wcfm_popup_wrapper .wcfm_popup_input, body .wcfm_popup_wrapper input[type='text'], body .wcfm_popup_wrapper input[type='email'], body .wcfm_popup_wrapper textarea, body .wcfm_popup_wrapper .wcfm_popup_textarea{ font-family:'IBM Plex Mono', monospace !important; font-size:13px !important; color:#e8e4df !important; background:#1a1a1a !important; background-color:#1a1a1a !important; background-image:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; outline:none !important; width:100% !important; padding:10px 0 !important; margin:0 0 20px !important; } body .wcfm_popup_wrapper textarea, body .wcfm_popup_wrapper .wcfm_popup_textarea{ min-height:120px !important; resize:none !important; } body .wcfm_popup_wrapper .wcfm_popup_input::placeholder, body .wcfm_popup_wrapper textarea::placeholder{ color:rgba(232,228,223,.3) !important; } body .wcfm_popup_wrapper .comment-notes{ font-family:'IBM Plex Mono', monospace !important; color:rgba(232,228,223,.35) !important; font-size:10px !important; margin:0 0 8px !important; } body .wcfm_popup_wrapper p.form-submit{ margin:6px 0 0 !important; padding:0 !important; text-align:left !important; } body #wcfm_enquiry_submit_button, body .wcfm_popup_wrapper .wcfm_popup_button{ font-family:'IBM Plex Mono', monospace !important; font-size:12px !important; font-weight:400 !important; text-transform:uppercase !important; letter-spacing:.18em !important; color:#e8e4df !important; background:transparent !important; background-color:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; padding:8px 0 !important; margin:0 !important; cursor:pointer !important; width:auto !important; } body #wcfm_enquiry_submit_button:hover, body .wcfm_popup_wrapper .wcfm_popup_button:hover{ color:#ffffff !important; background:transparent !important; } body .wcfm_popup_wrapper .wcfm_gglcptch_wrapper{ float:none !important; margin:0 0 10px !important; } /* 25b popup: zero borders / shadows / dividers on every child (no-border requirement) */ body #enquiry_form, body #enquiry_form *, body #enquiry_form_wrapper, body #enquiry_form_wrapper *, body .wcfm_popup_wrapper, body .wcfm_popup_wrapper *{ border:0 !important; box-shadow:none !important; } body .wcfm_popup_wrapper p.form-submit, body .wcfm_popup_wrapper .comment-notes, body .wcfm_popup_wrapper .wcfm-message, body .wcfm_popup_wrapper .wcfm_clearfix, body .wcfm_popup_wrapper .wcfm-clearfix, body .wcfm_popup_wrapper hr{ border:0 !important; background:transparent !important; background-color:transparent !important; } /* 25c popup: hide field labels (placeholder carries the guidance) */ body .wcfm_popup_wrapper .wcfm_popup_label{ display:none !important; } /* ============================================================ 26 DASHBOARD - neutralize WCFM/WC/DataTables accents to monochrome. Status bits -> plain mono text; analytics charts -> grayscale. Content-only classes scoped to #wcfm-main-contentainer; links + the responsive expander scoped to the #wcfm-products list. Dark chrome and its beige accent are left untouched. ============================================================ */ #wcfm-products a, #wcfm-products a.wcfm_product_title{ color:#222222 !important; border-color:transparent !important; } #wcfm-products a:hover, #wcfm-products a.wcfm_product_title:hover{ color:#000000 !important; } #wcfm-main-contentainer .wcfm-action-icon, #wcfm-main-contentainer .wcfm-action-icon .wcfmfa{ color:#555555 !important; border-color:transparent !important; } #wcfm-main-contentainer .wcfm-action-icon:hover, #wcfm-main-contentainer .wcfm-action-icon:hover .wcfmfa{ color:#1a1a1a !important; } #wcfm-main-contentainer .product-status, #wcfm-main-contentainer [class*='product-status-']{ background:transparent !important; background-color:transparent !important; color:#222222 !important; border:0 !important; padding-left:0 !important; padding-right:0 !important; } #wcfm-main-contentainer .instock, #wcfm-main-contentainer .outofstock, #wcfm-main-contentainer .onbackorder{ background:transparent !important; background-color:transparent !important; color:#222222 !important; } #wcfm-main-contentainer .view_count{ color:#222222 !important; background:transparent !important; } #wcfm-products > tbody > tr > td:first-child:before, #wcfm-products td.dtr-control:before, #wcfm-products td.control:before{ background-color:#1a1a1a !important; background-image:none !important; } #wcfm-products > tbody > tr.parent > td:first-child:before, #wcfm-products tr.parent td.dtr-control:before{ background-color:#777777 !important; } #wcfm-main-contentainer canvas{ filter:grayscale(1) !important; } /* dashboard content links (teal) -> dark monochrome; widget bodies (.wcfm-content) only, dark chrome untouched */ #wcfm-main-contentainer .wcfm-content a, #wcfm-main-contentainer .wcfm-content a *{ color:#222222 !important; } #wcfm-main-contentainer .wcfm-content a:hover, #wcfm-main-contentainer .wcfm-content a:hover *{ color:#000000 !important; } /* WCFM/WC report stat boxes - coloured accent borders + numbers -> monochrome (overrides inline border-color) */ #wcfm-main-contentainer .highlight_series, #wcfm-main-contentainer .light_series{ border-color:#555555 !important; } #wcfm-main-contentainer .highlight_series strong, #wcfm-main-contentainer .light_series strong, #wcfm-main-contentainer .highlight_series strong *, #wcfm-main-contentainer .light_series strong *{ color:#222222 !important; } /* ============================================================ 27 DASHBOARD product add/edit form - neutralize WCFM/WP accent colours to monochrome (form is pre-loaded hidden on the products list). All targeted classes are form/content-specific; dark chrome untouched. ============================================================ */ #wcfm-main-contentainer .page_collapsible{ background-color:#1a1a1a !important; } #wcfm-main-contentainer p.description{ color:#222222 !important; } #wcfm-main-contentainer .fields_collapser{ color:#555555 !important; } #wcfm-main-contentainer .wcfm_screen_manager_dummy, #wcfm-main-contentainer .wcfm_screen_manager_dummy *{ color:#888888 !important; } #wcfm-main-contentainer select.wcfm-select{ color:#222222 !important; } #wcfm_products_manage_form a, #wcfm_products_manage_form a *{ color:#222222 !important; } #wcfm_products_manage_form a:hover, #wcfm_products_manage_form a:hover *{ color:#000000 !important; } #wcfm-main-contentainer .insert-media, #wcfm-main-contentainer button.insert-media{ color:#222222 !important; border-color:#888888 !important; } #wcfm-main-contentainer .wp-media-buttons-icon{ color:#222222 !important; } #wcfm-main-contentainer .img_tip{ background-color:#888888 !important; border-color:#888888 !important; } #wcfm-main-contentainer .required{ color:#222222 !important; } /* ============================================================ 28 DASHBOARD form - second-pass monochrome fixes from audit: TinyMCE toolbar icons (#50575e near-gray) + product-form section-nav teal accents (active header text, content base, arrows). ============================================================ */ #wcfm-main-contentainer .mce-ico{ color:#555555 !important; } #wcfm-main-contentainer .mce-caret{ border-top-color:#555555 !important; } #wcfm-main-contentainer .page_collapsible, #wcfm-main-contentainer .page_collapsible *{ color:#e8e4df !important; } #wcfm-main-contentainer .page_collapsible_content_holder{ color:#222222 !important; } #wcfm-main-contentainer .block-indicator, #wcfm-main-contentainer .sub_checklist_toggler{ color:#888888 !important; } /* Section 30 - reports stat-box metric markers: minimal legend chip (tinted to matching chart series), top-left. data-series 0 (items purchased) has no chart line -> hollow chip. */ #wcfm-main-contentainer .highlight_series[data-series], #wcfm-main-contentainer .light_series[data-series]{ position:relative !important; border:1px solid rgba(0,0,0,0.10) !important; } #wcfm-main-contentainer .highlight_series[data-series]::after{ content:'' !important; position:absolute !important; top:8px !important; left:8px !important; width:10px !important; height:10px !important; box-sizing:border-box !important; border-radius:1px !important; background:#9a9a9a !important; } #wcfm-main-contentainer .highlight_series[data-series='6']::after{ background:#2b2b2b !important; } #wcfm-main-contentainer .highlight_series[data-series='7']::after{ background:#4a3f30 !important; } #wcfm-main-contentainer .highlight_series[data-series='5']::after{ background:#5e5b55 !important; } #wcfm-main-contentainer .highlight_series[data-series='4']::after{ background:#7a6b50 !important; } #wcfm-main-contentainer .highlight_series[data-series='8']::after{ background:#908d86 !important; } #wcfm-main-contentainer .highlight_series[data-series='1']::after{ background:#bdbab2 !important; } #wcfm-main-contentainer .highlight_series[data-series='0']::after{ background:#ab9c7f !important; } /* Section 31 - reports sub-navigation links -> monochrome */ #wcfm-main-contentainer .wcfm_reports_menu_item a{ color:#222222 !important; } #wcfm-main-contentainer .wcfm_reports_menu_item a:hover{ color:#000000 !important; } /* Section 32 - dashboard home stat tiles: corner chip (top-right); gross + orders match chart series, commission + items have no chart line so use two further palette tones */ #wcfm-main-contentainer .wcfm_dashboard_stats .wcfm_dashboard_stats_block{ position:relative !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block::after{ content:'' !important; position:absolute !important; top:8px !important; right:8px !important; width:10px !important; height:10px !important; box-sizing:border-box !important; border-radius:1px !important; background:#9a9a9a !important; pointer-events:none !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block:has(.fa-currency)::after{ background:#2b2b2b !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block:has(.fa-cart-plus)::after{ background:#bdbab2 !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block:has(.fa-money)::after{ background:#7a6b50 !important; } #wcfm-main-contentainer .wcfm_dashboard_stats_block:has(.fa-cube)::after{ background:#ab9c7f !important; } /* ============================================================ Section 33 - global clean-up: borderless + minimal colour scope = vendor dashboard + management pages (#wcfm-main-contentainer) sidebar (#wcfm_menu) text/links left intact ============================================================ */ #wcfm-main-contentainer#wcfm-main-contentainer *{ border-style:none !important; } #wcfm-main-contentainer#wcfm-main-contentainer table tbody tr td{ border-bottom:1px solid rgba(0,0,0,.05) !important; } #wcfm-main-contentainer#wcfm-main-contentainer table thead th{ border-bottom:1px solid rgba(0,0,0,.09) !important; } #wcfm-main-contentainer#wcfm-main-contentainer input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #wcfm-main-contentainer#wcfm-main-contentainer select, #wcfm-main-contentainer#wcfm-main-contentainer textarea, #wcfm-main-contentainer#wcfm-main-contentainer .select2-container--default .select2-selection{ background:rgba(0,0,0,.05) !important; border-radius:2px !important; box-shadow:none !important; } #wcfm-main-contentainer#wcfm-main-contentainer input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus, #wcfm-main-contentainer#wcfm-main-contentainer select:focus, #wcfm-main-contentainer#wcfm-main-contentainer textarea:focus{ background:rgba(0,0,0,.09) !important; outline:0 !important; } #wcfm-main-contentainer#wcfm-main-contentainer a:not(#wcfm_menu a){ color:#222222 !important; } #wcfm-main-contentainer#wcfm-main-contentainer a:not(#wcfm_menu a):hover{ color:#000000 !important; opacity:.7; } /* ============================================================ Section 34 - storefront (public store + directory): same borderless minimal treatment, tuned light-on-dark ============================================================ */ #wcfmmp-store#wcfmmp-store *, #wcfmmp-stores-wrap#wcfmmp-stores-wrap *{ border-style:none !important; } #wcfmmp-store#wcfmmp-store input, #wcfmmp-store#wcfmmp-store select, #wcfmmp-store#wcfmmp-store textarea, #wcfmmp-store#wcfmmp-store .select2-selection, #wcfmmp-stores-wrap#wcfmmp-stores-wrap input, #wcfmmp-stores-wrap#wcfmmp-stores-wrap select, #wcfmmp-stores-wrap#wcfmmp-stores-wrap textarea, #wcfmmp-stores-wrap#wcfmmp-stores-wrap .select2-selection{ background:rgba(255,255,255,.06) !important; color:var(--wcfm-soft) !important; border-radius:2px !important; box-shadow:none !important; } /* ============================================================ Section 35 - order / stock status indicators -> monochrome WCFM colours status icons by state (blue/yellow/teal/green/amber/red); glyph shape + text label already convey state, so fold colour to one neutral ============================================================ */ body [class*='wcicon-status-']{ color:#555555 !important; } #wcfm-main-contentainer mark.order-status, #wcfm-main-contentainer .order-status, #wcfm-main-contentainer .wcfm-order-status{ background:rgba(0,0,0,.06) !important; color:#222222 !important; } /* ============================================================ Section 36 - settings page: accordion section-header bars (.page_collapsible) sit in a dark left nav, so their label text must stay light/readable ============================================================ */ #wcfm-main-contentainer .page_collapsible, #wcfm-main-contentainer .page_collapsible *{ color:#e8e4df !important; } #wcfm-main-contentainer .page_collapsible.active, #wcfm-main-contentainer .page_collapsible.active *{ color:#ffffff !important; }