@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//webassistant.bg/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.1.2") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(94,94,94);
	--wd-text-font-size: 15px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(51,128,199);
	--wd-alternative-color: rgb(248,207,64);
	--wd-link-color: rgb(51,128,199);
	--wd-link-color-hover: rgb(62,159,239);
	--btn-default-font-family: "Lato", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Lato", Arial, Helvetica, sans-serif;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(41,126,206);
	--btn-accented-bgcolor-hover: rgb(31,161,245);
	--btn-font-family: "Lato", Arial, Helvetica, sans-serif;
	--btn-font-weight: 400;
	--btn-transform: none;
	--btn-font-size: 16px;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(224,157,0);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.wd-page-title {
	background-color: rgb(51,128,199);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 34px;
	text-transform: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(63,63,63);
	--wd-form-placeholder-color: rgb(127,127,127);
	--wd-form-brd-color: rgb(191,192,193);
	--wd-form-brd-color-focus: rgb(0,15,58);
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	}

}

@media (max-width: 768.98px) {
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}
:root{
--wd-container-w: 1160px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1160px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* =============================================================================
   SEARCH STYLING
   -----------------------------------------------------------------------------
   Reduce the size of the search placeholder text in the full-screen search form
============================================================================= */

/* • Reduce the font size of the search input placeholder */
.wd-search-full-screen .searchform input[type="text"] {
    font-size: 26px;
}



/* =============================================================================
   GOOGLE REVIEWS STYLING
   -----------------------------------------------------------------------------
   Customize colors and shadows for Google Reviews elements provided by WPSR
============================================================================= */

/* • Change the bottom stripe color on Google Reviews templates */
.wpsr-review-template.wpsr-review-template-two.wpsr-review-template-google {
    border-bottom: 10px solid #fff !important;
}

/* • Change the background color of the reviews popup close button */
.wpsr-popup-close {
    background-color: #2a7dc2 !important;
}

/* • Remove box shadow from the reviews badge button and HTML wrapper */
.wpsr-reviews-badge-wrapper .wpsr-reviews-badge-btn,
.wpsr-reviews-badge-wrapper .wpsr-reviews-badge-html {
    box-shadow: none !important;
}



/* =============================================================================
   MOBILE TOOLBAR ICON STYLING
   -----------------------------------------------------------------------------
   Adjust brightness and contrast for toolbar icons on mobile devices
============================================================================= */

/* • Apply a darker, higher-contrast filter to the phone icon in the navbar */
.wd-toolbar-icon.wd-tools-icon.wd-icon.wd-custom-icon img {
    filter: brightness(0.7) contrast(1.5) !important;
}



/* =============================================================================
   ABOUT PAGE IMAGE STYLING
   -----------------------------------------------------------------------------
   Style adjustments for images in the About Us section
============================================================================= */

/* • Add a slight border-radius to all images within the About Us box icon wrapper */
.box-icon-wrapper img {
    border-radius: 5px;
}



/* =============================================================================
   LOGIN & PASSWORD RESET BUTTONS
   -----------------------------------------------------------------------------
   Adjust button font sizes in login, registration, and password reset forms
============================================================================= */

/* • Set consistent font size for buttons in lost/reset password and register/login forms */
.lost_reset_password .button,
:is(.register, .woocommerce-form-login) .button {
    font-size: 15px;
}



/* =============================================================================
   FORM SUCCESS MESSAGES
   -----------------------------------------------------------------------------
   Center-align success messages in Fluent Forms on a specific Elementor page
============================================================================= */

/* • Center the success message text for Fluent Forms on page ID 25025 */
.elementor-25025 .elementor-element.elementor-element-fb96bc1 .fluentform-widget-wrapper .ff-message-success {
    text-align: center;
}



/* =============================================================================
   FRONT-END MENU WIDTH
   -----------------------------------------------------------------------------
   Set a fixed width for the main dropdown menu in the navigation
============================================================================= */

/* • Define a fixed width for dropdown menus using the default Woodmart design */
.wd-dropdown-menu.wd-design-default {
    width: 250px;
}



/* =============================================================================
   SUPPORT MESSAGE & FLUENT SUPPORT CUSTOMIZATION
   -----------------------------------------------------------------------------
   Custom styles for support messages, buttons, and ticket interfaces in Fluent Support
============================================================================= */

/* • Style the restriction notice to match WooCommerce info/warning messages */
.fs_customer_restriction {
    position: relative;
    margin-bottom: 20px;
    padding-block: 18px;
    padding-inline: 65px 30px !important;
    text-align: start;
    border: none;
    border-radius: var(--wd-brd-radius);
    outline: none !important;
    background-color: var(--notices-warning-bg);
    color: var(--notices-warning-color);
    font-family: var(--wd-text-font);
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: var(--wd-text-line-height);
}

/* • Add an icon before the restriction notice (matching WooCommerce info/warning icon) */
.fs_customer_restriction::before {
    content: "\f100"; /* WooCommerce icon code */
    font-family: 'woodmart-font'; /* Theme’s icon font */
    position: absolute;
    inset-inline-start: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em;
    color: inherit;
}

/* • Primary button background color for creating or replying to tickets */
.fs_create_ticket_btn,
.fs_create_ticket_button,
.fs_reply_btn {
    background-color: #347fc7 !important;
}

/* • Hover state for support-related buttons (darken the blue) */
.fs_create_ticket_btn:hover,
.fs_create_ticket_button:hover,
.fs_reply_btn:hover {
    background-color: #2c6dad !important;
}

/* • Adjust padding and width for reply buttons within the portal */
.fs_client_portal .fs_customer_response_actions .fs_reply_btn {
    width: auto !important;
    padding: 6px 10px !important;
}

/* • Style for the "Close Ticket" button within the client portal */
.fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_ticket_heroarea .fs_ticket_actions .fs_close_ticket {
    background: #32a675 !important;
    color: #fff !important;
    transition: background-color 0.3s ease;
}

/* • Hover state for the "Close Ticket" button (slightly darker green) */
.fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_ticket_heroarea .fs_ticket_actions .fs_close_ticket:hover {
    background: #27a060 !important;
    color: #fff !important;
}

/* • Style for inactive status text displayed in the portal */
.fs_inactive_text {
    font-weight: bold !important;
    color: #a63232 !important;
}

/* • Table header text in ticket lists (remove uppercase, adjust size/weight) */
th.el-table__cell .cell {
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
}

/* • Mobile adjustments: reduce font size for status badges and date cells */
@media only screen and (max-width: 767px) {
    .fs_status_badge,
    .fs_client_portal .fs_ticket_wrapper .fs_tickets_container .fs_tickets_table 
    .el-table .el-table__body .fs_ticket_row td.date-cell .cell {
        font-size: 10px !important;
    }
}



/* =============================================================================
   ELEMENTOR ICON BOX (MOBILE)
   -----------------------------------------------------------------------------
   Center icon boxes within Elementor on mobile viewports
============================================================================= */

@media only screen and (max-width: 767px) {
    .elementor-icon-box-wrapper {
        justify-content: center;
        align-items: center;
    }
}



/* =============================================================================
   MOBILE MENU
   -----------------------------------------------------------------------------
   Hide or adjust elements in the mobile navigation menu
============================================================================= */

/* • Hide the default search bar in the mobile toolbar */
.wd-search-form {
    display: none;
}

/* • Add margin above the main menu items in the mobile menu */
#menu-main-menu-1 {
    margin-top: 10px;
}



/* =============================================================================
   WOOCOMMERCE ACCOUNT PAGE CUSTOMIZATIONS
   -----------------------------------------------------------------------------
   Hide or adjust elements on the WooCommerce My Account pages
============================================================================= */

/* • Hide the shipping address block from the account page */
.woocommerce-column--shipping-address {
    display: none !important;
}



/* =============================================================================
   BASE BUTTON STYLES
   -----------------------------------------------------------------------------
   Unified button styling used across WooCommerce and theme elements
============================================================================= */

/* • General button layout (applied to .woocommerce-button and .button) */
.woocommerce-button,
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    color: #fff;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    line-height: 1;
    padding: 6px 10px;
    margin: 4px 4px 0 0;
    box-sizing: border-box;
    cursor: pointer;
}

/* • Blue button styles (default primary buttons) */
.btn-blue,
.woocommerce-button.button.view,
.woocommerce-button.order-actions-button:not(.cancel):not(.btn-red):not(.btn-green),
.el-button.el-button--primary {
    background-color: #347fc7 !important;
}

/* • Hover state for blue buttons (brighten the background) */
.btn-blue:hover,
.woocommerce-button.button.view:hover,
.woocommerce-button.order-actions-button:hover:not(.cancel):not(.btn-red):not(.btn-green),
.el-button.el-button--primary:hover {
    background-color: #1fa1f5 !important;
    color: #fff;
}

/* • Red button styles (used for cancel actions) */
.btn-red,
.woocommerce-button.button.cancel,
.woocommerce-button.order-actions-button.cancel {
    background-color: #E01020;
}

/* • Hover state for red buttons (darken the red) */
.btn-red:hover,
.woocommerce-button.button.cancel:hover,
.woocommerce-button.order-actions-button.cancel:hover {
    background-color: #b80c1a;
    color: #fff;
}

/* • Green button styles (used for pay/place order) */
.woocommerce-button.button.pay,
.button.button.alt#place_order {
    background-color: #459647;
}

/* • Hover state for generic .woocommerce-button (darken green) */
.woocommerce-button.button:hover {
    background-color: #288b5f;
    color: #fff;
}

/* • Responsive stacking: make buttons full-width on very small screens */
@media (max-width: 480px) {
    .woocommerce-button,
    .button {
        display: flex;
    }
}



/* =============================================================================
   TABLES: SHARED STYLES (Orders, Subscriptions, Payment Methods)
   -----------------------------------------------------------------------------
   Apply consistent styling for tables in My Account (orders and payment methods)
============================================================================= */

/* • Base table styling: separate rows with spacing and full width */
.woocommerce-orders-table,
.woocommerce-MyAccount-paymentMethods {
    border-collapse: separate;
    border-spacing: 0 12px;
    width: 100%;
}

/* • Row container styling: white background, subtle shadow, rounded corners */
.woocommerce-orders-table tbody tr,
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method {
    background: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
    border-radius: 6px;
    border: 1px solid #ccc;
}

/* • Table cell styling: consistent padding, no borders, middle vertical alignment */
.woocommerce-orders-table tbody tr td,
.woocommerce-orders-table tbody tr th,
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method td {
    padding: 12px 16px !important;
    border: none !important;
    vertical-align: middle;
    font-weight: normal;
}

/* • Override for the order number cell to prevent bolding */
.woocommerce-orders-table tbody tr th.woocommerce-orders-table__cell-order-number {
    font-weight: normal;
}

/* • Remove interior cell borders between adjacent cells */
.woocommerce-orders-table tbody tr td + td,
.woocommerce-orders-table tbody tr th + th,
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method td + td {
    border-left: none !important;
}

/* • Add extra bottom margin below the last payment method row */
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method:last-child {
    margin-bottom: 12px;
}

/* • Buttons within payment method rows: spacing and styling */
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method td a.button {
    margin-right: 8px;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
}

/* • Hover state for payment method action buttons (slightly lower opacity) */
.woocommerce-MyAccount-paymentMethods tbody tr.payment-method td a.button:hover {
    opacity: 0.85;
}

/* • Responsive padding: reduce padding on smaller screens for payment methods */
@media (max-width: 600px) {
    .woocommerce-MyAccount-paymentMethods tbody tr.payment-method td {
        padding: 10px 8px;
    }
}



/* =============================================================================
   MY ACCOUNT NAVIGATION TABS
   -----------------------------------------------------------------------------
   Style the navigation tabs in WooCommerce My Account pages
============================================================================= */

/* • Active tab container styling: rounded corners and border */
.woocommerce-MyAccount-navigation li.is-active {
    border-radius: 8px;
    border: 1px solid #337fcb;
    list-style: none;
}

/* • Remove default list padding and margin from the UL */
.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
    margin: 0;
}

/* • Active tab link styling: inherit color, remove underline, block display */
.woocommerce-MyAccount-navigation li.is-active > a {
    color: inherit;
    text-decoration: none;
    display: block;
}

/* • Hover effect for inactive tabs: underline on hover */
.woocommerce-MyAccount-navigation li:not(.is-active) > a:hover {
    text-decoration: underline;
    cursor: pointer;
}



/* =============================================================================
   FIX FOR WOOCOMMERCE ORDER NUMBER FOR MOBILE PORTRAIT
   -----------------------------------------------------------------------------
   Ensure order number cell remains visible and properly sized on narrow viewports
============================================================================= */

@media (max-width: 600px) {
    .woocommerce-orders-table__cell-order-number {
        display: block !important;   /* Force block-level to ensure visibility */
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        width: auto !important;
        min-height: 1.5em !important;
        margin-bottom: 8px;
    }
}



/* =============================================================================
   ORDER DETAILS & MISCELLANEOUS STYLES
   -----------------------------------------------------------------------------
   Additional tweaks for product names, order detail headings, and upload buttons
============================================================================= */

/* • Bold product names and adjust color in order summary tables */
.woocommerce-table__product-name.product-name {
    font-weight: bold;
    color: #242424;
}

/* • Prevent automatic uppercase transformation for order detail titles and related headings */
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-table--order-details tfoot tr:last-child th {
    text-transform: none;
}

/* • Style the upload button in Fluent Support forms (ensure legible text color) */
.fs_upload_button {
    color: #fff !important;
}


/* =============================================================================
   NOTICE BUTTON REPLACEMENTS
   -----------------------------------------------------------------------------
   Convert links/buttons within notices into styled buttons
============================================================================= */
.wd-notice :is(.button, .wc-backward),
div.wpcf7-response-output :is(.button, .wc-backward),
.mc4wp-alert :is(.button, .wc-backward),
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) :is(.button, .wc-backward) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    font-size: 12px;
    color: #fff !important;
    background-color: #347fc7 !important;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    line-height: 1;
    box-sizing: border-box;
}

/* Hover state: brighten the button background */
.wd-notice :is(.button, .wc-backward):hover,
div.wpcf7-response-output :is(.button, .wc-backward):hover,
.mc4wp-alert :is(.button, .wc-backward):hover,
:is(.woocommerce-error, .woocommerce-message, .woocommerce-info) :is(.button, .wc-backward):hover {
    background-color: #1fa1f5 !important;
    color: #fff !important;
}

.wd-nav[class*="wd-style-"] > li:is(.wd-has-children, .menu-item-has-children) > a::after {
  color: #337fcb; /* Makes the text/icon black, if it's using `color` */
}

.custom-footer-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}


.custom-faq-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #307CCB;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
}

.custom-faq-icon i {
  font-size: 24px;
  color: #307CCB;
  line-height: 1;
}

.custom-faq-icon:hover {
  border-color: #019EDE;
}

.custom-faq-icon:hover i {
  color: #019EDE;
}

/* 1. Remove the “1.”, “2.” … generated by <ol>            */
.woocommerce-OrderUpdates.commentlist.notes {
    list-style: none;      /* no numbering/bullets           */
    margin: 0;             /* optional: pull list flush left */
    padding: 0;
}

/* 2. Hide the timestamp line inside each note              */
.woocommerce-OrderUpdate-meta {
    display: none;
}

/* WooCommerce “My Account” headings – turn off uppercase */
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content header > h2 {
    text-transform: none !important;   /* override theme’s uppercase */
}