/*
Theme Name: GPL Child
Template: gpl
*/

/* Add your custom styles below */

:root {
    font-size: 16px;

    --mt-font__main: Outfit, sans-serif;

    --blue-text: #4166E1;
    --blue-bg: #4166E114;
    --blue-bg: #375BD70A;
    --orange: #F97248;

    /** Notifications **/
    --notification-success: rgb(19, 188, 150);
    --notification-success-bg: rgb(19, 188, 150, 0.08);
    --notification-error: rgb(242, 24, 80);
    --notification-error-bg: rgb(242, 24, 80, 0.08);
    --notification-warning: rgb(228 167 5);
    --notification-warning-bg: rgba(237,178,0,.08);
    --notification-info: rgb(16, 134, 255);
    --notification-info-bg: rgb(16, 134, 255, 0.08);

    --primary-color: #4166E1;
    --matrix-blue: #3c9ee5;
    --matrix-orange: #ff9f00;
    --matrix-green: #8cb528;
    --matrix-blue-lite: #3c9ee555;
    --matrix-orange-lite: #ff9f0055;
    --matrix-green-lite: #8cb52855;
    --matrix-red: #ff642d;
    --matrix-yellow: #ffc600;
    --matrix-yellow-lite: #ffc60055;
    --progress: 0;
    --price-color: #000;
    --majestic-orange: #ec2224;
    --majestic-orange-lite: #ff8d4055;
    --majestic-blue: #2d526d;
    --majestic-blue-lite: #2d526d55;
    --ahrefs-blue: #0848df;
    --ahrefs-orange: #FF8D00;
    --ahrefs-blue-lite: #0848df55;
    --semrush-yellow: #FF642D;

    /** order status **/
    --order-status-pending: #e03b24;
    --order-status-processing: #64a338;
    --order-status-completed: #3865a3;
    --order-status-cancelled: #87a2c7;
    --order-status-refunded: #87a2c7;
    --order-status-failed: #e03b24;
    --order-status-on-hold: #ffcc00;
    --order-status-delayed: #e03b24;

    /** TAT badge **/
    --tat-badge-bg: #13bc96;
    --tat-badge-text: #fff;
    --tat-bar-bg: rgba(19,188,150,.08);
    --tat-bar-border: var(--tat-badge-bg);
    --tat-text: var(--tat-badge-bg);
    --tat-avg-text: var(--tat-badge-bg);

    /** GPL colors **/
    --gpl-orange: #EA580C;
    --gpl-blue: #64748B;
    --gpl-green: #16A34A;
    --gpl-purple: #7C3AED;
    --gpl-red: #DC2626;

}

/** Elementor breakpoints **/

/* @media (min-width: var(--e-breakpoint-tablet)) {

}

@media (max-width:  var(--e-breakpoint-mobile)) {
    

} */

/* body, .block-editor .editor-styles-wrapper {
    letter-spacing: 0.8px;
} */

h2,
h2 strong,
h2 b {
  font-weight: 500;
}

h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
}

body {
    line-height: 1.75;
}

body.page:not(.woocommerce-account) .site-content {
    padding-top: 0;
}

fieldset {
    border: 0 none;
}

pre {
    background: var(--blue-bg);
}

code {
    color: #000;
    font-style: italic;
}

/* GPL Buttons */
.gpl-motta-btn{display: flex; align-items: center; gap: 10px;}

/* Links
--------------------------------------------- */

.product-gallery-summary,
.archive .page-header__description,
.archive .page-description,
.entry-content p,
.site-content p,
.site-content ul:not(.country-list-with-flag) li,
.site-content ul:not(.swiper-wrapper) li,
.site-content ol li,
.entry-content li {
    a:not(.motta-button, .woocommerce-loop-product__link, .button) {
        color: var(--mt-color__primary);
        text-decoration: none;
        transition: 0.4s;
    }
    a:not(.motta-button, .woocommerce-loop-product__link, .button):focus, 
    a:not(.motta-button, .woocommerce-loop-product__link, .button):hover, 
    a:not(.motta-button, .woocommerce-loop-product__link, .button):active {
        outline: 0;
        color: #1d2128;

    }
}

input[type="checkbox"]::before,
input[type="radio"]::before {
    border-color: #1d2128;
}

input[type="checkbox"]:hover::before,
input[type="radio"]:hover::before {
    border-color: #8c95a5;
}

input[type="checkbox"]:disabled::before, 
input[type="radio"]:disabled::before {
    border-color: #e0e0e0;
}

input[type="checkbox"]:disabled::after, 
input[type="radio"]:disabled::after {
    background-color: #e0e0e0;
}

li:has(h3)::marker {
    font-size: 1.25em;
    font-weight: 600;
}
.wss-msz-text ul,
.wss-msz-text ol {
	padding: 0 0 0 1.3em;
}
.clear {
    clear:both;
}

.wp-block-quote {
    font-size: 1.27rem;
    padding-left: 40px;
}

.wp-block-categories-list .cat-item {
    flex-wrap: wrap;
}

.wp-block-categories-list .cat-item ul.children {
    width: 100%;
    padding-left: 1em;
    padding-top: 16px;
}

.motta-button--bg-color-black,
.motta-button--bg-color-black:hover {
    background-color: var(--primary-color);
    --mt-color__primary--box-shadow: rgba(65, 102, 225, 0.4);
}

.wcpt-dropdown-option {
    margin-left: 1px !important;
}

.woocommerce-account .woocommerce-MyAccount-content p a {
    box-shadow: inset 0 -1px var(--primary-color);
}

.mce-widget.mce-btn button {
    min-width: auto;
}

i.orange {
    color: var(--orange);
}

#gotop {
    bottom: 120px;
    right: 35px;
}

.motta-button--text.wcboost-wishlist-button {
    text-transform: capitalize;
    font-weight: 500;
}

.tag {
    font-weight: 500;
    padding: 0.25em 0.75em;
    border-radius: 2em;
    display: inline-block;
    margin-top: 0.5em;
    background-color: #00000010
}

.tag.completed {
    background: rgba(19,188,150,.08);
    color: #13bc96;
}

.tag.cancelled {
    background: rgba(242,24,80,.08);
    color: #f21951;
}

.copy-link {
    cursor: pointer;
}

.wss-container.note {
    background-color: #f2f6fd;
}

.wss-container.ticket:not(.gpl-wss-reopen-card) {
    background-color: #f2f6fd;
    text-align: center;
    margin-top: 20px;
}

/* Re-open order (dispute ticket) — layout matches support card design; colors from :root only */
.gpl-wss-reopen-card {
    --gpl-wss-reopen-border: color-mix(in srgb, var(--gpl-blue) 22%, transparent);
    --gpl-wss-reopen-shadow: 0 4px 22px color-mix(in srgb, var(--primary-color) 10%, transparent);
    max-width: 50rem;
    margin: 20px auto 0;
    border: 1px solid var(--gpl-wss-reopen-border);
    border-radius: 10px;
    box-shadow: var(--gpl-wss-reopen-shadow);
}

.gpl-wss-reopen-card__header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.gpl-wss-reopen-card__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--blue-bg);
    color: var(--primary-color);
}

.gpl-wss-reopen-card__title {
    margin: 0;
    font-weight: 700;
    line-height: 1.35;
    color: var(--primary-color);
}
.gpl-wss-reopen-card form#woo_conversation_form {
    margin-top: 20px;
}

.gpl-wss-reopen-card__intro {
    margin: 0.5rem 0 0;
    color: var(--gpl-blue);
    font-size: 0.9375rem;
    line-height: 1.55;
}

.gpl-wss-reopen-card textarea#woo_message.motta-textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 8.5rem;
    padding: 0.75rem 0.85rem 2rem;
    border-radius: 8px;
    border: 1px solid var(--gpl-wss-reopen-border);
    background: var(--tat-badge-text);
    color: var(--price-color);
    line-height: 1.5;
    resize: vertical;
}

.gpl-wss-reopen-card textarea#woo_message.motta-textarea::placeholder {
    color: var(--gpl-blue);
    font-style: italic;
    opacity: 1;
}

.gpl-wss-reopen-card__footer {
    text-align: center;
    margin-top: 20px;
}

/* Custom CSS for Service Order Page */
.wss_conversation_form_wrapper{box-shadow: none !important; font-family: var(--mt-font__main) !important; border: 1px solid var(--wss-border-color);}
.wss-container.wbcom-wss-conversation-container .wss_conversation_form_wrapper{padding: 20px;
    margin: 0 auto;
    font-family: var(--mt-font__main);
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);}

.ub_styled_list li{
    list-style-position: inside !important;
    text-indent: -1em !important;
    padding-left: 1em !important;
}

input[type="radio"] + label {
    color: #5d6168;
}

input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 0;
}

input[type=radio]:focus::before,
input[type=checkbox]:focus::before {
    border-color: #1d2128;
}
.site-header__section, .header-sticky, .header-mobile-sticky
.container,
.motta-advanced-menu .mega-menu-container.container,
.no-sidebar .site-content .entry-content > *.alignwide {
    width: 100%;
}

.mega-menu ul.mega-menu__column li.menu-item--type-bold strong {
    color: #1d2128;
    font-weight: 600;
}

.paging-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    padding-top: 1em;
    border-top: 1px solid #ecf0f4;
}

#per_page {
    --mt-input__height: 44px;
}

.entry-content a:not(.button):not(.wcpt-category) {
    color: #f97248;
}

.entry-content a:not(.button):not(.wcpt-category):hover {
    color: #1d2128;
}

/* Header CSS for User Icon Dropdown Menu */
.header-account .account-dropdown {
  right: -12px;
  left: unset;
  transform: unset;
}
.header-account .motta-open.account-dropdown {
  transform: unset;
}
.header-account .account-dropdown::after {
  left: unset;
  right: -6px;
}

/** Increase container from 1140px to 1440px **/

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1472px) {
	.container {
		/* width: 1472px; */
		width: 1440px;
	}

  .motta-advanced-menu .mega-menu-container.container {
		width: 1440px;
	}
}

@media only screen and (min-width: 1472px) {
	.no-sidebar .site-content .entry-content > *.alignwide {
		max-width: 1440px;
		width: 1440px;
		margin-left: calc(-1440px/2 + 100%/2);
		margin-right: calc(-1440px/2 + 100%/2);
	}
	.no-sidebar:not(.elementor-page) .site-content .page-content > *.alignwide {
		max-width: 1200px;
		width: 1200px;
		margin-left: calc(-1200px/2 + 100%/2);
		margin-right: calc(-1200px/2 + 100%/2);
	}
}

/** Hero section */

.hero {
    position: relative;
    font-size: 1rem;
    line-height: 1.2;
    min-height: 720px;
}

/* LEFT */
.hero__content {
    container-type: inline-size;
    padding-bottom: 50px;
    z-index: 1;
}

/* RIGHT */
.hero__media {
    position: relative;
}

/* TITLE */
.site-title h1,
.hero__title h1{
    font-size: clamp(1.5rem, 6cqi, 2.5rem);
    margin-top: max(80px, 15cqi);
    line-height: 1.3;
}

/* DESCRIPTION */
.hero__description,
.hero__description .elementor-widget-container,
.hero__description .elementor-heading-title {
    font-size: clamp(1rem, 3cqi, 1.2rem);
    font-weight: 300;
    line-height: 1.5;
}

/* HIGHLIGHT BAR */
.hero__highlight {
    font-weight: 600;
    font-size: clamp(1rem, 3cqi, 1.2rem);
    line-height: 1.2;
}

/* BUTTON */
.hero__cta .motta-button {
    font-size: clamp(1rem, 3cqi, 1.125rem);
}

/* LIST */
.hero__list li,
.hero__list li.elementor-icon-list-item {
    font-size: clamp(0.875rem, 3cqi, 1rem);
    margin-bottom: 0.5em;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .hero__content {
        width: 65%;
    }

    .hero__media {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 500px;
        width: 65%;
        z-index: 0;
        text-align: right !important;
    }

    .hero__media .hero__image img {
        width: 80%
    }
}

/* Mobile */
@media (max-width: 767px) {
    .hero__content {
        padding-bottom: 0;
    }

    .hero__media {
        margin: 0 auto;
        max-width: 500px;
    }
}

/** Google review badge **/
.google-badge {
    border: 1px solid #ddd;
    border-radius: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    line-height: 1.2;
    cursor: pointer;
}
.google-logo {
    height: 24px;
}
.star {
    color: #ffa500;
    font-size: 16px;
}
.review-button {
    background: #4285F4;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    min-width: auto;
    line-height: 1.5;
}
.review-button:hover {
    background: #3367d6;
}
#google-review-badge img {
    height: 20px;
    margin-right: 8px;
}
#google-review-badge .rating {
    font-weight: bold;
    margin-right: 4px;
}

.google-badge.border-only {
    border: 1px solid #fff;
    background: transparent;
    border-radius: 2rem;
    color: #fff;
    max-width: 500px;
    vertical-align: middle;
    align-items: center;
}

.google-badge.border-only > div {
    display: flex;
    gap: 0.5em;
}

.google-badge.border-only .star {
    font-size: 1.3em;
}

/** Single Blog Post **/
.single-post .entry-header {
    padding-block-start: 16px;
}

.single-post .motta-posts-related__content .post-thumbnail {
    width: 100%;
    aspect-ratio: 1.78;
    overflow: hidden;
}

.single-post .motta-posts-related__content .post-thumbnail img {
    width: 100%;
}

@media (min-width: 1472px) {
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default {
		max-width: calc( 1440px + var( --elementor--width-default ));
	}
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow {
		max-width: calc( 1440px + var( --elementor--width-narrow ));
	}
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-extended {
		max-width: calc( 1440px + var( --elementor--width-extended ));
	}
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wide {
		max-width: calc( 1440px + var( --elementor--width-wide ));
	}
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-wider {
		max-width: calc( 1440px + var( --elementor--width-wider ));
	}
}

/** Table of Contents **/

.admin-bar .widget.ez-toc-widget-sticky .ez-toc-widget-sticky-container.is_stuck {
    top: 110px!important;
}

body:not(.admin-bar) .widget.ez-toc-widget-sticky .ez-toc-widget-sticky-container.is_stuck {
    top: 80px!important;
}

.ez-toc-widget-sticky-container ul.ez-toc-widget-sticky-list li.active>a {
    background-color: transparent !important;
    color: var(--mt-color__primary);
    font-weight: 400;
}

/** Page Header & Menu **/

.site-header__section,
.header-sticky,
.header-mobile-sticky,
body:not(.site-content-no-top-spacing) .site-content,
#page > .page-header {
	padding-left: 24px;
	padding-right: 24px;
}

.site-header__section .container,
.site-content .container {
	padding-left: 0;
	padding-right: 0;
}

.header-with-button {
    display: flex;
    gap: 1em;
    align-items: center;
    margin-bottom: 1em;
}

.header-with-button * {
    margin-bottom: 0;
}

.hamburger-panel .logo-light {
    display: none;
}

.header-bottom {
    border-top: 1px solid #ecf0f4;
}

.header-sticky.header-contents.has-center {
    box-shadow: 0 0 10px 0px #999;
}

.header-v12 .header-mobile-contents .header-left-items {
    flex: 0 1 auto; /* Allow sink left part in menu */
}

.header-left-items .header-logo {
    flex: 0 0 auto;
}

.header-items {
    flex: 1 2 auto;
}

/** Social Icons **/
.fa-facebook-square {
    color: #1877F2;
}
.fa-skype {
    color: #00AFF0;
}
.fa-linkedin {
    color: #0072b1;
}
.fa-telegram {
    color: #24A1DE;
}
.fa-whatsapp {
    color: #25D366;
}

/** theme button **/
.motta-button {
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}
.motta-button--large {
    font-size: 18px;
    font-size: 1.125rem;
}

/** Heading **/
.motta-heading span.highlight,
.motta-icon-box__title span.highlight {
    color: var(--blue-text);

}
.main-navigation .nav-menu > li.menu-item-has-children:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.motta-blog-page .site-header:after {
    display: block;
}

.motta-product-quick-links {
    display: none;
}

/* .bg-box .motta-icon-box__icon {
    padding: 20px;
    background: var(--blue-bg);
    border-radius: 10px
} */

.title-wrapper-with-icon {
    display: flex;
    align-items: center;
    gap: 1em;
    /* flex-wrap: wrap; */
}

.title-wrapper-with-icon .entry-thumbnail {
    width: 2.25rem !important;
    margin: 0 !important;
}

.title-wrapper-with-icon .entry-thumbnail img {
    border: 1px solid #ccc;
}

.title-wrapper-with-icon .entry-title {
    margin-bottom: 0;
    flex: 1;
}

/** Page title **/

#page .page-header {
    margin-bottom: 1.5em;
}

#page .page-header .container {
    padding-left: 0;
    padding-right: 0;
}

.page-header__wrapper {
    display: flex;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap;
}

.page-header__wrapper .page-header__image {
    /* padding: 0.5em;
    background: var(--blue-bg);
    border-radius: 1em;
    width: 4em;
    height: 4em; */

    width: 2.25rem;
}

.page-header__title .date {
    border-bottom: 2px solid currentColor;
}

.page-header__title img {
    width: 1em;
}

.page-header__wrapper .page-header__title,
.page-header .page-header__title {
    margin: 0;
}

.page-header .page-header__title {
    font-size: 2.25rem;
    line-height: 32px;
    font-weight: 600 !important;
}

.page-header .page-header__description {
    width: auto;
    margin-top: 1.125em;
}

.page-header .page-header__description :where(ol, ul) {
    padding-bottom: 0
}

.page-header .page-header__content {
    text-align: left;
}

/*for menu in icon add megamenu*/
.mega-menu ul.mega-menu__column li.menu-item--type-label h6 {
    font-weight: 600;
}
.mega-menu .sub-label {
    color: #54595F;
    font-weight: 500;
    font-size: 0.875em;
}
.mega-menu-container .menu-item-685490::before, 
#menu-mobile-menu #menu-item-547609::before, 
#menu-publisher-list-pages .menu-item-66391::before,
#menu-publisher-list-pages-1 .menu-item-66391::before { /* Premium */
    content: "⭐";
}
.mega-menu-container .menu-item-685487::before, 
#menu-mobile-menu #menu-item-547610::before, 
#menu-publisher-list-pages .menu-item-66392::before,
#menu-publisher-list-pages-1 .menu-item-66392::before { /* Organic Traffic */
	content: "💯";
}
.mega-menu-container .menu-item-685491::before, 
#menu-mobile-menu #menu-item-547611::before, 
#menu-publisher-list-pages .menu-item-66637::before,
#menu-publisher-list-pages-1 .menu-item-66637::before { /* CBD */
	content: "🌿";
}
.mega-menu-container .menu-item-685488::before, 
#menu-mobile-menu #menu-item-547612::before, 
#menu-publisher-list-pages .menu-item-66638::before,
#menu-publisher-list-pages-1 .menu-item-66638::before { /* Casino */
	content: "🎰";
}
.mega-menu-container .menu-item-685485::before, 
#menu-mobile-menu #menu-item-547613::before, 
#menu-publisher-list-pages .menu-item-76769::before,
#menu-publisher-list-pages-1 .menu-item-76769::before { /* Link Insertion */
	content: "🔗";
}
.mega-menu-container .menu-item-685489::before, 
#menu-mobile-menu #menu-item-547614::before, 
#menu-publisher-list-pages .menu-item-110207::before,
#menu-publisher-list-pages-1 .menu-item-110207::before { /* Sidebar/footer */
	font-family: "Font Awesome 5 Free" !important;
	content: "\f143" !important;
    font-weight: 900;
	color: var(--orange);	
}

#menu-publisher-list-pages .menu-item-66944::before,
#menu-publisher-list-pages-1 .menu-item-66944::before { /* All Publisher List */
	font-family: "Font Awesome 5 Free" !important;
    content: "\f03a" !important;
    font-weight: 900;
	color: var(--orange);	
}
.mega-menu-container .menu-item-685482::before,
#menu-mobile-menu #menu-item-547615::before, 
#menu-publisher-list-pages .menu-item-178698::before,
#menu-publisher-list-pages-1 .menu-item-178698::before { /* 100+ Organic Keywords */
	content: "🔍";
}
.mega-menu-container .menu-item-685480::before, 
#menu-mobile-menu #menu-item-547616::before, 
#menu-publisher-list-pages .menu-item-193071::before,
#menu-publisher-list-pages-1 .menu-item-193071::before { /* Crypto */
	content: "₿";    
	color: var(--orange);	
}
.mega-menu-container .menu-item-685479::before, 
#menu-mobile-menu #menu-item-547617::before, 
#menu-publisher-list-pages .menu-item-218391::before,
#menu-publisher-list-pages-1 .menu-item-218391::before { /* Instant Publishing */
	content: "⚡";
}
.mega-menu-container .menu-item-685484::before, 
#menu-mobile-menu #menu-item-547618::before, 
#menu-publisher-list-pages .menu-item-283603::before,
#menu-publisher-list-pages-1 .menu-item-283603::before { /* Country wise traffic */
	content: "🌍";	
}
.mega-menu-container .menu-item-546953::before, 
#menu-mobile-menu #menu-item-547619::before, 
#menu-publisher-list-pages .menu-item-726257::before,
#menu-publisher-list-pages-1 .menu-item-726257::before {
	content: "🧡";	
}

.menu-item-2638 .mega-menu__column > .menu-item::before, 
.custom-icon-cls .mega-menu__column > .menu-item::before, 
.custom-icon-cls .sub-menu > .menu-item::before, 
#menu-publisher-list-pages > .menu-item::before,
#menu-publisher-list-pages-1 > .menu-item::before {
	text-align: center;
    width: 20.6px;
	padding-right: .1em;
    position: absolute;
    left: 0;
    font-weight: 900;
}
#menu-item-685013 .menu-item-mega:before,
#menu-item-1134723:before,
.menu-item-1134726:before {
		/* content:"\f0ac"; */
		content:"🎄";
}

#menu-publisher-list-pages,
#menu-publisher-list-pages-1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    margin-left: 0;
    padding: 0 0 1.5em 0 !important;
    /* font-size: 0.875rem; */
    gap: 0.5em;
}

#menu-publisher-list-pages li,
#menu-publisher-list-pages-1 li {
    list-style: none;
    padding-left: 30px;
    position: relative;
}
#menu-publisher-list-pages li a,
#menu-publisher-list-pages-1 li a {
    text-decoration: underline;
}

#menu-publisher-list-pages li,
#menu-publisher-list-pages-1 li {
    margin-bottom: 10px;
}

@media (max-width: 450px ) {
    #menu-publisher-list-pages, #menu-publisher-list-pages-1 {
        display: block;
        width: 100%;
    }
}

.main-navigation .menu-item-2638 .mega-menu--grid .mega-menu__column > li,
.main-navigation .custom-icon-cls .mega-menu--grid .mega-menu__column > li {
    padding-left: 25px !important;
}

.hfeed .hentry {
    align-items: flex-start;
}

.motta-icon-box__content,
.main-navigation a,
.nav-menu a,
.elementor-posts .elementor-post__title,
.motta-navigation-menu li a {
	font-size: 16px;
	font-size: 1rem;
}

.footer-main a:not(.motta-button) {
    color: var(--e-a-color-secondary);
}

.elementor-posts .elementor-post__title {
    font-size: 16px;
    font-size: 1rem;
}

.woocommerce-cart table.woocommerce-cart-form__contents td.product-name {
	width: auto;
    font-size: 16px;
    font-size: 1rem;
}

.wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-items-block.cart-items-container,
.wc-block-components-sidebar-layout .wc-block-components-main.cart-items-container,
.wp-block-woocommerce-checkout.is-loading .wp-block-woocommerce-checkout-fields-block.checkout-billing-container,
.wc-block-components-sidebar-layout .wc-block-components-main.checkout-billing-container {
    padding-right: 0;
}

.wc-block-components-chip .wc-block-components-chip__remove {
    min-width: auto;
}

.coupon-form .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
    flex: 1 3;
}

/* .woocommerce-product-gallery__thumbs-carousel .swiper-slide {
    max-height: 60px;
}
.woocommerce-product-gallery__thumbs-carousel .swiper-slide img {
    height: 100%;
} */

.modal__notices .widget_shopping_cart_content ul.cart_list {
    width: 70% !important;
}
.modal__notices .widget_shopping_cart_content .widget_shopping_cart_footer {
    width: 30% !important;
}

@media (min-width: 768px) {
    .desktop-hide{
        display: none !important;
    }
}

.summary table{
    border-collapse: collapse;
}
.summary table th,table td {
    padding: 8px;
}

.special-note.in-cart ul {
    margin-bottom: 0 !important;
}
.special-note.in-cart li {
    padding: 0 !important;
}

/** Site List (Archive page ) **/
h2.publisher-counts {
    font-size: 1.1rem;
    margin: 0;
}

.elementor-shortcode > p,
.type-page > p {
    margin-top: 13px;
}

/** Estimated TAT Bar **/

.estimated-days {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--tat-bar-bg);
    /* border: 1px solid var(--tat-bar-border); */
    border-radius: 6px;
    padding: 8px 14px;
    margin: 12px 0;
    font-size: 13px;
    color: var(--tat-text);
}

.tat-badge {
    display: inline-flex;
    align-items: center;
}

.tat-badge__label {
    background-color: var(--tat-badge-bg);
    color: var(--tat-badge-text);
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    margin-right: 8px;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.tat-badge__value {
    font-weight: 500;
    color: var(--tat-text);
}

.avg-tat {
    font-size: 13px;
    color: var(--tat-avg-text);
    white-space: nowrap;
    margin-left: 12px;
}

/** Single Product **/

.single-product div.product.outofstock .woocommerce-badges {
    display: block;
}

.woocommerce-badge {
    padding: 6px 6px 4px;
    text-transform: uppercase;
}
.woocommerce-badge.new {
    background-color: #00AEEF;
}

.single-product div.product.product-wc-tabs-dropdown .wc-tabs-all--opened .woocommerce-Tabs-panel .active + .motta-dropdown__content {
    display: block !important;
}

.single-product div.product .motta-quantity-wrapper {
    display: none;
}

/* Ensure LCP product image renders immediately without waiting for Flexslider */
.single-product div.product .motta-product-gallery .woocommerce-product-gallery {
  opacity: 1 !important;
}

.single-product div.product:not(.product_cat-packages) .woocommerce-product-gallery--with-images {
    aspect-ratio: 1.50;
    overflow: hidden;
} 

/* .single-product div.product:not(.product_cat-packages) .woocommerce-product-gallery__wrapper {
    aspect-ratio: 1200/670;
    overflow-y: hidden;
} */

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: row;
}

.woocommerce-product-gallery__thumbs-carousel {
    height: 62px;
    margin-top: 1rem;
}

.single-product div.product .motta-product-gallery {
    width: 100%;
}

/* LCP: keep product gallery visible on first paint; overrides JS-dependent opacity so image paints immediately */
.single-product div.product .motta-product-gallery .woocommerce-product-gallery {
    opacity: 1 !important;
}

.single-product div.product .left-column {
    width: 48.948%;
}

.single-product div.product.layout-3 .entry-summary .product-meta-wrapper {
    display: flex;
}

.single-product div.product.layout-3 .product-gallery-summary {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0 none;
}

.single-product .product-meta-wrapper {
    gap: 0.5em;
}

.single-product .product-meta-wrapper>* {
    flex: 0;
    white-space: nowrap;
    line-height: 1.3!important;
    /* margin: 0 5px 15px 0; */
    border-radius: 3px
}
.single-product .product-meta-wrapper .meta-sku {
    border: 1px solid #eee;
    padding: 3px 8px;
}
.single-product div.product .product-meta-wrapper .meta::after {
    content: none;
}
.website-url a,
.premium-badge .premium-badge-text {
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 3px 8px;
    line-height: 20px;
    font-weight: 500;
    box-shadow: none;
    display: inline-block;
    border-radius: 3px;
    font-size: .7222222222rem;
    background: var(--notification-success);
}

.premium-badge .premium-badge-text {
    background: var(--mt-color__primary);
}

.single-product div.product .star-rating {
    font-size: 1rem;
    width: 5.2rem;
    height: 1rem;
}

.single-product div.product .button-write-review {
    padding-bottom: 0;
}

.woocommerce-product-rating .woocommerce-review-link {
    font-size: 14px;
    font-size: 0.875rem;
}

.gpl-inline-tags.sample-link {
    /* background-color: var(--notification-success-bg); */
    padding: 0.5em 0;
    color: var(--notification-success);
}

.sample-link .gpl-inline-tags__label {
    color: inherit;
}

.sample-link a sup > i.fa,
.sample-link a sup > i.fa-solid {
    font-size: 9px;
    font-size: 0.5625rem;
    color: #666;
}

.product-addon-totals,
.product-addon-totals strong {
    font-weight: 600;
}

.wc-pao-subtotal-line {
    font-size: 1.2em;
}

.single-product div.product .woocommerce-Reviews .motta-product-rating .motta-product-rating__bar {
    max-width: 100%;
}

/*side-popup first visit*/
.motta-popup-548269 .mo-optin-form-container {
    position: relative !important;
    margin: 0 auto !important;
}
.motta-popup-548269 .motta-popup__content{
    max-width:570px;
}
.motta-popup-548269 .mo-optin-form-wrapper {
    background-color: transparent !important;
    border: 0px !important;

    position: relative !important;
    margin-right: auto !important;
    margin-left: auto !important;
    line-height: normal !important;
}
.motta-popup-548269 .moOptinForm {
    width: 100% !important;
}
.motta-popup-548269 .mo-optin-form {
    text-align: justify !important;
}
.motta-popup-548269 .mo-optin-form-wrapper{
    padding: 20px 0px !important;
}
.motta-popup-548269 .mo-optin-fields-wrapper{
    margin: 0px !important;
    background: #fff !important;
    border-radius: 35px !important;
    border: 1px solid #e0e0e0 !important;
    overflow: hidden !important;
    position: relative !important;
    display: flex !important;
    flex-direction: row;
    padding: 10px !important;
    justify-content: center !important;
    align-items: center !important;
}
.motta-popup-548269 .mo-optin-form-submit-button {    
    right: 80px !important;
    top: 28px !important;
    height: 44px !important;
    width: 117px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    background: #000000 !important;
    color: #ffffff !important;
    height: auto !important;
    text-shadow: none !important;
    position: static !important;
    flex: 1 !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    border-radius: 35px !important;
    flex-grow: 0.5 !important;
    flex-shrink: 2 !important;
    padding: 25px !important;
}
.motta-popup-548269 .mo-optin-field {
    font-size: .875rem !important;
    font-weight: 500 !important;
    height: 60px !important;
    padding: 12px 22px  12px 10px !important;
    max-width: 382px !important;
    color: #6d7680 !important;
    background-color: #ffffff !important;
    height: auto !important;
    overflow: hidden !important;
    flex: 1 !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    flex-grow: 2 !important;
    flex-shrink: 0.5 !important;
    border: 0px !important;
}
.motta-popup-548269 .mo-optin-success-msg {
    font-size: 16px !important;
}

/** bulk search **/
/* body:not(.logged-in) .restricted-content {
    padding: 1em;
    position: relative;
}
body:not(.logged-in) .restricted-content form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
    filter: blur(2px);
}

.restricted-content .login-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 200px 0px inset #ddd;
} */


/** Login / Signup **/
.woocommerce-account div.nsl-container.nsl-container-block .nsl-container-buttons .nsl-button-default {
    align-items: center;
}
.woocommerce-account div.nsl-container.nsl-container-block .nsl-container-buttons .nsl-button-svg-container {
    height: 30px;
}
.woocommerce-account:not(.logged-in) .woocommerce-account__summary {
    max-width: 460px;
}

button.show-password-input {
    all: inherit;
    min-width: auto;
    width: auto !important;
}

/** Checkout page **/
form.checkout .woocommerce-checkout-payment ul.wc_payment_methods .payment_box p {
    margin-top: 0;
}
form.checkout .payment_method_ppcp-credit-card-gateway .woocommerce-SavedPaymentMethods-saveNew {
   padding-left: 17px;
}

form.checkout .payment_method_ppcp-credit-card-gateway .form-row label {
    margin-bottom: 0;
    padding-left: 0.375rem;
}

form.checkout .wc-credit-card-form .form-row label {
    margin-bottom: 0;
}

form.woocommerce-form.woocommerce-verify-email .form-row input[type="email"] {
    width: 100%;
    max-width: 500px;
}

#payment ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1em;
    max-width: 724px;
}

.payment_method_coingate label img {
    max-height: 1.5em;
}

.payment_method_nowpayments label img {
    max-height: 1.5em;
}

.payment_method_razorpay label img {
    max-height: 2em;
}

/** Mailoptin Subscription **/
html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper {
    margin-top: 2em;
    padding: 2em;
    border: 1px solid #ecf0f4;
    border-radius: 2px;
    background-color: var(--blue-bg)!important;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper .alyssum_inner{
    max-width: 700px;
    margin: 0 auto;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper .alyssum-intro-section {
    text-align: center;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper .alyssum-intro-section .alyssum-headline {
    padding: 0;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper .alyssum-intro-section h4 {
    margin: 0;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.mo-optin-form-wrapper .alyssum-input {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
    max-width: 700px !important;
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.alyssum .alyssum_input_field,
html div#kPKiJXbmGg div#kPKiJXbmGg_lightbox.alyssum .alyssum_input_field {
    padding: 0 2em !important;
    margin: 0 !important;
    flex: 1;
    max-width: 100%;
    width: fit-content !important;
    border-radius: var(--mt-border__radius) !important;
    line-height: var(--mt-input__height);
}

html div#dXGuiItKfX div#dXGuiItKfX_inpost.alyssum .alyssum_subscibe_btn,
html div#kPKiJXbmGg div#kPKiJXbmGg_lightbox.alyssum .alyssum_subscibe_btn {
    padding: 0 !important;
    border-radius: var(--mt-border__radius) !important;
    max-width: 200px;
    width: 100%;
    border: 0;
    flex: 0.5;
    background: var(--mt-color__primary);
    color: #fff;
}

/** Product Table **/

.frzTbl-force-parent-overlow-visible {
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

.wcpt {
    font-size: 1rem;
}

.wcpt-table,
.wcpt-table th.wcpt-heading,
.wcpt-table td.wcpt-cell {
    border: 1px solid rgba(0, 0, 0 ,0.06) !important;
    border-right-width: 1px;
}

.wcpt-table tr.wcpt-even > .wcpt-cell {
    background-color: var(--blue-bg);
}

.wcpt-table th.wcpt-heading {
    background-color: var(--blue-bg);
}

.wcpt-heading-row {
    border-bottom: 3px solid var(--blue-text);
}

.wcpt-archive_redirect [data-wcpt-slug], 
.wcpt-archive_redirect [data-wcpt-slug] span, 
.wcpt-trigger_filter [data-wcpt-slug], .wcpt-trigger_filter [data-wcpt-slug] span {
    text-decoration: none;
}

.wcpt-filter input[type="search"] {
    --mt-input__height: 44px;
}

.wcpt-filter input[type=checkbox]+span,
.wcpt-filter input[type=radio]+span {
    padding-left: 5px;
}

.wcpt-right .wcpt-item-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wcpt-right .wcpt-search-wrapper {
    flex: 1;
}

.wcpt-right .wcpt-search-wrapper .wcpt-search {
    width: 100%;
}

.wcpt-add-new-website {
    margin-top: 2em;
    text-align: center;
}

.wcpt-add-new-website .add-new-website {
    width: 400px;
    max-width: 100%;
}
.wcpt-filter input[type=checkbox], .wcpt-filter input[type=radio] {
    position: relative ;
}
.wcpt-clear-filter{
   background: rgba(0, 0, 0, .06);
}

.icon-size-14 .motta-svg-icon svg {
    width: 14px;
    width: 0.875rem;
    height: 14px;
    height: 0.875rem;
}

.wcpt .wcpt-item-row> .wcpt-icon > svg {
    display: block !important;
}

.wcpt-child-row td > div {
    display: flex;
    align-items: center;
    gap: 1em;
}

.wcpt-child-row .wcpt-child-row__element {
    width: fit-content !important;
}

.wcpt-child-row .wcpt-child-row__element .header-with-logo img {
    display: none;
}

.header-with-logo img[src*="logo_ahrefs.svg"] {
    width: 40px;
    max-width: none;
}
.header-with-logo img[src*="logo_semrush.svg"] {
    width: 72px;
    max-width: none;
}
.header-with-logo img[src*="ico_semrush.svg"] {
    width: 24px;
    max-width: none;
}

.header-with-logo img[src*="ico_moz.svg"] {
    width: 36px;
    max-width: none;
}



/** WP Forms **/
.website-request {
    margin-top: 2em;
}

.wpforms-field-label {
    color: #1d2128;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 7px;
    display: inline-block;
}

.wpforms-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
}

.wpforms-field-row.wpforms-field-medium {
    display: flex;
    gap: 1em;
}

.wpforms-one-half {
    flex: 1;
}

.wpforms-one-half input {
    width: 100%;
}

label.wpforms-sublabel-hide {
    display: none;
}

.wpforms-field-radio ul,
.wpforms-field-checkbox ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1em 0;
}

.wpforms-field-description {
    color: #666;
    font-size: 14px;
    font-size: .875rem;
    font-style: italic;
}

.wpforms-field-textarea textarea {
    min-height: 150px;
}

.wpforms-error {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
}

/** My Account **/
.woocommerce-notices-wrapper {
    margin-bottom: 0.5em;
}
.my-account-wrapper.horizontal .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 2rem;
}

.my-account-wrapper.horizontal .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
    border-left: 0 none;
    border-bottom: 2px solid transparent;
    padding: 0px 0px 6px 0px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
    left: 15px;
    position: static;    
    display: inline-block;
    transform: none;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+b3ZlcnZpZXc8L3RpdGxlPgo8cGF0aCBkPSJNMTcuNzYgMTkuMzZjLTAuOTYgMC45Ni0yLjU2IDAuOTYtMy42OCAwcy0wLjk2LTIuNTYgMC0zLjY4IDcuNTItMy44NCA3LjUyLTMuODQtMi43MiA2LjU2LTMuODQgNy41MnoiPjwvcGF0aD4KPHBhdGggZD0iTTE2IDYuNGMwLjE2IDAgMC4xNiAwIDAuMzIgMCAyLjg4IDAuMTYgNS43NiAxLjI4IDcuODQgMy41MnMzLjIgNS4xMiAzLjA0MCA4Yy0wLjE2IDIuNC0wLjk2IDQuNjQtMi40IDYuNTYtMC40OCAwLjgtMS40NCAxLjEyLTIuNCAxLjEyaC0xMi44Yy0wLjk2IDAtMS43Ni0wLjMyLTIuNC0wLjk2LTEuNi0yLjA4MC0yLjQtNC40OC0yLjQtNy4wNDAgMC02LjI0IDQuOTYtMTEuMiAxMS4yLTExLjJ6TTE2IDMuMmMtOCAwLTE0LjQgNi40LTE0LjQgMTQuNCAwIDMuMzYgMS4xMiA2LjU2IDMuMiA4Ljk2IDEuMTIgMS40NCAyLjg4IDIuMjQgNC44IDIuMjRoMTIuOGMxLjkyIDAgMy42OC0wLjggNC45Ni0yLjI0IDEuOTItMi40IDMuMDQwLTUuMjggMy4wNDAtOC4zMiAwLjMyLTcuODQtNi4wODAtMTQuNzItMTMuOTItMTQuODgtMC4xNi0wLjE2LTAuMzItMC4xNi0wLjQ4LTAuMTZ2MHoiPjwvcGF0aD4KPC9zdmc+Cg==);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
    background-image: none;
    font-family: woowallet;
    content: "\e900";
    font-weight: 900;
    color: #000;
    font-size: 90%;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:before {
    background: none;
    font-family: "Font Awesome 6 Free";
    color: #000;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
    background: none;
    content: "\f15c";
    height: auto;
    width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--service-orders a::before {
    background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgo8dGl0bGU+dHJhY2stb3JkZXI8L3RpdGxlPgo8cGF0aCBkPSJNMjQuNTI4IDMuMmgtMTcuMDU2bC00LjI3MiA4Ljk2djE2LjY0aDI1LjZ2LTE2LjY0bC00LjI3Mi04Ljk2ek0yNC44IDExLjJoLTcuMnYtNC44aDQuOTEybDIuMjg4IDQuOHpNOS40ODggNi40aDQuOTEydjQuOGgtNy4ybDIuMjg4LTQuOHpNNi40IDI1LjZ2LTExLjJoOHYzLjJoMy4ydi0zLjJoOHYxMS4yaC0xOS4yeiI+PC9wYXRoPgo8L3N2Zz4K);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--services-notification a::before {
    background: none;
    content: "\f0f3";
    height: auto;
    width: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    background: none;
    content: "\f09d";
    height: auto;
    width: auto;
}

.woocommerce-orders-table__cell-order-actions a.motta-button--base {
    background-color: var(--mt-color__primary);
    margin-right: 5px;
}

a.motta-button--base.pay {
    background-color: #3abb00;
}

td.woocommerce-orders-table__cell-order-actions {
    white-space: nowrap;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    display: inline-block;
}

.woocommerce-orders-table__row--status-refunded td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-refunded);
    content: "\f2ea";
}

.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-cancelled);
    content: "\f05e";
}

.woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status {
    text-decoration: line-through;
}

.woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-failed);
    content: "\f057";
}

.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-processing);
    /* content: "\f085"; */
}

.woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-on-hold);
    content: "\f06a";
}

.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-completed);
    content: "\f058";
}

.woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status::before {
    color: var(--order-status-pending);
    content: "\f017";
}

.woocommerce-PaymentMethods {
    list-style: none;
}

.woocommerce-Addresses.col2-set {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dokan-wholesale-migration-wrapper .btn-primary {
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: var(--mt-border__radius);
    background-color: var(--mt-color__primary);
    color: var(--mt-color__primary--light);
    box-shadow: 0px 2px 6px 0px var(--mt-color__primary--box-shadow);
    padding: 0 2em;
    min-width: 160px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    border: none;
    cursor: pointer;
    line-height: 60px;
}

.dokan-wholesale-migration-wrapper .btn-primary:hover {
    background-color: var(--mt-color__primary--dark);
    box-shadow: 0px 4px 8px 0px var(--mt-color__primary--box-shadow);
}

/** Dokan Review Comments **/
.review_comment_container {
    display: flex;
    flex-direction: row;
    gap: 1em;
    margin-bottom: 1em;

    .dokan-review-author-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
    }

    .dokan-review-author-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .comment-text {
        flex: 1;
    }

    .comment-text * {
        margin: 0;
    }
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message--info, 
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message--info {
    background-color: #ecf6ff;
    padding: 13px 20px;
}

/** Country wise traffic **/

#country-filter-container {
    margin: 20px 0;
}
#country-filter-container .continent-tabs {
    width: 100%;
    justify-content: flex-start;
}

/*
.country-list-with-flag {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}

.country-list-with-flag li {
    list-style: none;
}

.country-list-with-flag li a {
    display: flex;
    align-items: center;
}

.country-list-with-flag li img {
    margin-right: 10px;
    max-width: 45px;
}

ul.country-list-with-flag li {
    background-color: #fff;
} */

.country-list-with-flag {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 0;
    padding: 0;
}

.country-list-with-flag li {
    list-style: none;
}

.country-list-with-flag li a {
    display: flex;
    gap: 1em;
    align-items: center;
    color: var(--e-a-color-secondary) !important;
}

.country-list-with-flag li img {
    max-width: 45px;
    box-shadow: 0px 0 15px -9px #000;
}

ul.country-list-with-flag li {
    background-color: #fff; /* Default row color */
    border-bottom: 1px solid #ECF0F4;
    padding: 1em 0.5em;
}

/* 6 columns (≥1303px) */
/* @media (min-width: 1303px) {
  ul.country-list-with-flag li:nth-child(12n+7),
  ul.country-list-with-flag li:nth-child(12n+8),
  ul.country-list-with-flag li:nth-child(12n+9),
  ul.country-list-with-flag li:nth-child(12n+10),
  ul.country-list-with-flag li:nth-child(12n+11),
  ul.country-list-with-flag li:nth-child(12n+12) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/* 5 columns (≥1093px) */
/* @media (min-width: 1093px) and (max-width: 1302px) {
  ul.country-list-with-flag li:nth-child(10n+6),
  ul.country-list-with-flag li:nth-child(10n+7),
  ul.country-list-with-flag li:nth-child(10n+8),
  ul.country-list-with-flag li:nth-child(10n+9),
  ul.country-list-with-flag li:nth-child(10n+10) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/* 4 columns (≥883px) */
/* @media (min-width: 883px) and (max-width: 1092px) {
  ul.country-list-with-flag li:nth-child(8n+5),
  ul.country-list-with-flag li:nth-child(8n+6),
  ul.country-list-with-flag li:nth-child(8n+7),
  ul.country-list-with-flag li:nth-child(8n+8) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/* 3 columns (≥673px) */
/* @media (min-width: 673px) and (max-width: 882px) {
  ul.country-list-with-flag li:nth-child(6n+4),
  ul.country-list-with-flag li:nth-child(6n+5),
  ul.country-list-with-flag li:nth-child(6n+6) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/* 2 columns (≥463px) */
/* @media (min-width: 463px) and (max-width: 672px) {
  ul.country-list-with-flag li:nth-child(4n+3),
  ul.country-list-with-flag li:nth-child(4n+4) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/* 1 column (<462px) */
/* @media (max-width: 462px) {
  ul.country-list-with-flag li:nth-child(2n) {
    background-color: var(--blue-bg);
    border: 1px solid #e0e0e5;
    border-radius: var(--mt-border__radius);
  }
} */

/** Woo Service Orders **/
#wp-wysiwyg_editor-1-wrap {
    width: 100%;
}
.status::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    font-size: .875rem;
    margin-right: 5px;
}
.status.OrderComplete::before {
    color: var(--order-status-completed);
    content: "\f058";
}
.status.WorkInProgress::before {
    color: var(--order-status-processing);
}
.status.OrderDeleted::before {
    color: var(--order-status-cancelled);
    content: "\f05e";
}
.status.OrderRefund::before {
    color: var(--order-status-refunded);
    content: "\f2ea";
}
.status.WaitingforPublishing::before {
    color: var(--order-status-on-hold);
    content: "\f2f2";
}
.status.WaitingForRequirement::before {
    content: "\f059";
}
.status.WaitingforArticleApproval::before {
    color: var(--order-status-pending);
    content: "\f252";
}
.status.WaitingForApproval::before {
    color: var(--order-status-pending);
    content: "\f252";
}
.status.Dispute::before {
    color: var(--order-status-failed);
    content: "\f06a";
}
.status.OrderDelayed::before {
    color: var(--order-status-delayed);
    content: "\f017";
}

.woo-service-search-box form {
    display: flex;
    gap: 0.5em;
}

.status-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35em;
}

.status-filter .motta-button--medium.motta-button--ghost {
    filter: grayscale(1);
    height: 44px;
}
.status-filter .motta-button--medium.motta-button--ghost.active {
    filter: none;
}

.wss-sell-client-req-question.dofollow h4.wbcom-woo-ques::after,
.wss-sell-client-req-question.nofollow h4.wbcom-woo-ques::after,
.wss-sell-client-req-question.ugc h4.wbcom-woo-ques::after,
.wss-sell-client-req-question.sponsored h4.wbcom-woo-ques::after,
.wss-sell-client-req-question.dofollow .gpl-req-step__toggle .wbcom-woo-ques::after,
.wss-sell-client-req-question.nofollow .gpl-req-step__toggle .wbcom-woo-ques::after,
.wss-sell-client-req-question.ugc .gpl-req-step__toggle .wbcom-woo-ques::after,
.wss-sell-client-req-question.sponsored .gpl-req-step__toggle .wbcom-woo-ques::after {
    display: inline-block;
    margin-left: 10px;
    font-size: 80%;
    padding: 0.5em;
    background: #e2e2e2;
    border-radius: var(--mt-border__radius);
}

.wss-sell-client-req-question.dofollow h4.wbcom-woo-ques::after {
    content: '✅ dofollow backlink';
}

.wss-sell-client-req-question.nofollow h4.wbcom-woo-ques::after {
    content: '❎ nofollow backlink';
}

.wss-sell-client-req-question.sponsored h4.wbcom-woo-ques::after {
    content: 'sponsored backlink';
}

.wss-sell-client-req-question.ugc h4.wbcom-woo-ques::after {
    content: 'UGC backlink';
}

.wss-sell-client-req-question .wp-editor-wrap {
    width: 100%;
}

.wss-sell-client-req-question .wp-editor-wrap button {
    min-width: inherit;
}

.wss-sell-client-req-question .wp-editor-wrap button:hover {
    background-color: inherit;
    color: inherit;
}

/** Vendor Dashboard **/
div#woocommerce-order-items:after {
    content: " ";
    display: block;
    clear:both;
}

/** Woo Service Single Order **/
#woo_message{resize: vertical;}
#wp-woo_message-wrap button,
#wp-woo_message-wrap .button,
#wp-woo_message-wrap input[type="button"] {
    min-width: auto;
    border-radius: 0;
}
#wp-woo_message-wrap button:hover,
#wp-woo_message-wrap .button:hover,
#wp-woo_message-wrap input[type="button"]:hover {
    background: none;
}

/* --- Send Message card (service order conversation) --- */
#wss-send-message-card .wss-send-message-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

#wss-send-message-card .wss-send-message-card__title-block {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

#wss-send-message-card .wss-send-message-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 6px;
    background: var(--tat-bar-bg);
    color: var(--gpl-green);
}

#wss-send-message-card .wss-send-message-card__icon svg {
    display: block;
}

#wss-send-message-card .wss-send-message-card__headings {
    min-width: 0;
}

#wss-send-message-card .wss-send-message-card__title {
    margin: 0 0 4px 0;
    line-height: 1.25;
}

#wss-send-message-card .wss-send-message-card__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--gpl-blue);
}

#wss-send-message-card .wss-send-message-card__tabs-target {
    flex-shrink: 0;
    margin-left: auto;
}

/* Visual / Code: segmented control in header (tabs moved out of wp_editor shell) */
#wss-send-message-card #wss-woo-message-editor-tabs .wp-switch-editor {
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: var(--mt-border__radius);
    background-color: #e6e9f9;
    border: 1px solid #e6e9f9;
    padding: 0 2em;
    min-width: 55px;
    min-height: 35px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    cursor: pointer;
    line-height: 60px;
    margin: 0;
    outline: none !important;
    box-shadow: none !important;
}
#wss-send-message-card #wss-woo-message-editor-tabs .wp-switch-editor[aria-pressed="true"] {
    background: var(--tat-badge-text);
    color: var(--mt-color__primary);
    border: 1px solid var(--mt-color__primary--dark);
}

/* Hide editor chrome that only held Visual/Code once tabs are relocated */
#wss-send-message-card.wss-send-message-card--tabs-relocated #wp-woo_message-editor-tools {
    display: none !important;
}

#wss-send-message-card #wp-woo_message-wrap .quicktags-toolbar {
    padding: 6px 8px;
    border-bottom: 1px solid var(--majestic-blue-lite);
    background: color-mix(in srgb, var(--gpl-blue) 6%, var(--tat-badge-text));
}

#wss-send-message-card .wss-send-message-card__editor {
    margin-bottom: 16px;
}

#wss-send-message-card #wp-woo_message-wrap {
    border: 1px solid var(--majestic-blue-lite);
    border-radius: 8px;
    overflow: hidden;
    background: var(--tat-badge-text);
}

#wss-send-message-card #wp-woo_message-wrap .mce-tinymce,
#wss-send-message-card #wp-woo_message-wrap .mce-container-body {
    border-radius: 0 0 6px 6px;
}

#wss-send-message-card #wp-woo_message-wrap .mce-top-part::before {
    box-shadow: none;
}

#wss-send-message-card #wp-woo_message-wrap .mce-toolbar-grp {
    padding: 6px 8px;
    border-bottom: 1px solid var(--majestic-blue-lite);
    background: color-mix(in srgb, var(--gpl-blue) 6%, var(--tat-badge-text));
}

#wss-send-message-card #wp-woo_message-wrap .mce-edit-area {
    border-top: none;
}

#wss-send-message-card #wp-woo_message-wrap .mce-widget.mce-btn {
    margin: 0 1px;
}

#wss-send-message-card #wp-woo_message-wrap .mce-widget.mce-btn button {
    padding: 4px 6px;
    border-radius: 4px;
}

#wss-send-message-card #wp-woo_message-wrap.tmce-active .wp-editor-container {
    border: none;
}

#wss-send-message-card #wp-woo_message-wrap.html-active textarea#woo_message {
    border: none;
    border-radius: 0 0 6px 6px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.5;
}

#wss-send-message-card #wp-woo_message-wrap .mce-container-body .mce-edit-area iframe {
    min-height: 0;
}

#wss-send-message-card #wss-quick-actions-section[hidden] {
    display: none !important;
}

#wss-send-message-card .wss-quick-actions-section {
    margin-top: 20px;
}

#wss-send-message-card .wss-quick-actions-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

#wss-send-message-card .wss-quick-actions-header__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--tat-bar-bg);
    color: var(--gpl-green);
}

#wss-send-message-card .wss-quick-actions-header__icon svg {
    display: block;
}

#wss-send-message-card .wss-quick-actions-header__text {
    min-width: 0;
}

#wss-send-message-card .wss-quick-actions-header__title {
    margin: 0 0 4px 0;
    font-size: 18px;
    line-height: 1.25;
    color: var(--majestic-blue);
}

#wss-send-message-card .wss-quick-actions-header__dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 6px;
    margin-bottom: 3px;
    vertical-align: middle;
    border-radius: 50%;
    background: var(--gpl-blue);
}

#wss-send-message-card .wss-quick-actions-header__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--gpl-blue);
}

#wss-send-message-card .wss-send-message-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

#wss-send-message-card .wss-quick-template {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    min-height: 42px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--gpl-blue) 8%, var(--tat-badge-text));
    color: var(--majestic-blue);
    cursor: pointer;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

#wss-send-message-card .wss-quick-template:hover {
    filter: brightness(0.98);
    box-shadow: 0 1px 3px var(--majestic-blue-lite);
}

#wss-send-message-card .wss-quick-template__ico {
    display: inline-flex;
    flex-shrink: 0;
}

#wss-send-message-card .wss-quick-template--green {
    background: var(--notification-success-bg);
    border-color: var(--gpl-green);
    color: var(--gpl-green);
}

#wss-send-message-card .wss-quick-template--orange {
    background: var(--matrix-orange-lite);
    border-color: var(--gpl-orange);
    color: var(--gpl-orange);
}

#wss-send-message-card .wss-quick-template--blue {
    background: var(--notification-info-bg);
    border-color: var(--primary-color);
    color: var(--blue-text);
}

#wss-send-message-card .wss-quick-template--purple {
    background: color-mix(in srgb, var(--gpl-purple) 12%, var(--tat-badge-text));
    border-color: var(--gpl-purple);
    color: var(--gpl-purple);
}

#wss-send-message-card .wss-quick-template--red {
    background: var(--notification-error-bg);
    border-color: var(--gpl-red);
    color: var(--gpl-red);
}

#wss-send-message-card .wss-quick-template--indigo {
    background: var(--blue-bg);
    border-color: var(--blue-text);
    color: var(--blue-text);
}

#wss-send-message-card .wss-send-message-card__upload {
    margin-top: 0;
}

#wss-send-message-card .wss-send-message-upload {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

#wss-send-message-card .wss-send-message-upload__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid var(--majestic-blue-lite);
    background: color-mix(in srgb, var(--gpl-blue) 12%, var(--tat-badge-text));
    color: var(--majestic-blue);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

#wss-send-message-card .wss-send-message-upload__btn:hover {
    background: color-mix(in srgb, var(--gpl-blue) 18%, var(--tat-badge-text));
    border-color: var(--gpl-blue);
}

#wss-send-message-card .wss-send-message-upload__clip {
    display: inline-flex;
    color: var(--gpl-blue);
}

#wss-send-message-card .wss-send-message-upload__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#wss-send-message-card .wss-send-message-upload__filename {
    font-size: 14px;
    color: var(--gpl-blue);
}

#wss-send-message-card .wss-send-message-upload__clear{display: inline-flex; align-items: center; justify-content: flex-end; width: 24px; height: 24px; padding: 0; border: none; border-radius: 4px; background: transparent !important; color: var(--gpl-red); font-size: 20px; line-height: 1; cursor: pointer; margin-left: auto;}
#wss-send-message-card .wss-send-message-upload__clear:hover {background: color-mix(in srgb, var(--gpl-blue) 12%, transparent);}
#wss-send-message-card .wss-send-message-upload__clear[hidden]{display: none !important;}
#wss-send-message-card .woo-sell-up-progress{display: none; flex-basis: 100%; margin-top: 10px;}

#woo_conversation_form .woo-pruduct-submit {
    margin-top: 16px;
}

@media (max-width: 600px) {
    #wss-send-message-card.wss-send-message-card {
        padding: 18px 16px;
    }

    #wss-send-message-card .wss-send-message-card__header {
        flex-direction: column;
        align-items: flex-start;
    }

    #wss-send-message-card .wss-send-message-card__tabs-target {
        margin-left: 0;
        width: 100%;
    }

    #wss-send-message-card #wss-woo-message-editor-tabs .wp-editor-tabs {
        width: 100%;
        justify-content: stretch;
    }

    #wss-send-message-card #wss-woo-message-editor-tabs .wp-switch-editor {
        flex: 1;
        text-align: center;
    }
}

form .wss-sell-client-req-question:not(.gpl-req-step__card) {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
}

.wss-sell-client-req-question {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
}
.wss-sell-client-req-question > h4,
.wss-sell-client-req-question > div > p {
    margin: 0 !important;
}
.wss-sell-client-req-question h4 {
    font-weight: 700;
}
.wbcom-woo-ques-description b {
    font-weight: 600;
}
.wss-sell-client-req-question > div > p,
.wss-sell-client-req-question > div > a {
    background-color: var(--matrix-yellow-lite);
    padding: 0.1em 0.5em;
    border-radius: 0.25em;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    margin-bottom: 10px !important;
}

/* Guest Post requirement form (accordion) */
.gpl-req-form-shell {
    margin-top: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 32px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}
#wbcom_requirement_question.gpl-req-form-active .gpl-req-form {
    padding: 0;
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner,
.gpl-req-form-shell .gpl-req-form__banner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 20px;
    margin: 0;
    border: 0;
    background: var(--mt-color__primary);
    color: #fff;
    cursor: pointer;
    text-align: left;
    font: inherit;
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner .gpl-req-form__banner-icon,
.gpl-req-form-shell .gpl-req-form__banner-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    color: var(--mt-color__primary);
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner .gpl-req-form__banner-text,
.gpl-req-form-shell .gpl-req-form__banner-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner .gpl-req-form__banner-text strong,
.gpl-req-form-shell .gpl-req-form__banner-text strong {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner .gpl-req-form__banner-text > span,
.gpl-req-form-shell .gpl-req-form__banner-text > span {
    font-size: 0.8125rem;
    opacity: 0.95;
    line-height: 1.4;
}
#wss_sell_order_reuirments_btnid.gpl-req-form__banner .gpl-req-form__banner-chevron,
.gpl-req-form-shell .gpl-req-form__banner-chevron {
    flex-shrink: 0;
    display: flex;
    color: #fff;
}
.gpl-req-form-shell .gpl-req-form__banner-chevron svg {
    transition: transform 0.25s ease;
}
.gpl-req-form-shell.is-expanded .gpl-req-form__banner-chevron svg {
    transform: rotate(180deg);
}
#wbcom_requirement_question .gpl-req-form__timeline {
    padding: 20px 24px 8px;
}
#wbcom_requirement_question .gpl-req-step {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    column-gap: 16px;
    position: relative;
}
#wbcom_requirement_question .gpl-req-step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 32px;
    bottom: 0;
    border-left: 2px dashed #d1d5db;
}
#wbcom_requirement_question .gpl-req-step__marker span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary-color, #4166E1);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
}
#wbcom_requirement_question .gpl-req-form .wss-sell-client-req-question.gpl-req-step__card {
    display: block;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
#wbcom_requirement_question .gpl-req-step:last-child .gpl-req-step__card {
    margin-bottom: 0;
    border-bottom: none;
}
#wbcom_requirement_question .gpl-req-step__toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
}
#wbcom_requirement_question .gpl-req-step__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--blue-bg, #4166E114);
    color: var(--primary-color, #4166E1);
}
#wbcom_requirement_question .gpl-req-step__icon-svg {
    width: 22px;
    height: 22px;
}
#wbcom_requirement_question .gpl-req-step__toggle-text {
    flex: 1;
    min-width: 0;
}
#wbcom_requirement_question .gpl-req-step__toggle-text .wbcom-woo-ques {
    margin: 0 !important;
    display: inline;
    font-size: 1rem;
    font-weight: 700;
    color: var(--blue-text, #4166E1);
    line-height: 1.35;
}
#wbcom_requirement_question .gpl-req-step__toggle-sub {
    display: block;
    margin-top: 2px;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--gpl-blue, #64748B);
    line-height: 1.4;
}
#wbcom_requirement_question .gpl-req-required {
    color: var(--mt-color__primary);
    font-weight: 700;
}
#wbcom_requirement_question .gpl-req-step__chevron {
    flex-shrink: 0;
    color: var(--primary-color, #4166E1);
    transition: transform 0.2s ease;
}
#wbcom_requirement_question .gpl-req-step.is-open .gpl-req-step__chevron {
    transform: rotate(180deg);
}
#wbcom_requirement_question .gpl-req-step__panel {
    display: none;
    padding: 0 0 18px 52px;
}
#wbcom_requirement_question .gpl-req-step.is-open .gpl-req-step__panel {
    display: block;
}
#wbcom_requirement_question .gpl-req-step__desc {
    font-size: 0.875rem;
    color: var(--gpl-blue, #64748B);
    line-height: 1.55;
    margin-top: 12px;
    margin-bottom: 0;
}
#wbcom_requirement_question .gpl-req-step__desc p {
    margin: 0 0 0.35em;
    background: none !important;
    padding: 0 !important;
}
#wbcom_requirement_question .gpl-req-step__example {
    margin: 8px 0 0;
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4px 6px;
    background: none !important;
    padding: 0 !important;
}
#wbcom_requirement_question .gpl-req-step__example-ico { color: var(--orange, #F97248); display: inline-flex; }
#wbcom_requirement_question .gpl-req-step__example-label { color: var(--orange, #F97248); font-weight: 600; }
#wbcom_requirement_question .gpl-req-step__example-text { color: var(--primary-color, #4166E1); overflow-wrap: break-word; }
#wbcom_requirement_question .gpl-req-step__panel input[type="text"],
#wbcom_requirement_question .gpl-req-step__panel input[type="url"],
#wbcom_requirement_question .gpl-req-step__panel textarea,
#wbcom_requirement_question .gpl-req-step__panel select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dadfe3;
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 0.9375rem;
    margin-bottom: 0;
}
#wbcom_requirement_question .gpl-req-step__panel textarea {
    min-height: 96px;
    resize: vertical;
}
#wbcom_requirement_question .gpl-req-step__panel input:focus,
#wbcom_requirement_question .gpl-req-step__panel textarea:focus,
#wbcom_requirement_question .gpl-req-step__panel select:focus {
    outline: none;
    border-color: var(--primary-color, #4166E1);
    box-shadow: 0 0 0 3px var(--blue-bg, #4166E114);
}
#wbcom_requirement_question .gpl-req-form .wss-sell-client-req-question > div > p,
#wbcom_requirement_question .gpl-req-form .wbcom-woo-ques-description p {
    background: none;
    padding: 0;
    margin-bottom: 0 !important;
}
#wbcom_requirement_question .gpl-req-form > p:last-of-type {
    margin: 0;
    padding: 20px 24px 24px;
    border-top: 1px solid #e5e7eb;
}
#wbcom_requirement_question .gpl-req-form .motta-alert {
    margin: 0 24px 16px;
}
@media (max-width: 640px) {
    #wbcom_requirement_question .gpl-req-form__timeline { padding: 16px; }
    #wbcom_requirement_question .gpl-req-step { grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; }
    #wbcom_requirement_question .gpl-req-step__marker span { width: 28px; height: 28px; }
    #wbcom_requirement_question .gpl-req-step:not(:last-child)::before { left: 13px; top: 28px; }
    #wbcom_requirement_question .gpl-req-step__panel { padding-left: 0; }
}

/* Saved / show requirements review layout */
.wbcom_wss_required_question{padding: 20px;}
#article-upload-wrapper > h4{margin-top: 0;}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-shell {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    /* box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 32px rgba(15, 23, 42, 0.06); */
    overflow: hidden;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-wrap { display: block; padding: 0; }
#wss-sell-requirements.gpl-req-saved .wbcom-wss-ques-toggle.gpl-req-saved__banner {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 20px;
    margin: 0;
    background: var(--mt-color__primary);
    color: #fff;
    justify-content: flex-start;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    color: var(--mt-color__primary);
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-text strong { font-size: 1rem; font-weight: 700; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-text > span { font-size: 0.8125rem; opacity: 0.95; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__banner-chevron {
    flex-shrink: 0;
    border-color: #fff;
    opacity: 1;
    margin: 0;
}
#wss-sell-requirements.gpl-req-saved .wss-sell-client-requirement.gpl-req-saved__body {
    padding: 0;
    margin: 0;
    border-top: 1px solid #e5e7eb;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__timeline { padding: 8px 20px 0; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step {
    padding: 16px 0;
    border-bottom: 1px solid #e5e7eb;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step:last-child { border-bottom: 0; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__row {
    display: grid;
    grid-template-columns: 40px minmax(120px, 1fr) minmax(140px, 60%);
    gap: 12px 16px;
    align-items: center;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(220, 38, 38, 0.08);
    color: var(--mt-color__primary);
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__icon .gpl-req-step__icon-svg { width: 22px; height: 22px; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__title {
    display: block;
    font-weight: 700;
    font-size: 0.9375rem;
    color: #1e293b;
    line-height: 1.35;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__sub {
    display: block;
    margin-top: 2px;
    font-size: 0.8125rem;
    color: var(--gpl-blue, #64748B);
    line-height: 1.4;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value {
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--filled {
    background: var(--matrix-yellow-lite, #ffc60055);
    border: 1px solid var(--matrix-yellow, #ffc600);
    color: #1e293b;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--filled p {
    margin: 0 0 0.35em;
    background: none !important;
    padding: 0 !important;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--filled p:last-child { margin-bottom: 0; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--filled a { color: var(--primary-color, #4166E1); word-break: break-all; text-decoration: underline;}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--drive-links {
    background: transparent;
    border: none;
    padding: 0;
    min-height: 0;
}
.gpl-drive-links-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    background: var(--matrix-yellow-lite, #ffc60055);
    border: 1px solid var(--matrix-yellow, #ffc600);
    padding: 14px;
    border-radius: 10px;
}
.gpl-drive-link-card {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gpl-drive-link-card--hidden {
    display: none;
}
.gpl-drive-links-grid.is-expanded .gpl-drive-link-card--hidden {
    display: flex;
}
.gpl-drive-link-card__icon-svg {
    display: block;
}
.gpl-drive-link-card__url {
    flex: 1;
    min-width: 0;
    color: var(--primary-color, #4166E1);
    font-size: 0.8125rem;
    line-height: 1.35;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gpl-drive-link-card__url:hover {
    text-decoration: underline;
}
.gpl-drive-link-card .wss-field-copy-btn,
.gpl-drive-link-card .wss-field-copy-btn:hover,
.gpl-drive-link-card .wss-field-copy-btn:active,
.gpl-drive-link-card .wss-field-copy-btn.wss-copied,
.gpl-drive-link-card .wss-field-copy-btn.wss-copied:hover,
.gpl-drive-link-card .wss-field-copy-btn.wss-copied:active {
    position: static;
    transform: none;
    flex-shrink: 0;
    min-width: 28px;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #64748b;
}
.gpl-drive-link-card .wss-field-copy-btn:hover {
    color: #334155;
    background: rgba(15, 23, 42, 0.04);
    border-radius: 6px;
}
.gpl-drive-link-card .wss-field-copy-btn i {
    font-size: 15px;
}
.gpl-drive-links-grid__toggle {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 4px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1e293b;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}
.gpl-drive-links-grid__toggle:hover {
    color: var(--primary-color, #4166E1);
}
.gpl-drive-links-grid__toggle .fa-chevron-down {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}
.gpl-drive-links-grid.is-expanded .gpl-drive-links-grid__toggle .fa-chevron-down {
    transform: rotate(180deg);
}
@media (max-width: 768px) {
    .gpl-drive-links-grid:not(.gpl-drive-links-grid--single) {
        grid-template-columns: minmax(0, 1fr);
    }
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value--empty {
    background: #fff;
    border: 1px dashed #cbd5e1;
    color: var(--gpl-blue, #64748B);
    display: flex;
    align-items: center;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__extra {
    grid-column: 2 / -1;
    margin-top: 8px;
    font-size: 0.875rem;
}
/* #wss-sell-requirements.gpl-req-saved .gpl-req-saved__notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 20px 20px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid rgba(220, 38, 38, 0.25);
    background: rgba(220, 38, 38, 0.06);
    color: #1e293b;
    font-size: 0.875rem;
    line-height: 1.5;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__notice p { margin: 0; }
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__notice-icon { color: var(--mt-color__primary); flex-shrink: 0; display: flex; } */
#wss-sell-requirements.gpl-req-saved .copy-requirement-container { padding: 16px 20px 0; }
#wss-sell-requirements.gpl-req-saved .wss-sell-client-req-question {
    display: block;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
@media (max-width: 768px) {
    #wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__row {
        grid-template-columns: 40px 1fr;
    }
    #wss-sell-requirements.gpl-req-saved .gpl-req-saved-step__value-wrap { grid-column: 2; }
}

/* Grouped anchor text + URL (Link #N cards) — matches reference layout */
.gpl-req-link-group {
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
.gpl-req-link-group:last-child {
    margin-bottom: 0;
}
.gpl-req-link-group__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
}
.gpl-req-link-group__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.08);
    color: var(--mt-color__primary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
}
.gpl-req-link-group__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
}
.gpl-req-link-group__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 38px;
}
.gpl-req-link-group__row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 5px 0;
}
.gpl-req-link-group__label {
    flex: 0 0 108px;
    font-weight: 700;
    font-size: 0.9375rem;
    color: #334155;
    line-height: 1.5;
}
.gpl-req-link-group__value-wrap {
    flex: 1;
    min-width: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #1e293b;
}
.gpl-req-link-group__row--text .gpl-req-link-group__value-wrap,
.gpl-req-link-group__row--text .gpl-req-link-group__value-wrap p {
    margin: 0;
    padding: 0;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0;
}
.gpl-req-link-group__row--text .wss-field-copy-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    line-height: 30px;
}
.gpl-req-link-group__chip {
    display: block;
    padding: 3px 10px;
    border-radius: 6px;
    word-break: break-all;
    background: var(--matrix-yellow-lite, #ffc60055);
    border: 1px solid var(--matrix-yellow, #ffc600);
    color: #1e293b;
    line-height: 30px;
}
.gpl-req-link-group__chip .wss-field-copy-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    min-height: 0;
}
.gpl-req-link-group__chip p {
    display: inline;
    margin: 0;
    padding: 0;
    background: none !important;
}
.gpl-req-link-group__chip p{margin: 0 !important;}
.gpl-req-link-group__chip a {
    color: #1e293b;
    text-decoration: none;
    word-break: break-all;
}
.gpl-req-link-group__chip a:hover {
    text-decoration: underline;
}
.gpl-req-link-group .gpl-req-saved-step__value--filled,
.gpl-req-link-group .gpl-req-saved-step__value--empty {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}
.gpl-req-link-group__empty {
    color: #64748b;
    font-size: 0.875rem;
    font-style: italic;
}
.gpl-req-link-group__extra {
    margin-top: 10px;
    padding-left: 38px;
    font-size: 0.875rem;
}
.gpl-req-link-group .gpl-req-link-group__row:first-child .wss-field-copy-btn {
    margin-right: 12px;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-saved__timeline {
    padding: 16px 20px 20px;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-link-group {
    margin-bottom: 16px;
}
#wss-sell-requirements.gpl-req-saved .gpl-req-link-group:last-child {
    margin-bottom: 0;
}
/* Form: link group inside accordion step */
#wbcom_requirement_question .gpl-req-step--link-group .gpl-req-step__card {
    border-bottom: none;
    margin-bottom: 0;
}
#wbcom_requirement_question .gpl-req-step--link-group .gpl-req-step__panel {
    padding: 0 0 18px 52px;
}
#wbcom_requirement_question .gpl-req-step--link-group .gpl-req-link-group {
    margin-bottom: 0;
    max-width: 100%;
}
#wbcom_requirement_question .gpl-req-link-group .wss-sell-client-req-question {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}
#wbcom_requirement_question .gpl-req-link-group .wss-sell-client-req-question input[type="text"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 12px;
    font-size: 0.9375rem;
    line-height: 1.4;
    border-radius: 6px;
    border: 1px solid #dadfe3;
    background: #fff;
    color: #1e293b;
}
#wbcom_requirement_question .gpl-req-link-group__row--url input[type="text"] {
    background: #fef9c3;
    border-color: #fde68a;
}
#wbcom_requirement_question .gpl-req-link-group__row--url input[type="text"]:focus {
    border-color: var(--matrix-yellow, #ffc600);
    box-shadow: 0 0 0 2px rgba(255, 198, 0, 0.25);
}
#wbcom_requirement_question .gpl-req-link-group__row--text input[type="text"]:focus {
    border-color: var(--primary-color, #4166E1);
    box-shadow: 0 0 0 3px var(--blue-bg, #4166E114);
}
@media (max-width: 640px) {
    .gpl-req-link-group {
        padding: 16px;
    }
    .gpl-req-link-group__body,
    .gpl-req-link-group__extra {
        padding-left: 0;
    }
    .gpl-req-link-group__row {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }
    .gpl-req-link-group__label {
        flex: none;
    }
    #wbcom_requirement_question .gpl-req-step--link-group .gpl-req-step__panel {
        padding-left: 0;
    }
}

.wss-services-image {
    max-width: 150px;
}

.wss-sender-msg .woo-msg-sec,
.wss-receiver-msg .woo-msg-sec {
    border-radius: 1em 1em 0 1em;
    max-width: 95%;
    color: var(--price-color);
}

.wss-services-info-table .tag {
    font-size: 0.75em;
}

.wbcom-wss-ques-toggle span.wss_show_toggle_icon, .wbcom-wss-ques-toggle span.wss_hide_toggle_icon {
    border-color: var(--mt-color__primary--light);
    opacity: 0.5;
}

.wss-serive-info-cnt ul.wc-item-meta.selected-website {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid var(--wss-border-color, #efefef);
}

.wss-serive-info-cnt ul.wc-item-meta li p {
    margin-top: 5px;
}

.wss-order-delivery-time-wrapper{margin-top: 20px;}
.counter{display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 30px;}
.counter > span{font-weight: 500;}
.counter:has(.motta-countdown) > span.motta-heading{display: block; width: 100%; margin: 0 0 20px; text-align: center; font-weight: 700; line-height: 1.4;}
.counter:has(.motta-countdown) .motta-countdown{display: flex; flex-direction: row; align-items: stretch; justify-content: center; width: 100%;}
.counter:has(.motta-countdown) .motta-countdown .timer{flex: 1 1 0; min-width: 0; padding: 0 8px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #1d2128;}
.counter:has(.motta-countdown) .motta-countdown .timer:not(:last-child)::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 56px; background: #d1d5db; pointer-events: none;}
.counter:has(.motta-countdown) .motta-countdown .digits{display: block; margin: 0 0 8px; padding: 0; min-width: 2.5ch; font-size: 2rem; font-weight: 700; line-height: 1; color: var(--primary-color, #4166E1); font-variant-numeric: tabular-nums;}
.counter:has(.motta-countdown) .motta-countdown .text{display: block; margin: 0; font-size: 0.75rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; color: #1d2128;}
.counter:has(.motta-countdown) .motta-countdown .divider{display: none !important;}

@media (max-width: 576px) {
    .counter:has(.motta-countdown) {
        padding: 18px 10px 22px;
    }

    .counter:has(.motta-countdown) > span.motta-heading {
        margin-bottom: 16px;
        font-size: 0.9375rem;
    }

    .counter:has(.motta-countdown) .motta-countdown .timer {
        padding: 0 4px;
    }

    .counter:has(.motta-countdown) .motta-countdown .digits {
        margin-bottom: 6px;
        font-size: 2rem;
    }

    .counter:has(.motta-countdown) .motta-countdown .text {
        font-size: 0.625rem;
        letter-spacing: 0.02em;
    }

    .counter:has(.motta-countdown) .motta-countdown .timer:not(:last-child)::after {
        height: 44px;
    }
}

.chat-buttons {
    display: flex;
    justify-content: center;
    gap: 1em;
}

.chat-on-whatsapp {
    background-color: #25d366;
}
.chat-on-whatsapp:hover, .chat-on-whatsapp:focus {
    background-color: #3ebb6d;
}
.chat-with-us {
    background-color: #1972F5;
}
.chat-with-us:hover, .chat-with-us:focus {
    background-color: #145faf;
}
.chat-on-whatsapp .fa-whatsapp::before{
    color: #fff;
}
.copy-requirement-container {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 1em;
}
.header-sell-order-thumb img,
.woo-single-msg .wss-sell-product img,
.wss-sell-product-complete .header-sell-order-thumb img {
    max-height:50px;
    width: auto;
    aspect-ratio: auto;
}

.wss_final_delivery_wrap,
.gpl_wss_article_delivery_wrap,
.gpl_wss_on_demand_service_wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    background: transparent;
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.wss_final_delivery_wrap label,
.gpl_wss_article_delivery_wrap label,
.gpl_wss_on_demand_service_wrap label {
    margin: 0 5px;
    display: block;
}

.wss_final_delivery_wrap input[type=checkbox],
.gpl_wss_article_delivery_wrap input[type=checkbox],
.gpl_wss_on_demand_service_wrap input[type=checkbox] {
    margin-right: 14px;
}

/* TinyMCE: inline toggle panel for article submission link */
/* .gpl-wss-article-link-toggle {
    position: fixed;
    z-index: 99999;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    padding: 10px 12px;
    min-width: min(360px, calc(100vw - 32px));
    max-width: calc(100vw - 16px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.gpl-wss-article-link-toggle__label {
    display: block;
    font-weight: 600;
    margin: 0 0 6px 0;
    font-size: 13px;
}

.gpl-wss-article-link-toggle__input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    font-size: 13px;
}

.gpl-wss-article-link-toggle__input:focus,
.gpl-wss-article-link-toggle__input:focus-visible {
    outline: none;
    border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(249, 114, 72, 0.1);
    box-sizing: border-box;
    border-radius: 4px;
} */

#final_link_wrapper,
#article-link-wrapper,
#on_demand_service_wrapper {
    display: none;
    margin: 1em 0 0 30px;
}

#final_link_wrapper label,
#article-link-wrapper label{
    font-size: 0.875rem;
}

#article-link-wrapper input,
#final_link_wrapper textarea {
    width: 90%;
    max-width: 700px;
}

/**
 * Send Message — workflow options (vendor): scoped to #wss-workflow-stack only.
 * Uses :root tokens from this file; does not target checkboxes/inputs outside this stack.
 */
#wss-workflow-stack > #gpl_wss_on_demand_service,
#wss-workflow-stack > .gpl_wss_article_delivery,
#wss-workflow-stack > .wss_final_delivery {
    margin: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--gpl-blue) 16%, var(--tat-badge-text));
}

#wss-workflow-stack > .wss_final_delivery {
    border-bottom: none;
}

#wss-workflow-stack #gpl_wss_on_demand_service.gpl_wss_on_demand_service_wrap,
#wss-workflow-stack #gpl_wss_article_delivery.gpl_wss_article_delivery_wrap,
#wss-workflow-stack #wss_final_delivery.wss_final_delivery_wrap {
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    gap: 0;
}

#wss-workflow-stack .gpl-wfw-acc-item {
    position: relative;
}

#wss-workflow-stack .gpl-wfw-acc-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    margin: 0;
    min-height: 56px;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
}

#wss-workflow-stack .gpl-wfw-acc-item__check {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
}

#wss-workflow-stack .gpl-wfw-acc-item__native-cb {
    position: absolute;
    opacity: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    cursor: pointer;
    z-index: 2;
    inset: 0;
}

#wss-workflow-stack .gpl-wfw-acc-item__cb-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid color-mix(in srgb, var(--gpl-blue) 35%, var(--tat-badge-text));
    border-radius: 6px;
    background: var(--tat-badge-text);
    pointer-events: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

#wss-workflow-stack .gpl-wfw-acc-item__native-cb:checked + .gpl-wfw-acc-item__cb-visual {
    background: var(--gpl-green);
    border-color: var(--gpl-green);
}

#wss-workflow-stack .gpl-wfw-acc-item__native-cb:checked + .gpl-wfw-acc-item__cb-visual::after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border: solid var(--tat-badge-text);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#wss-workflow-stack .gpl-wfw-acc-item__native-cb:focus-visible + .gpl-wfw-acc-item__cb-visual {
    outline: 2px solid var(--gpl-green);
    outline-offset: 2px;
}

#wss-workflow-stack .gpl-wfw-acc-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--gpl-green) 16%, var(--tat-badge-text));
    color: var(--gpl-green);
}

#wss-workflow-stack .gpl-wfw-acc-item__icon svg {
    display: block;
}

#wss-workflow-stack .gpl-wfw-acc-item__titles {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#wss-workflow-stack .gpl-wfw-acc-item__title {
    display: block;
    font-family: var(--mt-font__main);
    font-size: 1rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--majestic-blue) 88%, var(--tat-badge-text));
    line-height: 1.3;
}

#wss-workflow-stack .gpl-wfw-acc-item__desc {
    display: block;
    font-family: var(--mt-font__main);
    font-size: 0.8125rem;
    font-weight: 400;
    color: color-mix(in srgb, var(--gpl-blue) 78%, var(--majestic-blue));
    line-height: 1.4;
}

#wss-workflow-stack .gpl-wfw-acc-item__chev {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, var(--gpl-blue) 65%, var(--tat-badge-text));
    transition: transform 0.2s ease;
}

#wss-workflow-stack .gpl-wfw-acc-item--open .gpl-wfw-acc-item__chev {
    transform: rotate(180deg);
}

#wss-workflow-stack .gpl-wfw-acc-panel {
    margin: 0 0 18px 40px;
    padding: 16px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--gpl-green) 7%, var(--tat-badge-text));
    border: 1px solid color-mix(in srgb, var(--gpl-green) 18%, var(--tat-badge-text));
    box-sizing: border-box;
}

#wss-workflow-stack .gpl-wfw-field-label {
    display: block;
    font-family: var(--mt-font__main);
    font-size: 0.8125rem;
    font-weight: 600;
    margin: 0 0 8px;
}

#wss-workflow-stack .gpl-wfw-field-hint {
    font-weight: 400;
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--gpl-blue) 70%, var(--majestic-blue));
}

#wss-workflow-stack #on_demand_service_wrapper.gpl-on-demand-fields-row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    max-width: 100%;
}

#wss-workflow-stack #on_demand_service_wrapper .gpl-on-demand-field {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
}

#wss-workflow-stack #on_demand_service_wrapper .gpl-on-demand-field input,
#wss-workflow-stack #article-link-wrapper .gpl-wfw-input-has-icon,
#wss-workflow-stack #final_link_wrapper textarea {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--gpl-blue) 28%, var(--tat-badge-text));
    border-radius: 10px;
    background: var(--tat-badge-text);
    font-family: var(--mt-font__main);
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--majestic-blue) 92%, var(--tat-badge-text));
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#wss-workflow-stack #gpl_wss_article_delivery #article-link-wrapper .gpl-wfw-input-has-icon {
    padding-left: 44px;
}

#wss-workflow-stack #final_link_wrapper textarea {
    min-height: 100px;
    resize: vertical;
    line-height: 1.45;
}

#wss-workflow-stack #on_demand_service_wrapper .gpl-on-demand-field input::placeholder,
#wss-workflow-stack #article-link-wrapper .gpl-wfw-input-has-icon::placeholder,
#wss-workflow-stack #final_link_wrapper textarea::placeholder {
    color: color-mix(in srgb, var(--gpl-blue) 55%, var(--tat-badge-text));
}

#wss-workflow-stack #on_demand_service_wrapper .gpl-on-demand-field input:focus-visible,
#wss-workflow-stack #article-link-wrapper .gpl-wfw-input-has-icon:focus-visible,
#wss-workflow-stack #final_link_wrapper textarea:focus-visible {
    outline: none;
    border-color: var(--gpl-green);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gpl-green) 22%, transparent);
}

#wss-workflow-stack .gpl-wfw-input-icon-wrap {
    position: relative;
    display: block;
    width: 100%;
}

#wss-workflow-stack .gpl-wfw-input-icon-wrap .gpl-wfw-input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    line-height: 0;
    color: color-mix(in srgb, var(--gpl-blue) 50%, var(--tat-badge-text));
    pointer-events: none;
}

#wss-workflow-stack .gpl-wfw-input-icon-wrap .gpl-wfw-input-icon svg {
    display: block;
    flex-shrink: 0;
}

#wss-workflow-stack .gpl-wfw-input-has-icon {
    padding-left: 44px;
}

/**
 * Dispute: Update Status — resolved / cancelled cards only (.gpl-wss-update-status).
 */
#wss-workflow-stack .gpl-wss-update-status {
    box-sizing: border-box;
    margin: 15px 0 0 0;
    padding: 22px 24px 24px;
    font-family: var(--mt-font__main);
    background: color-mix(in srgb, var(--gpl-blue) 7%, var(--tat-badge-text));
    border: 1px solid color-mix(in srgb, var(--gpl-blue) 20%, var(--tat-badge-text));
    border-radius: 10px;
    max-width: 100%;
}

#wss-workflow-stack .gpl-wss-update-status__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

#wss-workflow-stack .gpl-wss-update-status__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary-color) 14%, var(--tat-badge-text));
    color: var(--primary-color);
}

#wss-workflow-stack .gpl-wss-update-status__icon svg {
    display: block;
}

#wss-workflow-stack .gpl-wss-update-status__headings {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

#wss-workflow-stack .gpl-wss-update-status__title {
    display: block;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.35;
    color: color-mix(in srgb, var(--majestic-blue) 92%, var(--tat-badge-text));
}

#wss-workflow-stack .gpl-wss-update-status__subtitle {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.45;
    color: color-mix(in srgb, var(--gpl-blue) 70%, var(--majestic-blue));
}

#wss-workflow-stack .gpl-wss-update-status__options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 14px;
}

#wss-workflow-stack .gpl-wss-update-status__card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 16px 18px;
    min-height: 88px;
    box-sizing: border-box;
    cursor: pointer;
    background: var(--tat-badge-text);
    border: 1px solid color-mix(in srgb, var(--gpl-blue) 26%, var(--tat-badge-text));
    border-radius: 8px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none !important;
}

#wss-workflow-stack .gpl-wss-update-status__card:hover {
    border-color: color-mix(in srgb, var(--primary-color) 28%, var(--gpl-blue));
}

#wss-workflow-stack .gpl-wss-update-status__card:has(.gpl-wss-update-status__input:checked) {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 25%, transparent);
}

#wss-workflow-stack .gpl-wss-update-status__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#wss-workflow-stack .gpl-wss-update-status__card:focus-within {
    outline: 2px solid color-mix(in srgb, var(--primary-color) 35%, transparent);
    outline-offset: 2px;
}

#wss-workflow-stack .gpl-wss-update-status__radio {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid color-mix(in srgb, var(--gpl-blue) 42%, var(--tat-badge-text));
    background: var(--tat-badge-text);
    position: relative;
    transition: border-color 0.2s ease;
}

#wss-workflow-stack .gpl-wss-update-status__input:checked + .gpl-wss-update-status__radio {
    border-color: var(--primary-color);
}

#wss-workflow-stack .gpl-wss-update-status__input:checked + .gpl-wss-update-status__radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: var(--primary-color);
}

#wss-workflow-stack .gpl-wss-update-status__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

#wss-workflow-stack .gpl-wss-update-status__card-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: color-mix(in srgb, var(--majestic-blue) 90%, var(--tat-badge-text));
}

#wss-workflow-stack .gpl-wss-update-status__card-desc {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.4;
    color: color-mix(in srgb, var(--gpl-blue) 68%, var(--majestic-blue));
}

@media (max-width: 640px) {
    #wss-workflow-stack .gpl-wss-update-status__options {
        flex-direction: column;
    }

    #wss-workflow-stack .gpl-wss-update-status__card {
        min-height: 0;
    }
}

#wss-workflow-stack .gpl_wss_article_delivery {
    display: flex;
    flex-direction: column;
    gap: 0;
}

@media (max-width: 560px) {
    #wss-workflow-stack #on_demand_service_wrapper.gpl-on-demand-fields-row {
        flex-direction: column;
        flex-wrap: wrap;
    }

    #wss-workflow-stack .gpl-wfw-acc-item__header {
        flex-wrap: wrap;
        gap: 10px 12px;
    }

    #wss-workflow-stack .gpl-wfw-acc-item__chev {
        margin-left: auto;
    }
}

/**
 * Customer acceptance cards ONLY: "accept final delivery" + "accept article".
 * Scoped under .gpl-cx-choice-shell — no global radio/input styles.
 */
.gpl-cx-choice-shell {
    display: block;
    box-sizing: border-box;
    margin: 12px 0 25px 0;
    padding: 15px;
    background: var(--tat-badge-text);
    border: 1px solid color-mix(in srgb, var(--gpl-blue) 22%, var(--tat-badge-text));
    border-radius: 14px;
    box-shadow: 0 4px 22px color-mix(in srgb, var(--majestic-blue) 8%, transparent);
    font-family: var(--mt-font__main);
}

.gpl-cx-choice-shell--is-disabled {
    opacity: 0.7;
}

.gpl-cx-choice-shell__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
}

.gpl-cx-choice-shell__header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary-color) 14%, var(--tat-badge-text));
    color: var(--primary-color);
}

.gpl-cx-choice-shell__header-icon svg {
    display: block;
}

.gpl-cx-choice-shell__icon-badge {
    fill: var(--tat-badge-text);
}

.gpl-cx-choice-shell__icon-check {
    stroke: var(--primary-color);
    fill: none;
}

.gpl-cx-choice-shell__header-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.gpl-cx-choice-shell__title {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
}

.gpl-cx-choice-shell__subtitle {
    display: block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.45;
}

.gpl-cx-choice-shell__divider {
    height: 0;
    margin: 20px 0 18px;
    border: none;
    border-top: 1px dashed color-mix(in srgb, var(--gpl-blue) 28%, var(--tat-badge-text));
}

.gpl-cx-choice-shell__options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gpl-cx-choice-shell .gpl-cx-choice-option {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 14px 16px;
    min-height: 72px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 12px;
    outline: none !important;
}

.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:checked) {
    background: color-mix(in srgb, var(--primary-color) 9%, var(--tat-badge-text));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary-color) 18%, transparent);
}

.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:disabled) {
    cursor: not-allowed;
    opacity: 0.85;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.gpl-cx-choice-shell .gpl-cx-choice-option:focus-within:has(.gpl-cx-choice-option__input:not(:disabled)) {
    outline: 2px solid color-mix(in srgb, var(--primary-color) 35%, transparent);
    outline-offset: 2px;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__radio {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid color-mix(in srgb, var(--gpl-blue) 40%, var(--tat-badge-text));
    position: relative;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__input:checked + .gpl-cx-choice-option__radio {
    border-color: var(--primary-color);
}

.gpl-cx-choice-shell .gpl-cx-choice-option__input:checked + .gpl-cx-choice-option__radio::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: var(--primary-color);
}

.gpl-cx-choice-shell .gpl-cx-choice-option__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__desc {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.4;
}

.gpl-cx-choice-shell .gpl-cx-choice-option__badge {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:checked) .gpl-cx-choice-option__badge--positive {
    background: var(--primary-color);
    color: var(--tat-badge-text);
}

.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:checked) .gpl-cx-choice-option__badge--negative {
    background: var(--primary-color);
    color: var(--tat-badge-text);
}

.gpl-cx-choice-shell .gpl-cx-choice-option:not(:has(.gpl-cx-choice-option__input:checked)) .gpl-cx-choice-option__badge--positive,
.gpl-cx-choice-shell .gpl-cx-choice-option:not(:has(.gpl-cx-choice-option__input:checked)) .gpl-cx-choice-option__badge--negative {
    background: color-mix(in srgb, var(--gpl-blue) 12%, var(--tat-badge-text));
    color: color-mix(in srgb, var(--gpl-blue) 58%, var(--majestic-blue));
}

.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:checked) .gpl-cx-choice-option__badge--positive svg path,
.gpl-cx-choice-shell .gpl-cx-choice-option:has(.gpl-cx-choice-option__input:checked) .gpl-cx-choice-option__badge--negative svg path {
    stroke: currentColor;
}

@media (max-width: 560px) {
    .gpl-cx-choice-shell {
        padding: 20px 18px 22px;
    }

    .gpl-cx-choice-shell .gpl-cx-choice-option {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: 0;
    }

    .gpl-cx-choice-shell .gpl-cx-choice-option__badge {
        margin-left: auto;
    }
}

/** Cart Page **/
.product-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin: 1em 0;
}
.product-wrapper .product-thumbnail {
    max-width: 200px;
    min-width: 100px;
    flex: 0.5;
}

.product-wrapper .product-details {
    flex: 1;
}

/** DA PA Plugin */
#dapa_link {
    --mt-input__height: auto;
}
#dapa_tbl_wrapper button {
    min-width: auto;
}

/** Case Convertor Plugin */
.button.is-style-rounded {
    border-radius: var(--mt-border__radius);
}
.cc-topbtn-wrap button {
    min-width: auto;
}
.d-none {
    display: none;
}

/*==========================*/

.special-note,.sample-link,.site-niches {
    margin: 10px 0;
    padding: 10px
}

.special-note {
    background: var(--notification-info-bg);
}

.special-note ul {
    margin-bottom: 0
}

.special-note li.highlight {
    font-weight: 700
}

.special-note>strong {
    display: inline-block;
}

.special-note.in-cart {
    font-size: 80%;
    padding: 5px
}

.special-note.in-cart ul {
    margin-bottom: 0
}

.special-note.in-cart li {
    padding: 0
}

.icon:before {
    content: attr(data-icon);
    font-style: normal
}

/* .metrics-icons {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: .5rem;
    margin-bottom: 10px;
    background-color: var(--notification-info-bg);
}

.metrics-icons div {
    flex: 1;
    text-align: center;
    border-right: 1px solid #a4d2ef;
    padding: 0 .5rem;
    font-size: 15px
}

.metrics-icons div:last-child {
    border-right: 0 none
}

.metrics-icons .label {
    display: block
}

.metrics-icons i.icon {
    font-size: .8rem
}

.metrics-icons .label.No {
    text-decoration: line-through;
    position: relative
}

.metrics-icons .label.No img {
    padding: 5px;
    filter: grayscale(100%)
}

.metrics-icons .label.No:after {
    content: "";
    display: block;
    background: url(images/ban.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
} */


.domain-matrics {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 0.5em;
}

.graphs {
    display: flex;
    justify-content: start;
    margin-bottom: 15px
}

.dtr-modal-content .graphs {
    justify-content: start
}

.graphs .single-chart {
    width: 40px
}

.list-layout .wrap-product-img {
    max-width: 200px
}

.domain-matrics .cell {
    flex: 1;
    min-width: 200px
}

.domain-matrics .cell>.cell:first-child {
    flex: 0
}

.domain-matrics .cell:empty {
    display: none
}

.domain-matrics .cell>.cell:last-child {
    max-width: 250px
}

.domain-matrics>.column-view {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.domain-matrics .attribute.graphs {
    padding-left: 0;
    justify-content: start!important;
    text-align: center
}

.domain-matrics #ahref {
    white-space: nowrap
}

.domain-matrics .label small {
    color: #999;
    font-style: italic
}

.card {
    /* font-size: 15px;
    border: 1px solid #999;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden */

    display: inline-block;
    text-align: center;
    padding: 0 15px;
    min-width: 60px;
    /* margin-left: 6px; */
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid #dadfe3;
    box-shadow: none;
    line-height: 30px;
}

.card .value {
    font-weight: 700;
    padding: .3em .5em;
    box-shadow: 2px 0 6px 0 inset #eee
}

.card.blue {
    border-color: var(--matrix-blue)
}

.card.orange {
    border-color: var(--matrix-orange)
}

.card.green {
    border-color: var(--matrix-green)
}

.card.red {
    border-color: var(--matrix-red)
}

.card.yellow {
    border-color: var(--matrix-yellow)
}

.card.majestic-blue {
    border-color: var(--majestic-blue)
}

.card.majestic-orange {
    border-color: var(--majestic-orange)
}
.card.ahrefs-blue {
    border-color: var(--ahrefs-blue);
}

.card.blue .big-number {
    background-color: var(--matrix-blue-lite);
    box-shadow: 2px 0 6px 0 inset var(--matrix-blue)
}

.card.orange .big-number {
    background-color: var(--matrix-orange-lite);
    box-shadow: 2px 0 6px 0 inset var(--matrix-orange)
}

.card.green .big-number {
    background-color: var(--matrix-green-lite);
    box-shadow: 2px 0 6px 0 inset var(--matrix-green)
}

.card.yellow .big-number {
    background-color: var(--matrix-yellow-lite);
    box-shadow: 2px 0 6px 0 inset var(--matrix-yellow)
}

.card.majestic-blue .big-number {
    background-color: var(--majestic-blue-lite);
    box-shadow: 2px 0 6px 0 inset var(--majestic-blue)
}

.card.majestic-orange .big-number {
    background-color: var(--majestic-orange-lite);
    box-shadow: 2px 0 6px 0 inset var(--majestic-orange)
}

.card.ahrefs-blue .big-number {
    background-color: var(--ahrefs-blue-lite);
    box-shadow: 2px 0 6px 0 inset var(--ahrefs-blue)
}

.card span.label {
    padding-left: .5em;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 10px
}

span[data-slug="yes"] {
    font-weight: 700;
    color: green
}

span[data-slug="no"] {
    font-weight: 700;
    color: red
}

/** GPL Metrics */
.gpl-metric-group {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;
    border: 1px solid #999;
    border-radius: 0.3em;
    overflow: hidden;
    padding-right: 0.5em;
    min-height: 36px;
}

.gpl-metric-group__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0.2em 1em;
}

.gpl-metric-group__logo {
    object-fit: contain;
}

.gpl-metric-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0 0.5em;
}

.gpl-metric-item + .gpl-metric-item {
    border-left: 1px solid #eee;
}

.gpl-metric-item__label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
}

.gpl-metric-item__value {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #1d2128;
}

.gpl-metric-item__value span {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
}

.gpl-metric-group-wrap {
    container-type: inline-size;
    container-name: metrics;
    width: 100%;
    min-width: 0;
}

.gpl-metric-group--moz {
    border-color: var(--matrix-blue);
}

.gpl-metric-group--moz .gpl-metric-group__brand {
    background-color: var(--matrix-blue);
    flex: 1 0 62px;
    width: 62px;
}

.gpl-metric-group--moz .gpl-metric-group__logo {
    filter: brightness(0) invert(1);
    width: 30px;
}

.gpl-metric-group--moz .gpl-metric-item__value--da {
    color: var(--matrix-blue);
}

.gpl-metric-group--moz .gpl-metric-item__value--pa {
    color: rgb(19, 188, 150);
}

.gpl-metric-group--ahrefs {
    border-color: var(--ahrefs-orange);
}

.gpl-metric-group--ahrefs .gpl-metric-group__brand {
    background-color: #ffead1;
    flex: 1 0 72px;
    width: 72px;
}

.gpl-metric-group--ahrefs .gpl-metric-group__logo {
    width: 40px;
}

.gpl-metric-group--ahrefs .gpl-metric-item__value {
    color: var(--ahrefs-orange);
}

.gpl-metric-group--ahrefs .gpl-metric-item__value--dr {
    color: var(--matrix-orange);
}

@container metrics (max-width: 468px) {
    .gpl-metric-group--ahrefs .gpl-metric-item {
        flex-direction: column-reverse;
        gap: 0;
    }
}

.gpl-metric-group--majestic {
    border-color: var(--majestic-orange);
}

.gpl-metric-group--majestic .gpl-metric-group__brand {
    background-color: #faf4f3;
    flex: 1 0 72px;
    width: 72px;
}


.gpl-metric-group--majestic .gpl-metric-group__logo {
    width: 40px;
}

.gpl-metric-group--majestic .gpl-metric-item__value--tf {
    color: var(--majestic-blue);
}

.gpl-metric-group--majestic .gpl-metric-item__value--cf {
    color: var(--majestic-blue);
}

.gpl-metric-group--semrush {
    border-color: var(--semrush-yellow);
}

.gpl-metric-group--semrush .gpl-metric-group__brand {
    background-color: #fff2ee;
    flex: 1 0 117px;
    width: 117px;
}

.gpl-metric-group--semrush .gpl-metric-group__logo {
    width: 85px;
}

.gpl-metric-group--semrush .gpl-metric-item__value {
    color: var(--semrush-yellow);
}

@container metrics (max-width: 397px) {
    .gpl-metric-group--semrush .gpl-metric-item {
        flex-direction: column-reverse;
        gap: 0;
    }
}

/** GPL Stat Pill */
.gpl-stat-pill__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-bottom: 1em;
    margin-top: 2em;
}

.gpl-stat-pill {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 0.5em;
    flex-direction: column;
    /* border: 1px solid #ecf0f4; */
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 0.3em;
    text-align: center;
    min-width: 170px;
}

.gpl-stat-pill__label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
}

.gpl-stat-pill__value {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    color: #1d2128;
}

/** Card style 2 */
.cards-wrapper {
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    min-width: min-content;
    gap: 0.5em;
    margin-top: 1em;
}

.card-style-2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--notification-info-bg);
    padding: 0.3em 0.5em;
    border-radius: 0.3em;
    position: relative;
    color: #1d2128;
    text-align: center;
    background: var(--notification-info-bg);
    min-width: 130px;
}

.card-style-2.dofollow {
    color: var(--gpl-green);
}
.card-style-2.nofollow {
    color: var(--gpl-red);
}
.card-style-2.sponsored {
    color: var(--gpl-orange);
}
.card-style-2.ugc {
    color: var(--gpl-purple);
}

.card-style-2 .label {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    color: #666;
}

.card-style-2 .value {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
}

.col-buy_button,.col-buy_button a {
    white-space: nowrap
}

.support-block {
    margin-top: 1em;
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.money-back-guarentee,
.live-chat-support {
    padding: 0.5em 0em;
    display: flex;
    align-items: center;
    justify-content: start;
}

.money-back-guarentee img,
.money-back-guarentee svg {
    vertical-align: middle;
    width: 48px;
    min-width: 48px;
    flex: 1 0.5 0.5;
    margin-right: 0.5em;
    color: var(--notification-success);
}

.money-back-guarentee .money-back-guarentee-content,
.live-chat-support .live-chat-support-content {
    margin-bottom: 0;
    flex: 1 2 0.5;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.money-back-guarentee .title,
.live-chat-support .title {
    font-weight: 700;
    font-size: 1rem;
}

.money-back-guarentee .subtitle,
.live-chat-support .subtitle {
    font-size: 0.9rem;
    color: #666;
}

.coupon-codes .welcome-code {
    color: #5d6168;
    text-align: center;
    font-size: 14px;
    font-size: 0.875em;
}

.coupon-codes .heighlight {
    color: var(--notification-success);
    background-color: var(--notification-success-bg);
    padding: 0.3em 0.5em;
    border-radius: 0.3em;
}

.coupon-codes .fa-copy {
    cursor: pointer;
    font-size: 14px;
    font-size: 0.875em;
    opacity: 0.5;   
    transition: opacity 0.3s ease;
}

.coupon-codes .fa-copy:hover {
    opacity: 1;
}

.coupon-codes .fa-copy:active {
    opacity: 0.7;
}

/** Live chat support **/
/* .live-chat-support {
    padding: 0.5em 0em;
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: start;
} */

.live-chat-support .subtitle,
.live-chat-support .subtitle a {
    color: var(--notification-info) !important;
}

.live-chat-support .live-chat-support-icon {
    font-size: 1.5rem;
    color: #FFF;
    margin-right: 0.5em;
    background-color: var(--notification-info);
    border-radius: 50%;
    aspect-ratio: 1/1;
    padding: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .live-chat-support .live-chat-support-content {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.live-chat-support .title {
    text-transform: none;
    font-weight: 600;
    font-size: 1.2rem;
} */

.traffic-countries .label,
.traffic-sources .label {
    font-size: 1.111111rem;
    font-weight: 500;
    margin-bottom: 10px;
}
.traffic-countries table tr,
.traffic-sources table tr {
    border-bottom: 1px solid #f2f2ff;
    position: relative;
    background-color: #f9f9ff;
}
.traffic-countries table tr {
    border-color: var(--matrix-orange-lite);
}
.traffic-sources table tr {
    border-color: var(--matrix-blue-lite);
}
.traffic-countries table tr:before,
.traffic-sources table tr:before {
    content: "";
    display: block;
    width: var(--progress);
    height: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    animation: progressX 3s ease-in-out;
}
.traffic-countries table tr:before {
		background-color: var(--matrix-orange);
}

.traffic-sources table tr:before {
    background-color: var(--matrix-blue);
}
.traffic-countries table tr > *,
.traffic-sources table tr > * {
    white-space: nowrap;
    border: 0;
    font-weight: 500;
}
.traffic-countries table tr > td,
.traffic-sources table tr > td {
    text-align: right;
}
.traffic-countries table,
.traffic-sources table {
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f2f2ff;
}

/** traffic style-2 **/
.style-2.traffic-stats {
    display: flex;
    gap: 1em;
    align-items: stretch;
    margin-bottom: 1em;
    margin-top: 1em;
    justify-content: stretch;
    flex-wrap: wrap;
}

.style-2 .attribute {
    flex: 1;
    /* padding: 1em; */
    /* border: 1px solid #ecf0f4; */
    padding: 1em 0;
    border-radius: 2px;
    min-width: 250px;
}

.style-2 .attribute .label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 1em;
}

.style-2 .traffic-progress .row {
    display: flex;
    gap: 0.3em;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 500;
    flex-wrap: wrap;
}

.style-2 .traffic-progress .row:first-child .pbar::before {
    background-color: #ffa132;
}

.style-2 .traffic-progress .row::last-child {
    margin-bottom: 0;
}

.style-2 .traffic-progress .row .plabel {
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #7c818b;
    white-space: nowrap;
    text-transform: capitalize;
    color: #1d2128;
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
}

.style-2 .traffic-progress .row .plabel a {
    color: inherit;
    display: flex;
    gap: 0.5em;
}

.style-2 .traffic-progress .row .pbar {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #ecf0f4;
    border-radius: 3px;
}

.style-2 .traffic-progress .row .pbar::before {
    background-color: #ffa132;
    display: block;
    height: 100%;
    border-radius: 3px;
    content: "";
    animation: progressX 3s ease-in-out;
    width: var(--progress);
}

.style-2 .traffic-countries .traffic-progress .row .pbar::before {
    background-color: var(--matrix-blue);
}

.style-2 .traffic-countries .traffic-progress .row:first-child .pbar::before {
    background-color: var(--matrix-orange);
}

.style-2 .traffic-sources .traffic-progress .row .pbar::before {
    background-color: var(--matrix-orange);
}

.style-2 .traffic-sources .traffic-progress .row:first-child .pbar::before {
    background-color: var(--matrix-blue);
}

.style-2 .traffic-progress .row .pvalue {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #7c818b;
}


.wc-pao-addons-container{
    margin-top: 25px;
}

.wc-pao-addons-container .wc-pao-addon {
    /* background: #f9f9ff; */
    /* padding: 10px; */
    margin-bottom: 1em;
}

.wc-pao-addon-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.wc-pao-addon-wrap div {
    padding: 0px;
    border: 1px solid #ecf0f4;
    /* background: var(--notification-info-bg); */
    border-radius: 0.5em;
    display: flex;
    gap: 1em;
    padding: 0.2em 0.5em;
    align-items: center;
    justify-content: center;
}

.wc-pao-addon-wrap div:hover {
    border-color: var(--notification-info);
}

.wc-pao-addon-wrap div:has(input:checked) {
    border-color: var(--notification-info);
    background-color: var(--notification-info-bg);
}

.wc-pao-addon-wrap div:has(input:disabled) *:hover {
    cursor: not-allowed;
}

.wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-radio {
    align-self: center;
    height: 18px;
    width: 18px;
    margin-right: 0;
}

.woocommerce .wc-pao-addon .wc-pao-addon-wrap label {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

.woocommerce .wc-pao-addon .wc-pao-addon-wrap .wc-pao-addon-price {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
}

/* .wc-pao-addon input[type="radio"]:not(:disabled)::before {
    border-color: var(--notification-info);
}

.wc-pao-addon input[type="radio"]:not(:disabled):checked::before {
    background: var(--notification-info);
} */

.section-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.section-price .price {
    display: inline-block;
}
.price-desc {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    min-width: 60px;
    margin-left: 6px;
    font-size: 14px;
    font-size: 0.875rem;
    color: #7c818b;
    font-weight: 500;
    border: 1px solid #dadfe3;
    box-shadow: none;
    line-height: 30px;
}

.single_add_to_cart_button {
    margin-bottom: 10px;
    width: 100% !important;
}

.special-note ul li{
    padding: 5px;
}

/** Metrics Chips */
/* Secondary metric chips */
.sec-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
  }

  .sec-chip.semrush {
    border-color: var(--semrush-yellow);
  }
  .sec-chip.ahrefs {
    border-color: var(--ahrefs-blue);
  }
  
  .sec-chip .sc-label {
    font-size: 12px;
    color: #888888;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
  }
  
  .sec-chip .sc-val {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
  }
  
  .sec-chip .sc-src {
    font-size: 12px;
    font-size: 0.75rem;
    color: #666666;
    border-left: 1px solid #e8e8e8;
    padding-left: 8px;
  }
  
  .sec-chip.semrush .sc-src {
    color: var(--semrush-yellow);
  }
  
  .sec-chip.ahrefs .sc-src {
    color: var(--ahrefs-blue);
  }

  /** GPL Icon Box */

  .gpl-icon-box-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }

  .gpl-icon-box-wrap {
    container-type: inline-size;
    container-name: gpl-icon-box;
    flex: 1 0 160px;
  }

  /* GPL Icon Box Component — guestpostlinks.net */
.gpl-icon-box {
    /* display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid rgba(65, 102, 225, 0.12);
    background: #fff;
    transition: border-color 0.2s ease, background 0.2s ease; */
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* border: 1px solid var(--notification-info-bg); */
    border: 1px solid #ddd;
    padding: clamp(5px, 7cqi, 1em) clamp(5px, 7cqi, 1em);
    border-radius: 0.3em;
    position: relative;
    color: #1d2128;
    text-align: center;
    gap: clamp(5px, 10cqi, 1em);
    min-width: 165px;
}

/* .gpl-icon-box:hover {
    border-color: rgba(65, 102, 225, 0.25);
    background: #f8f9fe;
} */

.gpl-icon-box__icon {
    flex-shrink: 0;
    width: clamp( 28px, 25cqi, 50px );;
    height: clamp( 28px, 25cqi, 50px );;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--notification-info-bg);
    border-radius: 0.3em;
    /* border-radius: 10px;
    background: var( --blue-bg );
    border: 1px solid rgba(65, 102, 225, 0.15); */
}

.gpl-icon-box__icon.No img {
    filter: grayscale(100%);
}

.gpl-icon-box__icon.Yes img {
    filter: grayscale(0%);
}

.gpl-icon-box__icon .gpl-svg-icon {
    position: relative;
    padding: 0.5em;
}

.gpl-icon-box__icon.No .gpl-svg-icon:after {
    content: "";
    display: block;
    background: url(images/ban.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gpl-icon-box__icon svg {
    width: 28px;
    height: 28px;
    fill: var( --primary-color );
}

.gpl-icon-box__wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
    flex: 1;
}

.gpl-icon-box__title {
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
}

.gpl-icon-box__content {
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    text-transform: capitalize;
    font-weight: 500;
    color: #666;
}

/* Modifier: orange/accent icon */
.gpl-icon-box--accent .gpl-icon-box__icon {
    background: rgba( 249, 114, 72, 0.08 );
    border-color: rgba( 249, 114, 72, 0.2 );
}

.gpl-icon-box--accent .gpl-icon-box__icon svg {
    fill: var( --orange );
}

/* Modifier: filled bg (no border) */
.gpl-icon-box--filled {
    background: #f5f7ff;
    border-color: transparent;
}

/* ==========================================================================
   GPL Tag Component System
   Usage: .gpl-tag, .gpl-tags, .gpl-section-tags, .gpl-inline-tags
   ========================================================================== */

/* ── Tag group container ── */
.gpl-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

/* ── Base pill ── */
.gpl-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 14px;
    border-radius: 3px;
    border: 1px solid #d1d5db;
    color: #374151;
    background: transparent;
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

a.gpl-tag:hover {
    border-color: #9ca3af;
    background: #f9fafb;
    color: #111827;
}

/* ── Sizes ── */
.gpl-tag--sm {
    font-size: 11px;
    padding: 3px 10px;
}

.gpl-tag--lg {
    font-size: 14px;
    padding: 7px 18px;
}

/* ── Color variants ── */
.gpl-tag--white {
    background: #fff;
}
.gpl-tag--white:hover,
a.gpl-tag--white:hover {
    border-color: var(--mt-color__primary) !important;
    color: var(--mt-color__primary) !important;
}
.gpl-tag--blue {
    background: #4166e114;
    border-color: #4166e140;
    color: #4166e1;
}

.gpl-tag--orange {
    background: #f9724814;
    border-color: #f9724840;
    color: #c45a26;
}

.gpl-tag--green {
    background: #8cb52814;
    border-color: #8cb52840;
    color: #4e6e12;
}

.gpl-tag--muted {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #6b7280;
}

/* ── Dot indicator (status) ── */
.gpl-tag__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* ── Section wrapper with ruled heading ── */
.gpl-section-tags {
    /* padding: 1.25rem 1.5rem;
    border: 1px solid #e8eaf0;
    border-radius: 12px;
    background: #fff; */
    flex: 1;
    /* padding: 1em; */
    /* border: 1px solid #ecf0f4; */
    padding: 1em 0;
    border-radius: 2px;
    min-width: 250px;
}

.gpl-section-tags__heading {
    /* font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px; */
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    padding-bottom: 1em;
    margin: 0 0 10px
}

/* .gpl-section-tags__heading::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e8eaf0;
} */

/* .website-niche {
    background: #FAFAFF;
} */

/* ── Inline label + tags row ── */
.gpl-inline-tags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gpl-inline-tags__label {
    /* font-size: 13px; */
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

  
  /* Info pills */
  .info-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 99px;
    font-size: 12px;
    border: 1px solid #e8e8e8;
    background: #f5f5f5;
    color: #888888;
  }
  
  .info-pill strong {
    font-weight: 600;
    color: #1a1a1a;
  }
  
  .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
  }

/** Graphs **/
/* Circle Graph */
.circular-chart {
    display: block;
    margin: 0 auto;
    /* width: 70px;
    height: 70px; */
    max-width: 80%;
}
.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 5;
}
.circle {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}
@keyframes progress {
    0% {
      stroke-dasharray: 0 100;
    }
}

@keyframes progressX {
    0% {
        width: 0;
    }
    100% {
        width: var(--progress);
    }
}
@keyframes progressY {
    0% {
        height: 0;
    }
    100% {
        height: var(--progress);
    }
}

.circular-chart.orange .circle {
    stroke: var(--matrix-orange);
}
.circular-chart.blue .circle {
    stroke: var(--matrix-blue);
}
.circular-chart.green .circle {
    stroke: var(--matrix-green);
}
.percentage {
    fill: #666;
    font-size: 0.7rem;
    text-anchor: middle;
    font-weight: bold;
}
.wss-container .woo-single-msg .delete-msg{
    top: 0px;
    position: absolute;
    right: 0px;
    color: red;
}

/** Footer **/
.countries-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    list-style: none;
    padding-left: 0;
    justify-content: center;
}

.countries-list li a {
    white-space: nowrap;
    padding: 0.3em 0.5em;
    border: 1px solid #c0c0c1;
    /* background: #ecf0f4; */
    display: block;
    border-radius: 0.3em;
    font-size: 0.9em;
}

.countries-list li a:hover {
    border-color: #69696c;
}

.country-filter-container.motta-tabs-view--horizontal .motta-tabs-wrapper {

    gap: 0.5em;
    font-size: 1.25rem;

    .motta-tab__title {

        &.motta-tab--active a {
            background: #4166e1;
            color: #fff;

            &::after {
               width: 0%;
            }
        }

        a {
            padding: 0.3em 1em;
            position: relative;
            border: 0px solid #ecf0f4;
            background: #ecf0f4;
            font-size: 1.25rem;
        }
    }
}

/** 
 *   Desktop styles 
*/
@media (min-width: 768px ) {
    .single-product div.product .entry-summary {
        padding-left: 30px;
    }
}

/**
 * Tablet styles
 */
 @media (max-width: 1190px ) {
    .header-transparent .main-navigation .nav-menu > li > a,
    .header-transparent .main-navigation .nav-menu > li {
        padding: 0 5px;
    }
    .weekly-archive-dropdown {
        width: 100%;
     }
    .wcpt-show-filters .wcpt-navigation .wcpt-search-wrapper{
        display:none;
    }
 }

 @media (max-width: 1024px ) {
    .hamburger-panel .main-navigation > ul > li .mega-menu__column > .menu-sub-item {
        display: list-item;
    }
}

@media (max-width: 915px ) {
    .country-filter-container .motta-tabs {
        position: relative;
        overflow: hidden
    }

    .country-filter-container .motta-tabs-wrapper {
        padding-left:40px;
        padding-right: 40px;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        scroll-behavior: smooth;
        justify-content: flex-start;
        width: 100%;
    }

    .country-filter-container .motta-tab__title {
        white-space: nowrap;
    }

    .country-filter-container .motta-tabs-wrapper::before,
    .country-filter-container .motta-tabs-wrapper::after {
        position: absolute;
        background-color: #fbfbfd;
        padding: 6px 10px;
        z-index: 9999;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }

    .country-filter-container .motta-tabs-wrapper::before {
        content: "\f104";
        left: 0;
        box-shadow: 2px 0 5px -5px rgba(0, 0, 0, 1);
    }

    .country-filter-container .motta-tabs-wrapper::after {
        content: "\f054";
        right: 0;
        box-shadow: -2px 0 5px -5px rgba(0, 0, 0, 1);
    }

    .country-filter-container .motta-tabs-wrapper::-webkit-scrollbar {
        display: none;
    }
}

/** 
 *   Mobile styles 
*/
@media (max-width: 767px ) {
    .hide-mobile {
        display: none !important;
    }
    .show-mobile {
        display: block !important;
    }

    .single-product div.product .product-summary-wrapper {
        width: 100%;
    }

    .single-product div.product .entry-summary {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        z-index: 10;
        box-shadow: none;
    }

    .page-header--products .page-header__description {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
    }

    .elementor-shortcode > p,
    .type-page > p {
        margin-top: 4px;
    }

    h1,
    .page-header .page-header__title,
    .page-header--minimal .page-header__title {
        font-size: 1.75rem;
        line-height: 1.2;
    }

    h2 {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    /** Menu */
    .hamburger-panel .menu-item-2638 .mega-menu__column > .menu-item::before {
        left: 32px;
    }

    .hamburger-panel .menu-item-2638 .mega-menu__column > .menu-item > a {
        padding-left: 32px;
        white-space: break-spaces;
    }

    /** Single page **/
    .single-product div.product .left-column {
        width: 100%;
    }
    .weekly-archive-dropdown {
       width: 100%;
    }
}

#popID_request_website_form .motta-modal-popup__wrapper {
    width: min(100% - 2rem, 500px);
    max-height: min(90vh, 720px);
    margin: 1rem auto;
    border-radius: 8px;
    overflow: auto;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

#popID_request_website_form .motta-modal-popup__header {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    padding: clamp(16px, 3vw, 24px);
    background: var(--orange);
}

#popID_request_website_form .request-website-header-content {
    display: grid;
    gap: 10px;
    justify-items: center;
    text-align: center;
    color: #fff;
}

#popID_request_website_form .request-website-title > div {
    margin: 0 0 8px;
    font-size: clamp(1.15rem, 3.4vw, 1.5rem);
    font-weight: 600;
    line-height: 1.2;
}

#popID_request_website_form .request-website-title p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
    line-height: 1.4;
}

#popID_request_website_form .request-website-content {
    padding: clamp(16px, 3vw, 24px);
    background: #fff;
}

#popID_request_website_form .wpforms-field-label,
#popID_request_website_form .wpforms-field-description,
#popID_request_website_form .wpforms-error {
    text-align: left;
}

#popID_request_website_form .wpforms-field-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

#popID_request_website_form .wpforms-field {
    margin-bottom: 16px;
}

#popID_request_website_form .wpforms-field input,
#popID_request_website_form .wpforms-field textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}

#popID_request_website_form .wpforms-field textarea {
    min-height: 100px;
    resize: vertical;
}

#popID_request_website_form .wpforms-field input:focus,
#popID_request_website_form .wpforms-field textarea:focus {
    border-color: var(--orange);
    box-shadow: 0 0 0 3px rgba(249, 114, 72, 0.1);
    outline: 0;
}

#popID_request_website_form .wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

#popID_request_website_form .wpforms-submit.motta-button {
    width: 100%;
}

#popID_request_website_form .wpforms-submit svg {
    transition: transform 0.2s;
}

#popID_request_website_form .wpforms-submit:hover svg {
    transform: translateX(2px);
}

#popID_request_website_form .wpforms-field-container .wpforms-field:first-child .wpforms-field-label::before,
#popID_request_website_form .wpforms-field-container .wpforms-field:last-child .wpforms-field-label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}

#popID_request_website_form .wpforms-field-container .wpforms-field:first-child .wpforms-field-label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z' fill='%23666'/%3E%3C/svg%3E");
}

#popID_request_website_form .wpforms-field-container .wpforms-field:last-child .wpforms-field-label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z' fill='%23666'/%3E%3C/svg%3E");
}

@media (min-width: 640px) {
    #popID_request_website_form .request-website-header-content {
        grid-template-columns: auto 1fr;
        align-items: center;
        justify-items: start;
        text-align: left;
    }

    #popID_request_website_form .wpforms-submit.motta-button {
        width: auto;
    }
}

@media (max-height: 540px) and (orientation: landscape) {
    #popID_request_website_form .motta-modal-popup__wrapper {
        max-height: 85vh;
    }
}

@media (max-width: 768px) {
    .wcpt-add-new-website{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5em;
    }

    #regions #column-1,
    #regions #column-2 {
        min-width: 100%;
    }
}

.live-link-wrapper{
    display: flex; 
    flex-wrap: wrap; 
    gap: 8px; 
    align-items: center;
    padding: 0 0 0.5em 0px;
}
.live-link-wrapper .live-link{
    font-size: 12px;
    display: inline-block;
    max-width: 200px; /* adjust as needed */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.wss-star-display {
  display: inline-flex;
  gap: 2px;
  font-size: 20px;
  line-height: 1;
}
.wss-star-display .star {
  color: #f7c400;
}

@media only screen and (orientation: portrait) {
    .wcpt-search{
        display: block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media only screen and (orientation: landscape) {
     .wcpt-search{
       width: 100%;
       margin: 10px 10px 10px 0;
    }
}

.attribute.traffic-countries{
    margin-bottom: 0px;
}
.semrush-traffic-source-box{
    text-align: center;
}
.semrush-traffic-source-box span{
    font-size: 0.75rem;
}
.semrush-traffic-source-icon{
    width: auto;
    height: 0.75em;
}

.plabel .source-icon{
    background: var(--notification-info);
    color: #fff;
    font-size: 0.875em;
    /* padding: 3px 5px; */
    border-radius: 0.3em;
    aspect-ratio: 1 / 1;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.plabel .source-icon.direct{
    background: #6C5CE7;
}
.plabel .source-icon.search{
    background: #0F9D58;
}
.plabel .source-icon.social{
    background: #4285F4;
}
.plabel .source-icon.referrals{
    background: #FF6B35;
}
.plabel .source-icon.paid{
    background: #FBBC04;
}
.plabel .source-icon.mail{
    background: #EA4335;
}
.plabel .source-icon.display{
    background: #9C27B0;
}
.plabel .source-icon.other{
    background: #888780;
}
.semrush-traffic-source-updated-at{
    color: #5d6168;
}

.country-flag {
    font-size: 1.2em;
    margin-right: 5px;
    width: 1.2em;
}

.top-three-country-traffic {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.top-three-country-traffic li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/** Press Release **/

.outlets {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    align-items: center;
}

.outlets figure {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    height: 100%;
    margin: 0;
    max-width: 150px;
    min-width: 80px;
}

.outlets figure img {
    max-width: 100%;
    max-height: 60px;
}

.brands .motta-images-carousel--elementor .list-images__inner {
    align-items: center;
    max-height: 60px;
}
.brands .swiper-slide {
    text-align: center;
}
.brands .swiper-slide img {
    max-width: 100%;
    max-height: 60px;
    filter: grayscale(0);
    transition: 0.6s;
}

.brands .swiper-slide:hover img {
    filter: grayscale(1);
}
.tablepress {
    &.pricing-table {
        border-collapse: separate;
        border-spacing: 0.5em 0;
        thead {
            th {
                font-size: 1.2rem;
                padding: 1em;
            }
            .package-info {
                font-size: 0.8em;
                font-weight: 400;
                line-height: 1;
                display: inline-block;
                text-transform: capitalize;
            }
            .row-1 {
                border-bottom: 0 none;
                th {
                    border-radius: 10px 10px 0 0;
                    text-transform: uppercase;
                }
            }
            .row-2 {
                /* color: white; */
                font-weight: 700;
                .price {
                    font-size: 1.5em;
                }
                th {
                    font-size: 1rem;
                    white-space: nowrap;
                }
            }
        }
        .motta-button--text {
            text-transform: capitalize;
        }
        .column-1 {
            border-color: #ecf0f4;
            position: relative;
            .title {
                display: flex;
                align-items: baseline;
                gap: 0.5em;
            }
            &:not([colspan="5"]) {
                padding-left: 1em;
            }
            i.fa-arrow-turn-up {
                rotate: 90deg;
                opacity: 0.5;
            }
            i.fa-angles-right,
            i.fa-caret-right {
                opacity: 0.5;
            }
        }
        .column-2 {
            background-color: #FFF9D6;
            padding-left: var(--padding) !important;
        }
        .column-3 {
            background-color: #FAF0F1;
            padding-left: var(--padding) !important;
        }
        .column-4 {
            background-color: #D6F3FF;
            padding-left: var(--padding) !important;
        }
        .column-5 {
            background-color: #F3E1FF;
            padding-left: var(--padding) !important;
        }
        .row-1 .column-1,
        .row-2 .column-1,
        tfoot .column-1 {
            visibility: hidden;
        }
        td,
        th {
            text-align: center;
            border-color: #fff;
        }
        tfoot {
            th {
                background-color: white !important;
                border-radius: 0 0 20px 20px;
                color: white;
                text-transform: uppercase;
                margin: 0 auto;
            }
        }
        tfoot,
        .row-2 {
            .column-2 a.motta-button--base {
                background-color: #FFBF00;
            }
            .column-3 a.motta-button--base {
                background-color: #f65767;
            }
            .column-4 a.motta-button--base {
                background-color: #006699;
            }
            .column-5 a.motta-button--base {
                background-color: #7E3FBF;
            }
        }
        .column-1 {
            /* background-color: #eee; */
            font-size: 1.2em;
            font-weight: 600;
            opacity: 0.8;
            text-align: left;
            &:empty {
                border: 0 none;
            }
            &[colspan="5"] {
                font-size: 1.3em;
                opacity: 1;
            }
        }
        td,
        tfoot th {
            border-width: 1px;
            border-style: solid;
        }
        td,
        .pt-icon {
            vertical-align: middle;
        }
        img {
            max-height: 50px;
            max-width: 150px;
        }
        tr {
            height: 70px;
            td {
                vertical-align: middle;
            }
            &:hover {
                td {
                    filter: brightness(0.95);
                }
                td.column-1 {
                    background: #f3f3f3;
                }
            }
        }
        dfn {
            font-style: normal;
        }
        dfn + span {
            display: block;
            font-size: 0.75em;
            font-weight: 400;
        }     
    }
    span {
        &.allow,
        &.not-allow {
            display: block;
            font-size: 1.5em;
        }
        &.allow {
            color: #00aa00;
        }
        &.not-allow {
            color: rgb(238, 1, 1);
        }
    }
    td figure {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row-reverse;
        gap: 1em;

        figcaption {
            white-space: nowrap;
        }
    }
}

/* publisher-policies */
 .publisher-policies-compact {
    margin: 15px 0;
    padding: 0;
}

.publisher-policies-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.policy-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.policy-checkbox {
    margin-right: 8px;
    margin-top: 0;
    flex-shrink: 0;
}

.checkbox-text {
    flex: 1;
    color: #333;
}

.policy-info-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: #007cba;
    color: white;
    border-radius: 50%;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    margin: 0 4px;
    flex-shrink: 0;
    position: relative;
    transition: background-color 0.2s;
    vertical-align: middle;
}

.policy-info-tooltip:hover {
    background: #005a87;
    text-decoration: none;
    color: white;
}

.policy-info-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(33, 37, 41, 0.98);
    color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    max-width: 520px;
    width: max-content;
    white-space: normal;
    text-align: center;
    box-shadow: 0 6px 14px rgba(0,0,0,.18);
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms ease, visibility 120ms ease, transform 120ms ease;
    z-index: 1000;
    pointer-events: none;
}

.policy-info-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: rgba(33, 37, 41, 0.98) transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 120ms ease, visibility 120ms ease, transform 120ms ease;
}

.policy-info-tooltip:hover::after,
.policy-info-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
/* publisher-policies end */

/* Mobile tweaks for publisher policies tooltip */
@media (max-width: 600px) {
    .policy-info-tooltip::after {
        right: auto;
        left: auto;
        transform: none;
        width: min(320px, calc(100vw - 32px));
        max-width: none;
        white-space: normal;
        text-align: left;
        line-height: 1.45;
        font-size: 12px;
        padding: 12px 14px;
    }
    .policy-info-tooltip::before {
        left: auto;
        right: 8px;
        transform: translateY(-4px);
    }
}

/** Export Orders Button **/
.export-orders-wrapper {
    margin-top: 15px;
}

.export-orders-wrapper .export-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.export-orders-limit-info {
    font-size: 12px;
    color: #666;
    margin-left: 8px;
    display: block;
}

/* ========================================
   Woo Sell Services - Copy Button Styles
   ======================================== */

/* Copy wrapper styles */
.wss-field-copy-wrapper {
	position: relative;
	padding-right: 40px;
}

/* Copy button styles for field values */

.wss-field-copy-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	min-width: 30px;
	width: 30px;
	height: 30px;
	padding: 0;
	line-height: 1;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	background-color: #f8f9fa;
	border: 1px solid #e1e4e8;
	color: #586069;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wss-field-copy-btn i {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wss-field-copy-btn:hover {
	background-color: #ffffff;
	border-color: #d1d5da;
	color: #24292e;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	transform: translateY(-50%) scale(1.08);
}

.wss-field-copy-btn:active {
	transform: translateY(-50%) scale(0.96);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background-color: #f1f3f5;
}

.wss-field-copy-btn:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.15), 0 2px 6px rgba(0, 0, 0, 0.12);
	border-color: #0366d6;
}

.wss-field-copy-btn.wss-copied {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(40, 167, 69, 0.35);
	transform: translateY(-50%);
}

.wss-field-copy-btn.wss-copied:hover {
	background-color: #22863a !important;
	border-color: #22863a !important;
	box-shadow: 0 3px 8px rgba(40, 167, 69, 0.4);
	transform: translateY(-50%) scale(1.08);
}

.wss-field-copy-btn.wss-copied:active {
	transform: translateY(-50%) scale(0.96);
	background-color: #1e7e34 !important;
}

.wss-field-copy-btn.wss-copied i {
	color: #ffffff !important;
}

.wss-field-copy-btn.wss-copied i:before {
	content: "\f00c";
	font-weight: 600;
}

/* Adjust for paragraphs */
.wss-field-copy-wrapper p {
	margin-bottom: 8px;
}

/* Original Docs and Copy Docs Setion CSS */
.gpl-wss-docs-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px !important;
    position: relative;
    line-height: 30px;
}
.gpl-wss-docs-wrap p{margin-bottom: 0 !important;}

/* Adjust for file lists */
.wss-sell-client-req-question.ess-upload-files .wss-field-copy-wrapper,
.wss-sell-client-req-question.ess-textarea-files .wss-field-copy-wrapper {
	margin-top: 8px;
}
#woo_conversation_form .motta-alert.motta-alert--danger {
    margin-top: 10px;
}

/* Service Order Details — page header Order ID + Download Invoice */
.wss-order-details-title-wrapper{display: flex; align-items: center; gap: 20px;}
.wss-order-details-title-wrapper .wss-single-order-id{display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 18px; background: #fff; border: 1px solid var(--primary-color, #4166E1); font-size: 0.9375rem; font-weight: 700; line-height: 1.25; color: var(--primary-color, #4166E1); white-space: nowrap;}
.wss-order-details-title-wrapper .wss-single-order-id::before{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1rem; line-height: 1; content: "\f15c"; flex-shrink: 0;}
.wss-order-details-title-wrapper .wss-order-invoice-link .motta-button{gap: 8px; padding: 10px 18px; line-height: 1.25;}
.wss-order-details-title-wrapper .wss-order-invoice-link .motta-button::before{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1rem; line-height: 1; content: "\f019"; flex-shrink: 0;}

.wss-services-info-left.wss-services-info-container {display: flex; width: 100%; padding: 0 !important;}
.wss-serive-info-cnt{flex: 1 1 70%; padding: 20px;}
.wss-order-service-status-wrp{flex: 0 0 30%; min-width: 0;}
.wss-order-service-status-wrp .widget_wss_status_widget{border: 0; border-left: 1px solid var(--wss-border-color); border-radius: 0; height: 100%;}
.wss-order-service-status-wrp .wbwss-widget-title{border-radius: 0;}
.wss-order-service-status-wrp #wss-status-progress{border: 0;}
.wss-serive-info-cnt .wss-header-sec {align-items: flex-start; gap: 20px;}
.wss-serive-info-cnt .wss-services-image{flex-shrink: 0; max-width: 140px; width: 140px; margin: 0;}
.wss-serive-info-cnt .wss-services-image img{width: 100%; height: auto;}
.wss-serive-info-cnt .page .wss-services-info h2,
.wss-serive-info-cnt .wss-services-info h2{margin: 0 0 12px; font-size: 1.3rem; font-weight: 700; line-height: 1.35;}
.wss-serive-info-cnt .external-link a{font-size: 0.85em; opacity: 1; color: var(--primary-color); vertical-align: middle; margin-left: 4px;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul{display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li{display: inline-flex; align-items: center; gap: 8px; float: none; margin: 0; padding: 0 16px; border-right: 1px solid var(--wss-border-color, #eaecf0); font-size: 0.875rem; line-height: 1.4; color: #475467;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li:last-child{border-right: none; padding-right: 0;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li:first-child{padding-left: 0;}

.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li strong{font-weight: 500;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li span{color: var(--gpl-green); font-weight: 600;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li::before{font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 0.95rem; color: #475467; line-height: 1;}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li:nth-child(1)::before{content: "\f15c";}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li:nth-child(2)::before{content: "\f133";}
.wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li:nth-child(3)::before{content: "\f0ac";}

.wss-serive-info-cnt > .wss-services-info-text{padding: 15px 0 0 0; border-top: 1px solid var(--wss-border-color); margin: 15px 0 0 0;}
.wss-serive-info-cnt > .wss-services-info-text .wc-item-meta:not(.selected-website){display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px;}
.wss-serive-info-cnt > .wss-services-info-text .wc-item-meta:not(.selected-website) > li{flex: 1 1 0; display: flex; gap: 12px; padding: 0; font-size: 0.875rem; line-height: 1.5; margin: 0; border: 0;}
.wss-serive-info-cnt > .wss-services-info-text .wc-item-meta:not(.selected-website) > li:last-child{border-right: none; padding-right: 0;}

.wss-serive-info-cnt .wss-services-info-product{margin: 20px 0 0 0;}
.wss-serive-info-cnt .wss-services-info-table{width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--wss-border-color); table-layout: fixed;}
.wss-serive-info-cnt .wss-services-info-table tr th,
.wss-serive-info-cnt .wss-services-info-table tr td{border: none; border-right: 1px solid var(--wss-border-color); text-align: center; vertical-align: middle; padding: 8px 16px; width: auto;}
.wss-serive-info-cnt .wss-services-info-table tr th:last-child,
.wss-serive-info-cnt .wss-services-info-table tr td:last-child{border-right: none;}
.wss-serive-info-cnt .wss-services-info-table tr:first-child th{font-weight: 600; font-size: 0.85rem; border-bottom: 1px solid var(--wss-border-color);}
.wss-serive-info-cnt .wss-services-info-table tr:nth-child(2) td {font-size: 0.9rem;}
.wss-serive-info-cnt .delivery-date-update-wrapper{margin-top: 20px; gap: 12px; align-items: center;}
.wss-serive-info-cnt button.update_delivery_date{display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 12px 22px; border: none; border-radius: 0; background: var(--orange); color: #fff; font-weight: 600; font-size: 0.9375rem; line-height: 15px; cursor: pointer; transition: background-color 0.2s ease;}
.delivery-date-update-wrapper #datepicker, .delivery-date-update-wrapper .date-update-submit{height: 39px !important; line-height: 15px;}
.wss-serive-info-cnt button.update_delivery_date::before{font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f133";}
.wss-serive-info-cnt button.update_delivery_date:hover,
.wss-serive-info-cnt button.update_delivery_date:focus{background: var(--gpl-orange); color: #fff;}


@media (max-width: 991px) {
    .wss-services-info-left.wss-services-info-container {
        flex-direction: column;
    }
    .wss-serive-info-cnt {
        flex: 1 1 auto;
        width: 100%;
    }
    .wss-order-service-status-wrp {
        flex: 1 1 auto;
        width: 100%;
    }
    .wss-order-service-status-wrp .widget_wss_status_widget {
        border-left: none;
        border-top: 1px solid var(--wss-border-color);
    }
    .wss-serive-info-cnt > .wss-services-info-text .wc-item-meta:not(.selected-website) > li {
        flex: 1 1 100%;
        border-right: none;
        border-bottom: 1px solid var(--wss-border-color, #eaecf0);
        padding: 16px 0;
    }
    .wss-serive-info-cnt > .wss-services-info-text .wc-item-meta:not(.selected-website) > li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wss-field-copy-wrapper {
		padding-right: 36px;
	}

	.wss-field-copy-btn i {
		font-size: 12px;
	}

    /* Order Details Page */
    .wss-serive-info-cnt {
        padding: 20px 16px;
    }
    .wss-serive-info-cnt .wss-header-sec {
        flex-direction: column;
        align-items: stretch;
    }
    .wss-serive-info-cnt .wss-services-image {
        max-width: 100%;
        width: 100%;
    }
    .wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .wss-serive-info-cnt .wss-header-sec .wss-services-info-text ul li {
        padding: 0;
        border-right: none;
    }
    .wss-serive-info-cnt .wss-services-info-table,
    .wss-serive-info-cnt .wss-services-info-table tbody,
    .wss-serive-info-cnt .wss-services-info-table tr,
    .wss-serive-info-cnt .wss-services-info-table th,
    .wss-serive-info-cnt .wss-services-info-table td {
        display: block;
        width: 100%;
    }
    .wss-serive-info-cnt .wss-services-info-table tr:first-child th {
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .wss-serive-info-cnt .wss-services-info-table tr th,
    .wss-serive-info-cnt .wss-services-info-table tr td {
        border-right: none;
        border-bottom: 1px solid var(--wss-border-color, #eaecf0);
        text-align: left;
    }
    .wss-serive-info-cnt .wss-services-info-table tr:nth-child(2) td {
        display: flex;
        align-items: center;
    }
    .wss-serive-info-cnt .wss-services-info-table tr:nth-child(2) td:last-child,
    .wss-serive-info-cnt .wss-services-info-table tr:nth-child(2) td:first-child {
        border-radius: 0;
    }
    .wss-serive-info-cnt .wss-services-info-table tr:last-child td:last-child {
        border-bottom: none;
    }
}

/* Send Messages Form Validation */
.gpl-validation-error {
    display: block;
    color: #cc1818;
    font-size: 14px;
    margin-top: 4px;
}
.gpl-field-error {
    border-color: #cc1818 !important;
}