/* ===== Asaas Pix thankyou block ===== */
.woocommerce-order-details ul.order_details{display:block;margin:0;padding:0;border:0;}
.woocommerce-order-details ul.order_details>li{display:block;float:none;width:auto;border:0;padding:8px 0;margin:0;font-size:inherit;text-transform:none;line-height:1.5;}
.asaas-pix-instructions{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;}
.asaas-pix-instructions img.js-pix-qr-code{display:block;flex:0 0 auto;}
.asaas-pix-instructions__list{display:block;margin:0;padding-left:1.4em;list-style:decimal;max-width:520px;}
.asaas-pix-instructions__list li{display:list-item;margin:6px 0;line-height:1.5;}
.woocommerce-order-details__asaas-pix-payload{word-break:break-all;overflow-wrap:anywhere;white-space:normal;max-width:100%;background:rgba(255,255,255,.08);padding:10px;border-radius:6px;font-family:monospace;font-size:12px;margin:0 0 10px;}
.asaas-pix-copy-to-clipboard>div{max-width:620px;}
.woocommerce-order-details__asaas-pix-button{background:#16a34a;color:#fff;border:0;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:600;}
.woocommerce-order-details__asaas-pix-button:hover{background:#15803d;}

/* ===== Checkout payment method tabs: segmented bar (prototype variant A, chosen 05/11) =====
   The <li> are display:contents (theme), so labels and the open .payment_box are flex items of the <ul>.
   The bar background is a ::before sized to the first row, so the payment box below stays outside it. */
.spp-checkout .wc_payment_methods{position:relative!important;width:100%!important;gap:4px!important;padding:4px 4px 0!important;flex-wrap:wrap!important;}
.spp-checkout .wc_payment_methods::before{content:"";position:absolute;left:0;right:0;top:0;height:54px;background:var(--spp-input,#0C1424);border:1px solid var(--spp-line,#1A2A4A);border-radius:12px;pointer-events:none;}
.spp-checkout .wc_payment_methods li > label{position:relative;z-index:1;flex:1 1 auto!important;min-width:max-content!important;width:auto!important;max-width:none!important;height:46px!important;padding:0 8px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#7f8db0!important;font-size:14px!important;font-weight:500!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
.spp-checkout .wc_payment_methods li > label:hover{color:#fff!important;}
.spp-checkout .wc_payment_methods li input:checked + label{background:rgba(96,216,247,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px var(--spp-cyan,#60D8F7)!important;}
.spp-checkout .wc_payment_methods li > label .spp-method-ic{width:18px;height:18px;flex:none;margin:0!important;}
.spp-checkout .wc_payment_methods li > label img.spp-method-ic{max-height:18px;width:auto;}
.spp-checkout .wc_payment_methods li .payment_box{margin:14px -4px 0!important;width:calc(100% + 8px)!important;flex-basis:calc(100% + 8px)!important;}
.spp-checkout .wc_payment_methods li > label *{font-size:inherit!important;font-weight:inherit!important;}
.spp-checkout .wc_payment_methods li > label .spp-method-ic{order:-1;}
/* Narrow screens: no icons, text may take two lines. */
@media (max-width:600px){
  .spp-checkout .wc_payment_methods li > label .spp-method-ic{display:none!important;}
  .spp-checkout .wc_payment_methods li > label{flex:1 1 0!important;min-width:0!important;font-size:12.5px!important;padding:0 4px!important;white-space:normal!important;line-height:1.15!important;text-align:center!important;}
}

/* Affiliate portal (Ultimate Affiliate Pro) on the dark theme; !important because the plugin rules are more specific.
   The plugin styles assume a light page; its dark text disappears on our background. */
.uap-user-page-wrapper { padding-top: 100px; } /* the site header floats over the page */
.uap-user-page-wrapper .uap-user-page-name { color: #fff !important; }
.uap-user-page-wrapper .uap-user-page-mess { color: rgba(255,255,255,.72) !important; }
.uap-user-page-wrapper .uap-stats-label { color: rgba(255,255,255,.65) !important; }
.uap-user-page-wrapper .uap-stats-content { color: #fff !important; }
.uap-user-page-wrapper .uap-ap-wrap > h3 { color: #fff !important; }
.uap-user-page-wrapper .uap-account-help-link { color: rgba(255,255,255,.72) !important; }
.uap-user-page-wrapper .uap-account-help-link a { color: #3EC6EC !important; }
.uap-user-page-wrapper .uap-ap-menu,
.uap-user-page-wrapper .uap-ap-menu-tab-item { background-color: #185F84 !important; }.uap-user-page-wrapper .uap-account-detault-message { color: rgba(255,255,255,.72) !important; }
.uap-user-page-wrapper .uap-account-detault-message a { color: #3EC6EC !important; }

/* Checkout "Detalhes da compra" closed: the head kept the 16px gap meant for the hidden form, so the title sat high. */
.spp-card-details.is-collapsed .spp-card-head{margin-bottom:0!important;}

/* Asaas card form: tighter rhythm, no indent, expiry + CVV on one row (the "Data de expiração" heading
   becomes redundant next to Mês/Ano). Floats instead of grid: the plugin toggles the wrapper's display. */
.spp-checkout .payment_box .asaas-cc-form-wrapper{margin:14px 0 0!important;padding:0!important;}
.spp-checkout .payment_box .asaas-cc-form-wrapper::after{content:"";display:block;clear:both;}
.spp-checkout .payment_box .asaas-cc-form-field{float:left!important;clear:none!important;width:100%!important;margin:0 0 14px!important;padding:0!important;}
.spp-checkout .payment_box .asaas-cc-form-field label{display:block!important;margin:0 0 6px!important;padding:0!important;font-size:13px!important;line-height:1.3!important;}
.spp-checkout .payment_box .asaas-cc-form-field input.input-text{width:100%!important;height:44px!important;margin:0!important;}
.spp-checkout .payment_box #assas-cc-expiration-label_field{display:none!important;}
.spp-checkout .payment_box #asaas-cc-expiration-month_field,
.spp-checkout .payment_box #asaas-cc-expiration-year_field,
.spp-checkout .payment_box #asaas-cc-security-code_field{width:calc((100% - 24px) / 3)!important;margin-right:12px!important;margin-bottom:0!important;}
.spp-checkout .payment_box #asaas-cc-security-code_field{margin-right:0!important;}

/* Home testimonials: the quote text (Elementor atomic paragraphs, by element id) in italics between quotes.
   Quotes come from CSS so the editor text stays clean; Russian uses guillemets. */
[data-id="62a9a05"],[data-id="6803c49"],[data-id="9ec9b1c"]{font-style:italic;}
[data-id="62a9a05"]::before,[data-id="6803c49"]::before,[data-id="9ec9b1c"]::before{content:"\201C";}
[data-id="62a9a05"]::after,[data-id="6803c49"]::after,[data-id="9ec9b1c"]::after{content:"\201D";}
html[lang^="ru"] [data-id="62a9a05"]::before,html[lang^="ru"] [data-id="6803c49"]::before,html[lang^="ru"] [data-id="9ec9b1c"]::before{content:"\00AB";}
html[lang^="ru"] [data-id="62a9a05"]::after,html[lang^="ru"] [data-id="6803c49"]::after,html[lang^="ru"] [data-id="9ec9b1c"]::after{content:"\00BB";}

/* Home testimonials: initials instead of the template's stock photo (no photo consent yet).
   Image widgets 0ae70e0 / 3699577 / addc3d9 are the same in the four languages. */
[data-id="0ae70e0"] img,[data-id="3699577"] img,[data-id="addc3d9"] img{display:none!important;}
[data-id="0ae70e0"]::before,[data-id="3699577"]::before,[data-id="addc3d9"]::before{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#3EC6EC 0%,#185F84 100%);color:#fff;font-family:"Google Sans",Inter,system-ui,sans-serif;font-size:28px;font-weight:600;letter-spacing:.5px;}
[data-id="0ae70e0"]::before{content:"FK";}
[data-id="3699577"]::before{content:"WL";}
[data-id="addc3d9"]::before{content:"R";}