:root { --accent: #6c1cff; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* Legally hide the reCAPTCHA v3 badge */ .grecaptcha-badge { visibility: hidden !important; } /* Hide the cart link by default to prevent flashing */ .view-cart-contents { display: none !important; } /* Allow JS to override the display when items are present */ .view-cart-contents.cart-has-items { display: inline-block !important; } /* target the specific list item inside the job dashboard actions list */ ul.job-dashboard-actions li.cts-listing-action-switch { display: none !important; } /* additional safety: hide the link inside it just in case */ ul.job-dashboard-actions li.cts-listing-action-switch a.listing-action-switch { display: none !important; } /* Target only the H2 inside the packages section */ section.c27-packages h2.case27-primary-text { visibility: hidden; font-size: 0; line-height: 0; } /* Target only the H1 on Category and Archive pages */ .archive h1.case27-primary-text, .category h1.case27-primary-text { visibility: hidden; font-size: 0; } /* Insert "Advisor: " before the hidden content */ .archive h1.case27-primary-text::before, .category h1.case27-primary-text::before { content: "Spa Advisor "; visibility: visible; font-size: 32px; /* Adjust to match your theme's H1 size */ } /* Ensure the original span (e.g., "Uncategorized") remains visible */ .archive h1.case27-primary-text span, .category h1.case27-primary-text span { visibility: visible; font-size: 32px; /* Adjust to match your theme's H1 size */ } /* Style for the Promote action using the deep eggplant purple for normal state */ .cts-listing-action-promote a.listing-dashboard-action-promote { background-color: #5A00FE !important; /* Deep Eggplant Purple (Normal state) */ color: #FFFFFF !important; /* White text for readability */ padding: 8px 16px; border-radius: 5px; text-decoration: none !important; display: inline-block; font-weight: normal !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Ensure the icon color matches the white text */ .cts-listing-action-promote a.listing-dashboard-action-promote i, .cts-listing-action-promote a.listing-dashboard-action-promote::before { color: #FFFFFF !important; } /* Slightly lighter hover effect for professional feedback */ .cts-listing-action-promote a.listing-dashboard-action-promote:hover { background-color: #5A00FE !important; /* Lighter shade of the same purple on hover */ cursor: pointer; } /* Style for already Promoted listings (Light Warm Green) */ .cts-listing-action-promote.listing-promoted a.listing-action-promoted { background-color: #98FB98 !important; /* Light Pale Green */ color: #000000 !important; /* Black text for maximum readability on light green */ padding: 8px 16px; border-radius: 5px; text-decoration: none !important; display: inline-block; font-weight: normal !important; /* Optional: subtle shadow for depth */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } /* Ensure the icon color matches the text inside the button */ .cts-listing-action-promote.listing-promoted a.listing-action-promoted i, .cts-listing-action-promote.listing-promoted a.listing-action-promoted::before { color: #000000 !important; } /* Optional: Add a subtle hover effect */ .cts-listing-action-promote.listing-promoted a.listing-action-promoted:hover { background-color: #77DD77 !important; /* Slightly darker Pastel Green on hover */ cursor: pointer; } /* --- Priority 3: Sponsored (Dark Orange Style) --- */ /* 1. Change the Icon Color */ .priority-3 .lf-head .ad-badge i { color: #F5A623 !important; } /* 2. Change the Tooltip Background to Match */ .priority-3 .lf-head .tooltip-container { background-color: #000000 !important; color: #ffffff !important; } /* 3. Optional: Change the Badge Border/Circle color if desired */ .priority-3 .lf-head .ad-badge { border-color: #F5A623 !important; } /* Make the Featured product link non-clickable */ .user-promotion-packages .promo-meta .product-link a { pointer-events: none !important; cursor: default !important; text-decoration: none !important; color: inherit !important; /* Keeps it looking like normal text */ } /* ========================================= Totally hide "Cancel Package" action User Promotion Packages ========================================= */ .user-promotion-packages .promo-product-item a.promo-item-action[data-process="cancel-package"], .user-promotion-packages .promo-product-item a.promo-item-action[data-process="cancel-package"] * { display: none !important; } /* Hide quantity input + +/- buttons in WooCommerce Cart Block */ .wc-block-cart-item__quantity .wc-block-components-quantity-selector { display: none !important; } /* Hide Duplicate button – My Listings dashboard */ #job-manager-job-dashboard table.job-manager-jobs td.listing-actions ul.job-dashboard-actions li.cts-listing-action-duplicate, #job-manager-job-dashboard table.job-manager-jobs td.listing-actions ul.job-dashboard-actions li.cts-listing-action-duplicate a { display: none !important; } /* 1. Hide the Quantity column header and the quantity cells */ .woocommerce-cart-form th.product-quantity, .woocommerce-cart-form td.product-quantity { display: none !important; } /* 2. Hide the Update Cart button */ .woocommerce-cart-form button[name="update_cart"] { display: none !important; } /* Optional: Adjust table layout if hiding the column leaves a gap */ @media (min-width: 768px) { .woocommerce-cart-form__contents { table-layout: fixed; width: 100%; } } /* Hide the "Return to shop" text */ .return-to-shop a.button.wc-backward { font-size: 0 !important; } /* Insert "My Listings" text */ .return-to-shop a.button.wc-backward::after { content: "Return To My Listings"; font-size: 14px !important; /* Adjust this to match your theme's button font size */ display: inline-block; } /* Disable click on product name and product image in the cart */ .woocommerce-cart-form td.product-name a, .woocommerce-cart-form td.product-thumbnail a { pointer-events: none !important; cursor: default !important; text-decoration: none !important; } /* Remove the first price column (individual unit price) */ .woocommerce-cart-form th.product-price, .woocommerce-cart-form td.product-price { display: none !important; } /* 1. Change "Cart totals" heading to "Total" */ .cart_totals h2 { font-size: 0 !important; } .cart_totals h2::before { content: "Total"; font-size: 24px !important; /* Adjust size to match your theme's H2 */ visibility: visible; display: block; } /* 2. Hide the Subtotal row in the totals table */ .cart_totals .cart-subtotal { display: none !important; } /* 3. Optional: Remove the border/padding that might remain from the hidden subtotal */ .cart_totals table.shop_table { border: none !important; } /* Hide results count and arrows on all devices and browsers */ .fl-head.row { display: none !important; } /* 1. Hide the entire Billing Details, Shipping, and Additional Information area */ .woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details, .ts-billing-details.element { display: none !important; } /* 2. Remove the side-by-side layout and center the Payment/Order section */ .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; max-width: 600px; /* Adjust for preferred width */ } /* 3. Center align the header and remove empty space from Additional Info */ .woocommerce-checkout #order_review_heading { text-align: center; } /* 4. Ensure the Additional Information (Order Notes) section is fully removed */ .woocommerce-additional-fields, .woocommerce-checkout .woocommerce-additional-fields { display: none !important; } /* 1. Remove the Coupon section and its wrapper container */ .container.c27-form-coupon-wrapper { display: none !important; } /* 2. Remove the Order Review table header (Product / Subtotal) */ .woocommerce-checkout-review-order-table thead tr { display: none !important; } /* 3. Remove the Subtotal row specifically from the order summary */ .woocommerce-checkout-review-order-table tr.cart-subtotal { display: none !important; } /* --- UNIVERSAL: Priority 0 & Priority 1 Layout --- */ .priority-0.listing-preview, .priority-1.listing-preview { display: flex !important; flex-direction: column !important; background: #ffffff !important; border: 1px solid #f0f0f0 !important; border-radius: 5px !important; margin-bottom: 15px !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important; } .priority-0 .lf-item, .priority-1 .lf-item, .priority-0 .lf-item-default > a, .priority-1 .lf-item-default > a { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; position: relative !important; text-decoration: none !important; } .priority-0.listing-preview { height: 105px !important; } .priority-0 .lf-background { width: 75px !important; height: 75px !important; min-width: 75px !important; margin-left: 15px !important; border-radius: 5px !important; position: relative !important; } .priority-0 .listing-details-3, .priority-0 .listing-details.actions { display: none !important; } .priority-1.listing-preview { height: auto !important; } .priority-1 .lf-item { height: 140px !important; } .priority-1 .lf-background { width: 110px !important; height: 110px !important; min-width: 110px !important; margin-left: 15px !important; border-radius: 5px !important; position: relative !important; } .priority-1 .listing-details-3, .priority-1 .listing-details.actions { display: block; } .priority-0 .lf-item-info, .priority-1 .lf-item-info { position: relative !important; bottom: unset !important; left: unset !important; flex: 1 !important; padding-left: 25px !important; padding-right: 15px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; background: transparent !important; } .priority-0 .listing-preview-title, .priority-1 .listing-preview-title { font-size: 17px !important; font-weight: 600 !important; color: #242429 !important; margin: 0 0 4px 0 !important; text-shadow: none !important; } .priority-0 .lf-contact li, .priority-1 .lf-contact li { font-size: 13px !important; color: #777777 !important; text-shadow: none !important; display: block !important; } .priority-0 .lf-avatar, .priority-0 .lf-head, .priority-0 .overlay, .priority-1 .lf-avatar, .priority-1 .lf-head, .priority-1 .overlay { display: none !important; } .priority-0 .lf-contact li:nth-child(n+2), .priority-1 .lf-contact li:nth-child(n+2) { display: none !important; } /* --- PRIORITY 2 & 3: SQUARE IMAGE + TEXT BELOW --- */ /* 1. Structure Fix */ .priority-2.listing-preview, .priority-3.listing-preview, .priority-2 .lf-item, .priority-3 .lf-item, .priority-2 .lf-item-default, .priority-3 .lf-item-default { height: auto !important; display: flex !important; flex-direction: column !important; } .priority-2 .lf-item-default > a, .priority-3 .lf-item-default > a { display: flex !important; flex-direction: column !important; height: auto !important; position: relative !important; } /* 2. Square Image logic */ .priority-2 .lf-background, .priority-3 .lf-background { position: relative !important; width: 100% !important; padding-top: 100% !important; height: 0 !important; background-size: cover !important; background-position: center !important; display: block !important; } /* 3. Title/Tagline Section (Full Width Below Image) */ .priority-2 .lf-item-info, .priority-3 .lf-item-info { position: relative !important; inset: unset !important; padding: 20px 15px !important; background: #ffffff !important; width: 100% !important; display: block !important; transform: none !important; } .priority-2 .listing-preview-title, .priority-3 .listing-preview-title { color: #242429 !important; text-shadow: none !important; font-size: 18px !important; margin-bottom: 5px !important; } /* HORIZONTAL ALIGNMENT FOR TAGLINE & WORK HOURS */ .priority-2 .lf-contact, .priority-3 .lf-contact { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; } .priority-2 .lf-contact li, .priority-3 .lf-contact li { color: #777777 !important; text-shadow: none !important; margin: 0 !important; } /* 4. RESTORE LOGO (AVATAR) & HEAD (BADGE) */ .priority-2 .lf-avatar, .priority-3 .lf-avatar, .priority-2 .lf-head, .priority-3 .lf-head { display: block !important; z-index: 10 !important; } .priority-2 .overlay, .priority-3 .overlay { display: none !important; } /* --- PRIORITY 3 BRANDING (Sponsored/Orange) --- */ .priority-3.listing-preview { background: rgba(245, 166, 35, 0.08) !important; border: 2px solid #F5A623 !important; } .priority-3 .lf-item-info { background: transparent !important; } .priority-3 .c27-footer-section, .priority-3 .listing-details-3, .priority-3 .listing-details.actions { background: rgba(245, 166, 35, 0.08) !important; border-top: 1px solid rgba(245, 166, 35, 0.15) !important; } .priority-3 .lf-head .ad-badge i { color: #F5A623 !important; } .priority-3 .lf-head .ad-badge { border-color: #F5A623 !important; } .priority-3 .lf-head .tooltip-container { background-color: #000000 !important; color: #ffffff !important; } /* MyListing: Profile Cover Height Desktop Fix */ @media screen and (min-width: 1025px) { /* 1. Adjust the container height */ section.featured-section.profile-cover.profile-cover-image { padding-bottom: 35% !important; } /* 2. Fix the image without using the 'aspect-ratio' property */ section.featured-section.profile-cover.profile-cover-image img.attachment-large { height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; object-fit: cover !important; } } /* 1. Hide all page numbers */ .job-manager-pagination ul li { display: none !important; } /* 2. Show only the Previous and Next buttons */ .job-manager-pagination ul li:has(a[rel="prev"]), .job-manager-pagination ul li:has(a[rel="next"]) { display: inline-block !important; } /* 3. Layout and Spacing (The "Peddling") */ .job-manager-pagination ul { display: flex !important; justify-content: center !important; gap: 60px !important; /* Adjust space between buttons here */ padding: 0 !important; margin: 20px 0 !important; } /* 4. Style the Previous Button */ .job-manager-pagination a[rel="prev"] { font-size: 0 !important; /* Hide original arrow */ width: auto !important; padding: 0 20px !important; border-radius: 5px !important; display: flex !important; align-items: center; min-width: 120px; height: 40px !important; } .job-manager-pagination a[rel="prev"]::before { content: "← Previous"; /* Added left arrow */ font-size: 14px !important; font-weight: 600; } /* 5. Style the Next Button */ .job-manager-pagination a[rel="next"] { font-size: 0 !important; /* Hide original arrow */ width: auto !important; padding: 0 20px !important; border-radius: 5px !important; display: flex !important; align-items: center; min-width: 120px; height: 40px !important; } .job-manager-pagination a[rel="next"]::before { content: "Next →"; /* Added right arrow */ font-size: 14px !important; font-weight: 600; } /* Prevent the search field from appearing during AJAX updates */ .explore-head-search { display: none !important; } /* Custom text styling */ #mylisting-custom-info { font-size: 15px; font-weight: 600; color: #242429; /* Matches MyListing default text color */ margin-right: auto; padding: 15px 0; }