:root{--affwp-creative-preview-width:10rem;--affwp-card-padding:1.5rem}.fancybox__backdrop{--fancybox-bg:rgba(0, 0, 0, 0.5)}table.affwp-table{text-align:left;width:100%;border:none;margin:0 0 1.5rem;border-collapse:collapse}table.affwp-table td,table.affwp-table th{text-align:left;border:2px solid rgba(0,0,0,.03);color:#666;padding:.3em 1em;max-width:100%}table.affwp-table th{background:#fafafa;font-weight:700}.affwp-form{margin-bottom:1.5rem}.affwp-form fieldset{border:none}.affwp-form legend{font-size:120%;margin-bottom:1em}.affwp-form input[type=email],.affwp-form input[type=password],.affwp-form input[type=text],.affwp-form input[type=url],.affwp-form textarea{box-sizing:border-box}.affwp-form input{border:1px solid #eaeaea;border:1px solid rgba(51,51,51,.1)}.affwp-form input[type=email].required,.affwp-form input[type=password].required,.affwp-form input[type=text].required,.affwp-form input[type=url].required{color:inherit}.affwp-form input[type=checkbox]{display:inline-block}.affwp-form label{cursor:pointer}.affwp-form label+input,.affwp-form label+select,.affwp-form label+textarea{width:100%}.affwp-form .affwp-field-terms-of-use-content{background-color:#fff;border:1px solid rgba(51,51,51,.1);color:#444;padding:0 1rem;margin:1rem 0 .5rem 0;height:8rem;overflow-y:auto;overflow-x:hidden;font-size:14px}.affwp-form .affwp-field-terms-of-use-content *{font-size:14px}.affwp-form .affwp-label-checkbox-multiple,.affwp-form .affwp-label-radio{display:flex;align-items:center}.affwp-form .affwp-label-checkbox-multiple input,.affwp-form .affwp-label-radio input{margin:0 5px 0 0}.affwp-hidden{display:none}.affwp-wrap{margin-bottom:20px}#affwp-custom-links-table .affwp-custom-link{cursor:pointer}.affwp-custom-link-row{display:flex;justify-content:space-between;gap:4rem;position:relative}.affwp-custom-link-actions{display:flex;gap:1rem;align-items:center;visibility:hidden;opacity:0;transition:opacity .1s ease-out}.affwp-custom-link-actions button:hover{background:0 0;border:0}.affwp-custom-link-action{color:#666;transition:color .1s ease-in;cursor:pointer;width:20px;height:20px;display:inline-block}#affwp-custom-links-table td[data-field=link]:hover .affwp-custom-link-actions{visibility:visible;opacity:1}.affwp-copy-button,button.affwp-tooltip{appearance:none;-webkit-appearance:none;background-color:transparent;border:none;margin:0;padding:0;background-color:unset!important;display:flex}.affwp-tooltip-button-copy,.affwp-tooltip-url-copy{cursor:pointer}.affwp-tooltip-help{cursor:help}.affwp-row{display:flex;justify-content:space-between;align-items:center;gap:4rem}.affwp-row:hover .affwp-row-actions{visibility:visible;opacity:1}.affwp-row-header{font-size:.875rem}.affwp-row-actions{display:flex;gap:1rem;align-items:center;visibility:hidden;opacity:0;transition:opacity .1s ease-out}.affwp-row-action{color:#666;transition:color .1s ease-in;cursor:pointer;width:20px;height:20px;display:inline-block}.affwp-card__tooltip{cursor:help}.affwp-card__tooltip p{margin-bottom:1rem}.affwp-card__tooltip svg{width:1.25rem;height:1.25rem}.tippy-box[data-theme~=affwp] .tippy-content{padding:1rem}.tippy-box[data-theme~=affwp] .tippy-content p{margin-bottom:1rem}.tippy-box[data-theme~=affwp] .tippy-content p:last-child{margin-bottom:0}.affwp-card__header:has(.affwp-card__tooltip){display:flex;justify-content:space-between;align-items:start;gap:.5rem}.affwp-card.affwp-affiliate-link{margin-bottom:1.5rem}.affwp-affiliate-link__display{display:flex;flex-direction:column;gap:1rem}.affwp-affiliate-link__toggle{margin-top:.5rem;display:inline-block}.affwp-affiliate-link__input{cursor:pointer}.affwp-affiliate-landing-pages .affwp-affiliate-link__display:not(:last-child){padding-bottom:1rem;border-bottom:1px solid rgba(17,24,39,.05);margin-bottom:1rem}.affwp-link-sharing{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.affwp-link-sharing__options{display:flex;gap:1rem;flex-wrap:wrap}.affwp-link-sharing__icon{display:flex;justify-content:center;align-items:center}.affwp-link-sharing__icon svg{width:2rem;height:2rem;color:rgba(0,0,0,.75)}.affwp-link-sharing__x svg{width:1.5rem;height:1.5rem}.affwp-link-sharing__qrcode{cursor:pointer}.affwp-errors,.affwp-notice{border-radius:2px;border:1px solid #e6db55;margin:0 0 21px 0;background:#ffffe0;color:#333}.affwp-error,.affwp-notice{padding:10px}.affwp-notice-error{border-color:#d63638;background:#fcf0f1;color:#8a1f23}p.affwp-error{margin:0!important}#affwp-affiliate-dashboard h4{margin-bottom:20px}#affwp-graphs-filter{margin-bottom:20px}#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs{margin:0 0 20px 0;padding:0;border:none}#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li{display:inline-block;padding:0 10px 0 0;margin:0}#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li.active{font-weight:700}#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a{text-decoration:none}#affwp-affiliate-dashboard .affwp-graph{margin-bottom:20px}#affwp-affiliate-dashboard .affwp-graph table{width:auto}#affwp-affiliate-dashboard-visits{table-layout:fixed}#affwp-affiliate-dashboard-visits .visit-url{width:30%}#affwp-affiliate-dashboard-visits .referring-url{width:30%}#affwp-affiliate-dashboard-visits .referral-status{width:15%}#affwp-affiliate-dashboard-visits .visit-date{width:25%}#affwp-affiliate-dashboard .affwp-send-notifications-wrap label,.affwp-form .affwp-tos,.affwp-form .affwp-user-remember{width:auto}#affwp-affiliate-dashboard-payouts-service{margin-bottom:50px}.affwp-form select#affwp-payout-service-account-type,.affwp-form select#affwp-payout-service-country{width:100%}.visit-converted i{display:inline-block;position:relative;top:2px;left:2px}.visit-converted i:before{font-family:dashicons;font-style:normal}.visit-converted.yes i:before{content:"\f147";color:#5e95ef}.visit-converted.no i:before{content:"\f158";color:#ef6c5e}.affwp-creative pre{background-color:rgba(0,0,0,.01);border:1px solid rgba(51,51,51,.1);line-height:1.5;max-width:100%;overflow:auto;padding:1em;white-space:pre-wrap;word-wrap:break-word}.affwp-creative code,.affwp-creative pre{hyphens:none}.affwp-creative:not(.affwp-creatives-view .affwp-creative){margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eaeaea;border-bottom:1px solid rgba(51,51,51,.1)}.affwp-creative:last-of-type:not(
.affwp-creatives-view .affwp-creative:last-of-type
){border-bottom:none;padding-bottom:0}.affwp-table-wrap{overflow-x:auto}table.affwp-table{word-wrap:break-word;table-layout:auto}.screen-reader-text{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;word-wrap:normal!important}.affwp-table-responsive td:before{content:attr(data-th) ":\00a0";font-weight:700}.affwp-table-responsive td:before{display:none}.affwp-spinner{margin:auto;padding:0;width:2rem;height:2rem}.affwp-spinner svg{width:100%;height:100%;vertical-align:top;animation:affwp-spinner-rotate 2s linear infinite}.affwp-spinner svg *{stroke-width:2.75;fill:none}.affwp-spinner svg :first-child{stroke:rgba(0,0,0,0.1)}.affwp-spinner svg :last-child{stroke:rgba(17,24,28,0.8);animation:affwp-spinner-dash 2s ease-in-out infinite}@keyframes affwp-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes affwp-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}#affwp-affiliate-dashboard-creatives .affwp-creatives-types-menu{list-style:none;display:inline-flex;margin:0 0 1.5rem;padding:.125rem;background-color:rgba(0,0,0,.05);gap:.125rem}#affwp-affiliate-dashboard-creatives .affwp-view-switcher{list-style:none;display:flex;margin:0 0 0 auto;padding:0}#affwp-affiliate-dashboard-creatives .affwp-creatives-types-menu a{text-decoration:none;padding:.25rem .75rem;font-weight:500;display:inline-block;transition:background-color .1s ease-in}#affwp-affiliate-dashboard-creatives .affwp-creatives-types-menu li,#affwp-affiliate-dashboard-creatives .affwp-view-switcher li{margin:0;padding:0}#affwp-affiliate-dashboard-creatives .affwp-creatives-types-menu .active a{background:#fff;color:rgba(0,0,0,.75)}.affwp-view-switcher{justify-content:end}.affwp-view-switcher li .affwp-view-switcher__button{padding:.5rem;color:rgba(0,0,0,.3);display:inline-flex;border:1px solid transparent}.affwp-view-switcher li{background-color:transparent;transition:background-color .1s linear}.affwp-view-switcher li:hover:not(.active){background-color:rgba(0,0,0,.05)}.affwp-view-switcher .active svg,.affwp-view-switcher .affwp-view-switcher__button:hover svg{color:rgba(0,0,0,.75)}.affwp-creatives-table{display:flex;flex-direction:column;width:100%}.affwp-creatives-table-row{display:flex;position:relative}.affwp-creatives-table-cell{flex:1;min-width:0;align-items:center}.affwp-creatives-table-cell[data-column=type]{flex-direction:column;align-items:start;justify-content:center}.affwp-creatives-table-cell[data-column=date_updated]{justify-content:end}.affwp-creatives-table-row{padding:1.5rem 0}.affwp-creatives-view--as-list .affwp-creative{border-top:1px solid rgba(0,0,0,.03);gap:1.5rem;position:relative;flex-direction:column}.affwp-creatives-list-header{display:none}.affwp-creatives-list-header>div[data-sorted=true][data-order=asc]>a::after{content:" \2191"}.affwp-creatives-list-header>div[data-sorted=true][data-order=desc]>a::after{content:" \2193"}.affwp-creative-name-wrap{display:flex;gap:1.5rem;flex-direction:column}.affwp-creatives-view--as-grid .affwp-creative-name{white-space:nowrap}.affwp-creatives-view--as-grid .affwp-creative-name{overflow:hidden;text-overflow:ellipsis}#affwp-creatives-modal .affwp-creative-name,.affwp-creatives-view--as-grid .affwp-creative-name{font-weight:600}#affwp-creatives-modal .affwp-creative-name{margin-bottom:.25rem;margin-top:0;font-size:2rem;line-height:1.1}.affwp-creatives-item-actions{align-items:center}.affwp-creatives-item-actions form{margin:0;padding:0}.affwp-creatives-list-column-label{display:block;font-weight:600;line-height:1;margin-bottom:.25rem}.affwp-creative-preview{border:2px solid rgba(0,0,0,.03);padding:.25rem;display:flex;justify-content:center;overflow:hidden;transition:border .1s linear}.affwp-creative:hover .affwp-creative-preview{border:2px solid rgba(0,0,0,.08)}.affwp-creatives-view--as-grid .affwp-creative-preview{height:100%;aspect-ratio:1;margin-bottom:.5rem}.affwp-creative-preview img{max-width:100%}.affwp-creatives-view--as-grid .affwp-creative:hover{cursor:pointer}.affwp-creative img{object-fit:contain;height:100%}.affwp-creatives-view--as-list img{max-height:var(--affwp-creative-preview-width)}.affwp-modal *{margin:0}.affwp-modal__header{margin-bottom:1.5rem}.affwp-modal__header h2{margin-bottom:.5rem}.affwp-modal__actions{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:4rem}.affwp-modal__button{align-self:start}.affwp-modal__qr-code{display:flex;justify-content:center}.affwp-modal__body:has(.affwp-modal__qr-code){border:2px solid rgba(0,0,0,.03);padding:2rem}#affwp-creatives-modal{width:100%;max-width:960px;padding:4rem;gap:2rem}.affwp-copy-textarea-content{min-height:8rem;resize:none;width:100%}#affwp-creatives-modal .affwp-creative-section-preview{display:flex;flex-direction:column;gap:1rem}#affwp-creatives-modal .affwp-creative-preview{padding:2rem}#affwp-creatives-modal .affwp-creative-preview img{height:auto}#affwp-creatives-modal .affwp-creative-preview+form.affwp-creative-copy-form{margin-top:2rem}.affwp-print-button{margin-left:auto}#affwp-printable-area{display:none}.affwp-creative-details{display:flex;justify-content:space-between;align-items:center;gap:1rem}.affwp-creative-details>div{line-height:1.3}.affwp-creative-file-extension{font-weight:600}.affwp-creative-section-title{font-weight:600;font-size:1.3rem;line-height:1}#affwp-creatives-modal .affwp-creative-subtitle,.affwp-creative-file-details{color:rgba(0,0,0,.6);display:inline-flex;align-items:center}#affwp-creatives-modal form,#affwp-creatives-modal p{margin:0}.affwp-creative-section-code{margin-top:2rem}.affwp-creative-copy-form{display:flex;flex-direction:column;align-items:start;gap:1rem}.affwp-creative-separator{margin:0 .5rem}.affwp-creatives-view--as-grid{--gap:2rem;--max-columns:5;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(max(var(--affwp-creative-preview-width),100% / var(--max-columns) - var(--gap)),1fr))}.affwp-creatives-view--as-grid .affwp-creative-size,.affwp-creatives-view--as-grid .affwp-creative-type{color:rgba(0,0,0,.6)}.is-draggable .fancybox__content{cursor:default}.affwp-infinite-scroll-trigger[data-state=loading]{text-align:center}.affwp-infinite-scroll-trigger .affwp-spinner{display:none}.affwp-infinite-scroll-trigger[data-state=loading] .affwp-spinner{display:inline-block}.affwp-creative[data-type=text_link] .affwp-creative-preview{padding:1rem}.affwp-creatives-filters{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between;margin-bottom:1rem}#affwp-affiliate-dashboard-creatives .affwp-creatives-filters .affwp-category-dropdown,#affwp-affiliate-dashboard-creatives .affwp-creatives-filters .affwp-category-dropdown select,#affwp-affiliate-dashboard-creatives .affwp-creatives-filters form,#affwp-affiliate-dashboard-creatives .affwp-creatives-filters input[type=submit]{margin-bottom:0}.affwp-category-dropdown>div{display:flex;align-items:center;gap:.5rem}.affwp-button[download][href=""]{opacity:.5;pointer-events:none;cursor:not-allowed}@media (min-width:768px){.affwp-creatives-view--as-list .affwp-creative{flex-direction:row}.affwp-creatives-table-cell{display:flex}.affwp-creative-name-wrap{flex-direction:row;align-items:center}.affwp-creatives-list-column-label{display:none}.affwp-creatives-view--as-list .affwp-creative img{object-fit:contain}.affwp-creatives-view--as-list .affwp-creative-preview{align-items:center;height:var(--affwp-creative-preview-width);width:var(--affwp-creative-preview-width);flex-shrink:0;box-sizing:border-box}.affwp-creative[data-type=text_link] .affwp-creative-preview{font-size:.875rem}.affwp-creatives-view--as-list .affwp-creative-name{font-weight:600}.affwp-creative-id,.affwp-creative-size{font-size:.875rem}.affwp-creatives-list-header{display:flex;gap:1.5rem}.affwp-creatives-list-header,.affwp-creatives-view--as-list .affwp-creative{position:relative}.affwp-creatives-view--as-list .affwp-creative>div:first-child,.affwp-creatives-view--as-list .affwp-creatives-list-header>div:first-child{flex-grow:3}.affwp-creative>div:first-child,.affwp-creatives-list-header>div:first-child{padding-left:0}.affwp-creatives-view--as-list .affwp-creative>.affwp-creatives-item-actions{position:relative}.affwp-creatives-view--as-list .affwp-creative>.affwp-creatives-item-actions{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:end;padding:0}.affwp-creative-last-updated,.affwp-creatives-item-actions button{transition:opacity .1s ease-in}.affwp-creatives-item-actions button{visibility:hidden;opacity:0}.affwp-creatives-item-actions:hover{cursor:pointer}.affwp-creatives-table-row:hover .affwp-creatives-item-actions button{visibility:visible;position:relative;right:0;opacity:1}.affwp-creative-last-updated{opacity:1}.affwp-creatives-table-row:hover .affwp-creative-last-updated{opacity:0}}@media (min-width:480px){#affwp-affiliate-dashboard-url-generator .affwp-affiliate-link,.affwp-affiliate-link__display{flex-direction:row}.affwp-affiliate-link__input{flex-grow:1}.affwp-link-sharing{flex-direction:row;align-items:center}}.affwp-card{border:1px solid rgba(17,24,39,.05);box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.1) 0 1px 3px 0,rgba(0,0,0,.1) 0 1px 2px -1px}.affwp-card .affwp-card__header:not(.affwp-affiliate-link__tooltip) *{margin:0}.affwp-card__actions,.affwp-card__header{padding:1.5rem}.affwp-card__header+.affwp-card__actions{padding-top:0}.affwp-card__content--form{display:grid;gap:1rem}.affwp-card__content,.affwp-card__footer{padding:var(--affwp-card-padding);padding-top:0}.affwp-card--compact{border-radius:.25rem}.affwp-card--compact .affwp-card__content,.affwp-card--compact .affwp-card__footer,.affwp-card--compact .affwp-card__header{padding:1rem}@media (max-width:767px){#affwp-affiliate-dashboard-campaign-stats .affwp-table-responsive td.affwp-table-no-data{display:block}#affwp-affiliate-dashboard-payouts .affwp-table-responsive td.affwp-table-no-data:before,#affwp-affiliate-dashboard-referrals .affwp-table-responsive td.affwp-table-no-data:before,#affwp-affiliate-dashboard-visits .affwp-table-responsive td.affwp-table-no-data:before{display:none}.affwp-table-responsive td:last-child{margin-bottom:20px}.affwp-table-responsive td:first-child{background-color:#fafafa}.affwp-table-responsive td:before{display:inline-block}.affwp-table-responsive th{display:none}.affwp-table-responsive td{display:flex;justify-content:space-between}.affwp-custom-link-row{flex-direction:column;gap:0}.affwp-custom-link-actions{visibility:visible;opacity:1;padding:10px 0}}@media print{body.affwp-affiliate-area-creatives *{display:none}#affwp-printable-area{display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%}#affwp-printable-area img{display:inline-block}}.affwp-coupon-url-section{margin-top:1rem;max-width:500px}.affwp-coupon-url-section:hover .affwp-row-actions{visibility:visible;opacity:1}#affwp-affiliate-dashboard-coupons .affwp-tooltip-url-copy{cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.affwp-copy-coupon-url{display:flex;align-items:center}.affwp-registration-submitted form fieldset{display:none}.affwp-stripe-payouts{margin-bottom:2rem}.affwp-stripe-payouts__status{padding:12px 15px;margin-bottom:1em;border-radius:4px;border-left:4px solid}.affwp-stripe-payouts__status--connected{background-color:#f6fef7;border-left-color:#46b450;color:#1a5d1f}.affwp-stripe-payouts__status--warning{background-color:#fffdf0;border-left-color:#ffb900;color:#6b5600}.affwp-stripe-payouts__status--error{background-color:#fef2f2;border-left-color:#dc3545;color:#7f1d1d}.affwp-stripe-payouts__account-info{display:block}.affwp-stripe-payouts__account-info-label{display:block;margin-bottom:.5em}.affwp-stripe-payouts__account-info-value{display:inline-block;padding:3px 8px;background-color:rgba(255,255,255,.7);border:1px solid rgba(70,180,80,.3);border-radius:3px;font-family:monospace;font-size:.9em;color:inherit}.affwp-stripe-payouts__country-select{display:block;margin-bottom:16px}.affwp-stripe-payouts__actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}.affwp-stripe-payouts__link--reonboard{font-size:.85em;opacity:.75}.affwp-stripe-notice{padding:12px;margin-bottom:1em;border-radius:4px;border-left:4px solid}.affwp-stripe-notice--success{background-color:#f0f8f0;border-left-color:#46b450}.affwp-stripe-notice--error{background-color:#fef2f2;border-left-color:#dc3545}.affwp-stripe-notice--info{background-color:#e8f4fd;border-left-color:#2196f3}.affwp-stripe-notice__message{margin:0!important}.affwp-stripe-notice__link{font-weight:600}.affwp-payout-method-context{padding:12px 15px;margin-bottom:1em;border-radius:4px;border-left:4px solid #ccd0d4;background-color:#f6f7f7}.affwp-payout-method-context--active{border-left-color:#2271b1;background-color:#f0f6fc}.affwp-payout-method-context__heading{display:block;font-weight:600;margin-bottom:.4em}.affwp-payout-method-context__detail{margin:0}.affwp-badge{display:inline-block;padding:.15em .6em;border-radius:999px;font-size:.85em;font-weight:600;line-height:1.6;white-space:nowrap}.affwp-badge--success{background-color:#e6f4ea;color:#137333}.affwp-badge--warning{background-color:#fef7e0;color:#8a6d00}.affwp-badge--danger{background-color:#fce8e6;color:#c5221f}.affwp-badge--neutral{background-color:#f1f3f4;color:#5f6368}.affwp-badge--info{background-color:#e8f0fe;color:#1967d2}.affwp-payout-summary{container-type:inline-size;container-name:affwp-payout-summary;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.affwp-payout-summary__stat{flex:1 1 9rem;min-width:0;padding:.85rem 1rem;border:1px solid #e2e4e7;border-radius:8px;background-color:#fff}@container affwp-payout-summary (min-width:22rem){.affwp-payout-summary__stat{flex-basis:calc((100% - 1rem)/ 2)}}@container affwp-payout-summary (min-width:34rem){.affwp-payout-summary__stat{flex-basis:calc((100% - 2rem)/ 3)}}.affwp-payout-summary__label{display:block;font-size:.8em;color:#5f6368;margin-bottom:.25rem}.affwp-payout-summary__value{display:block;font-size:1.4em;font-weight:700;line-height:1.2}.affwp-payout-summary__meta{display:block;font-size:.8em;color:#5f6368;margin-top:.2rem}:root { --superfrete-primary-color: #0fae79;
--superfrete-primary-hover: #0d9969;
--superfrete-secondary-color: #EA961F;
--superfrete-secondary-hover: #d88519; --superfrete-text-color: inherit;
--superfrete-heading-color: inherit;
--superfrete-bg-color: #f8f9fa;
--superfrete-bg-white: #ffffff;
--superfrete-border-color: #ddd;
--superfrete-border-light: #eaeaea; --superfrete-success-color: #4CAF50;
--superfrete-error-color: #e74c3c;
--superfrete-info-color: #2196F3; --superfrete-font-family: inherit;
--superfrete-font-size-base: 1rem;
--superfrete-font-size-small: 0.875rem;
--superfrete-font-size-large: 1.125rem;
--superfrete-font-weight-normal: normal;
--superfrete-font-weight-bold: bold;
--superfrete-line-height: 1.5; --superfrete-spacing-xs: 0.25rem;
--superfrete-spacing-sm: 0.5rem;
--superfrete-spacing-md: 1rem;
--superfrete-spacing-lg: 1.5rem;
--superfrete-spacing-xl: 2rem; --superfrete-radius-sm: 4px;
--superfrete-radius-md: 6px;
--superfrete-radius-lg: 8px; --superfrete-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
--superfrete-shadow-md: 0 2px 5px rgba(0, 0, 0, 0.1);
--superfrete-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15); --superfrete-z-overlay: 999;
--superfrete-z-popup: 1000;
--superfrete-z-loading: 1001;
} @media (prefers-color-scheme: dark) {
:root {
--superfrete-bg-color: #2a2a2a;
--superfrete-bg-white: #3a3a3a;
--superfrete-border-color: #555;
--superfrete-border-light: #444;
}
}
.superfrete-popup {
display: none;
position: fixed;
z-index: var(--superfrete-z-popup);
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.superfrete-popup-content {
background: var(--superfrete-bg-white);
width: 50%;
margin: 10% auto;
padding: var(--superfrete-spacing-lg);
border-radius: var(--superfrete-radius-lg);
text-align: center;
}
.superfrete-popup-close {
float: right;
font-size: 1.5rem;
cursor: pointer;
color: var(--superfrete-text-color);
}
#superfrete-calculator {
background: var(--superfrete-bg-color);
padding: var(--superfrete-spacing-md);
border-radius: var(--superfrete-radius-lg);
box-shadow: var(--superfrete-shadow-md);
max-width: 350px;
margin: var(--superfrete-spacing-lg) auto;
font-family: var(--superfrete-font-family);
display: block;
margin-left: 0;
}
#superfrete-calculator label {
font-size: var(--superfrete-font-size-small);
font-weight: var(--superfrete-font-weight-bold);
color: var(--superfrete-heading-color);
display: block;
margin-bottom: var(--superfrete-spacing-xs);
}
#superfrete-calculator input[type="text"] {
width: -webkit-fill-available;
padding: var(--superfrete-spacing-sm);
font-size: var(--superfrete-font-size-base);
border: 1px solid var(--superfrete-border-color);
border-radius: var(--superfrete-radius-sm);
margin-bottom: var(--superfrete-spacing-sm);
outline: none;
transition: border 0.3s ease-in-out;
font-family: var(--superfrete-font-family);
color: var(--superfrete-text-color);
background-color: var(--superfrete-bg-white);
}
#superfrete-calculator input[type="text"]:focus {
border-color: var(--superfrete-primary-color);
}
#calculate-shipping {
font-weight: var(--superfrete-font-weight-bold);
background: var(--superfrete-primary-color);
color: white;
border: none;
padding: var(--superfrete-spacing-sm);
width: 100%;
border-radius: var(--superfrete-radius-sm);
font-size: var(--superfrete-font-size-base);
cursor: pointer;
transition: background 0.3s ease-in-out;
font-family: var(--superfrete-font-family);
}
#calculate-shipping:hover {
background: var(--superfrete-secondary-color);
}
#superfrete-shipping-result {
margin-top: 15px;
}
#superfrete-shipping-result h4 {
font-size: var(--superfrete-font-size-base);
font-weight: var(--superfrete-font-weight-bold);
color: var(--superfrete-primary-color);
text-transform: uppercase;
}
#superfrete-shipping-result ul {
list-style: none;
padding: 0;
}
#superfrete-shipping-result li {
background: var(--superfrete-bg-white);
padding: var(--superfrete-spacing-sm);
border-radius: var(--superfrete-radius-sm);
margin-top: var(--superfrete-spacing-sm);
border-left: 5px solid var(--superfrete-primary-color);
font-size: var(--superfrete-font-size-small);
color: var(--superfrete-text-color);
box-shadow: var(--superfrete-shadow-sm);
}
.superfrete-alert ul li {
background: var(--superfrete-bg-white);
padding: var(--superfrete-spacing-sm);
border-radius: var(--superfrete-radius-sm);
margin-top: var(--superfrete-spacing-sm);
border-left: 5px solid var(--superfrete-primary-color);
font-size: var(--superfrete-font-size-small);
color: var(--superfrete-text-color);
box-shadow: var(--superfrete-shadow-sm);
}
.superfrete-alert ul {
list-style: none;
padding: 0;
}
#superfrete-shipping-result li strong {
color: var(--superfrete-heading-color);
}
#superfrete-shipping-result img {
display: block;
margin-top: 5px;
} .superfrete-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.5); width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.superfrete-popup-content {
background: var(--superfrete-bg-color);
padding: var(--superfrete-spacing-lg);
border-radius: var(--superfrete-radius-lg);
box-shadow: var(--superfrete-shadow-md);
max-width: 400px;
width: 90%;
text-align: center;
font-family: var(--superfrete-font-family);
position: relative;
}
.superfrete-popup-close {
position: absolute;
top: var(--superfrete-spacing-sm);
right: var(--superfrete-spacing-md);
font-size: 1.25rem;
font-weight: var(--superfrete-font-weight-bold);
color: var(--superfrete-text-color);
cursor: pointer;
transition: color 0.3s ease-in-out;
}
.superfrete-popup-close:hover {
color: var(--superfrete-secondary-color);
}
.superfrete-popup h3 {
font-size: var(--superfrete-font-size-large);
font-weight: var(--superfrete-font-weight-bold);
color: var(--superfrete-primary-color);
margin-bottom: var(--superfrete-spacing-sm);
}
.superfrete-popup p {
font-size: var(--superfrete-font-size-small);
color: var(--superfrete-text-color);
margin-bottom: var(--superfrete-spacing-md);
}
.superfrete-popup form {
text-align: left;
}
.superfrete-popup label {
font-size: var(--superfrete-font-size-small);
font-weight: var(--superfrete-font-weight-bold);
color: var(--superfrete-heading-color);
display: block;
margin-bottom: var(--superfrete-spacing-xs);
}
.superfrete-popup input[type="text"] {
width: calc(100% - var(--superfrete-spacing-lg));
padding: var(--superfrete-spacing-sm);
font-size: var(--superfrete-font-size-base);
border: 1px solid var(--superfrete-border-color);
border-radius: var(--superfrete-radius-sm);
margin-bottom: var(--superfrete-spacing-sm);
outline: none;
transition: border 0.3s ease-in-out;
font-family: var(--superfrete-font-family);
color: var(--superfrete-text-color);
background-color: var(--superfrete-bg-white);
}
.superfrete-popup input[type="text"]:focus {
border-color: var(--superfrete-primary-color);
}
.superfrete-popup button {
font-weight: var(--superfrete-font-weight-bold);
background: var(--superfrete-primary-color);
color: white;
border: none;
padding: var(--superfrete-spacing-sm);
width: 100%;
border-radius: var(--superfrete-radius-sm);
font-size: var(--superfrete-font-size-base);
cursor: pointer;
transition: background 0.3s ease-in-out;
font-family: var(--superfrete-font-family);
}
.superfrete-popup button:hover {
background: var(--superfrete-secondary-color);
}
#super-frete-shipping-calculator{
position: relative;
}
.superfrete-processing #super-frete-shipping-calculator:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.85);
z-index: var(--superfrete-z-overlay);
top: 0px;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
border-radius: var(--superfrete-radius-lg);
}
.superfrete-processing #super-frete-shipping-calculator:before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
border: 2px solid var(--superfrete-primary-color);
border-top: 2px solid transparent;
border-radius: 50%;
z-index: var(--superfrete-z-loading);
animation: superfrete-spin 0.8s linear infinite;
}
@keyframes superfrete-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
a.button.superfrete-shipping-calculator-button {
width: 100%;
padding: var(--superfrete-spacing-sm) 0;
}
form.superfrete-woocommerce-shipping-calculator {
position: relative;
} .superfrete-alert {
background: rgba(1, 113, 76, 0.24);
color: var(--superfrete-text-color);
padding: var(--superfrete-spacing-sm);
text-align: center;
font-weight: var(--superfrete-font-weight-bold);
border-radius: var(--superfrete-radius-sm);
margin-bottom: var(--superfrete-spacing-sm);
box-shadow: var(--superfrete-shadow-md);
} .superfrete-container {
position: relative;
background: var(--superfrete-bg-color);
padding: var(--superfrete-spacing-lg);
border-radius: var(--superfrete-radius-lg);
box-shadow: var(--superfrete-shadow-md);
max-width: 400px;
margin: var(--superfrete-spacing-lg) auto;
font-family: var(--superfrete-font-family);
} .superfrete-shipping-calculator-button {
display: block;
background: var(--superfrete-primary-color);
color: white;
text-align: center;
font-size: var(--superfrete-font-size-base);
padding: var(--superfrete-spacing-md);
border-radius: var(--superfrete-radius-sm);
text-decoration: none;
transition: background 0.3s ease-in-out;
font-weight: var(--superfrete-font-weight-bold);
}
.superfrete-shipping-calculator-button:hover {
background: var(--superfrete-secondary-color);
} .superfrete-shipping-calculator-form {
display: none;
margin-top: var(--superfrete-spacing-md);
padding: var(--superfrete-spacing-md);
background: var(--superfrete-bg-white);
border-radius: var(--superfrete-radius-sm);
box-shadow: var(--superfrete-shadow-md);
} .superfrete-error {
color: var(--superfrete-error-color);
padding: var(--superfrete-spacing-sm);
border-radius: var(--superfrete-radius-sm);
margin-bottom: var(--superfrete-spacing-sm);
font-size: var(--superfrete-font-size-small);
text-align: center;
font-weight: var(--superfrete-font-weight-bold);
} .superfrete-woocommerce-shipping-calculator select,
.superfrete-woocommerce-shipping-calculator input {
width: 100%;
padding: var(--superfrete-spacing-md);
font-size: var(--superfrete-font-size-base);
border: 1px solid var(--superfrete-border-color);
border-radius: var(--superfrete-radius-sm);
margin-bottom: var(--superfrete-spacing-sm);
outline: none;
transition: border 0.3s ease-in-out;
font-family: var(--superfrete-font-family);
color: var(--superfrete-text-color);
background-color: var(--superfrete-bg-white);
}
.superfrete-woocommerce-shipping-calculator input:focus,
.superfrete-woocommerce-shipping-calculator select:focus {
border-color: var(--superfrete-primary-color);
} .superfrete-update-address-button {
font-weight: var(--superfrete-font-weight-bold);
background: var(--superfrete-primary-color);
color: white;
border: none;
padding: var(--superfrete-spacing-md);
width: 100%;
border-radius: var(--superfrete-radius-sm);
font-size: var(--superfrete-font-size-base);
cursor: pointer;
transition: background 0.3s ease-in-out;
margin-top: var(--superfrete-spacing-sm);
font-family: var(--superfrete-font-family);
}
.superfrete-update-address-button:hover {
background: var(--superfrete-secondary-color);
} @media (max-width: 480px) {
.superfrete-container {
max-width: 90%;
}
.superfrete-shipping-calculator-button,
.superfrete-update-address-button {
font-size: 14px;
padding: 10px;
}
} .woocommerce_page_wc-settings input[type="color"] {
position: relative;
z-index: 1;
outline: none;
}
.woocommerce_page_wc-settings input[type="color"]:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
} .woocommerce_page_wc-settings input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
border: none;
border-radius: 3px;
}
.woocommerce_page_wc-settings input[type="color"]::-webkit-color-swatch {
border: none;
border-radius: 3px;
} .woocommerce_page_wc-settings input[type="color"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 50px;
height: 40px;
border: 2px solid #ddd;
border-radius: 4px;
background: none;
cursor: pointer;
}
.woocommerce_page_wc-settings input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
border: none;
border-radius: 2px;
}
.woocommerce_page_wc-settings input[type="color"]::-webkit-color-swatch {
border: none;
border-radius: 2px;
} #billing_document.error {
border-color: var(--superfrete-error-color, #e74c3c) !important;
box-shadow: 0 0 0 1px var(--superfrete-error-color, #e74c3c) !important;
}
#billing_document:focus {
border-color: var(--superfrete-primary-color, #0fae79) !important;
box-shadow: 0 0 0 1px var(--superfrete-primary-color, #0fae79) !important;
}
.superfrete-field-feedback {
font-size: var(--superfrete-font-size-small, 12px);
margin-top: var(--superfrete-spacing-xs, 4px);
line-height: 1.4;
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-5px);
}
to {
opacity: 1;
transform: translateY(0);
}
} #billing_document_field::before {
content: "🆔";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
opacity: 0.7;
z-index: 1;
}
#billing_document_field {
position: relative;
}
#billing_document_field input {
padding-left: 35px !important;
} .woocommerce-checkout .form-row .description {
font-size: 12px;
color: #666;
margin-top: 5px;
font-style: italic;
display: block;
} .woocommerce-info.superfrete-number-notice {
background-color: #f0f8ff;
border-left: 4px solid var(--superfrete-primary-color, #0fae79);
margin-bottom: 20px;
}
.woocommerce-info.superfrete-number-notice strong {
color: var(--superfrete-primary-color, #0fae79);
} #billing_number_field label:after,
#shipping_number_field label:after {
content: " (ou N/A)";
font-size: 11px;
color: #999;
font-weight: normal;
}