/* Theme Name: Hello Elementor Child Template: hello-elementor Version: 1.0.0 */ /* ========================= CART — typography & stepper ========================= */ /* Base font on the cart page */ body.woocommerce-cart .woocommerce{ font-size:16px !important; } @media (min-width:1200px){ body.woocommerce-cart .woocommerce{ font-size:18px !important; } } /* Product title size */ body.woocommerce-cart .shop_table .product-name, body.woocommerce-cart .shop_table .product-name a{ font-size:20px !important; font-weight:800 !important; color: var(--text) !important; text-decoration:none !important; } /* Cells / headers size and paddings */ body.woocommerce-cart table.shop_table th, body.woocommerce-cart table.shop_table td{ font-size:15px !important; padding:16px 18px !important; vertical-align:middle !important; } body.woocommerce-cart table.shop_table thead th{ color:var(--muted) !important; font-weight:700 !important; letter-spacing:.2px; } /* Prices */ body.woocommerce-cart .product-price, body.woocommerce-cart .product-subtotal, body.woocommerce-cart .order-total td, body.woocommerce-cart .cart_totals .amount{ color:var(--text) !important; font-weight:700 !important; } /* Totals */ body.woocommerce-cart .cart_totals h2{ font-size:22px !important; font-weight:800 !important; } body.woocommerce-cart .cart_totals .order-total .amount{ font-size:22px !important; } /* Quantity stepper */ body.woocommerce-cart .quantity{ display:flex !important; align-items:center !important; border-radius:12px !important; overflow:hidden !important; background:#0f1320 !important; border:1px solid rgba(245,213,71,.35) !important; } body.woocommerce-cart .quantity .minus, body.woocommerce-cart .quantity .plus{ width:44px !important; height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#12172a !important; color:#E9EDF4 !important; font-weight:800 !important; font-size:20px !important; border:0 !important; cursor:pointer !important; } body.woocommerce-cart .quantity .qty{ width:96px !important; height:44px !important; background:transparent !important; color:var(--text) !important; border:0 !important; text-align:center !important; font:inherit !important; font-weight:700 !important; } body.woocommerce-cart .quantity .qty::-webkit-outer-spin-button, body.woocommerce-cart .quantity .qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; } /* Remove item */ body.woocommerce-cart a.remove{ display:inline-flex !important; align-items:center !important; padding:8px 12px !important; border-radius:10px !important; background:transparent !important; color:#ffd7d7 !important; border:1px solid rgba(255,215,215,.25) !important; font-size:13px !important; } body.woocommerce-cart a.remove:hover{ color:#fff !important; border-color:rgba(245,213,71,.45) !important; box-shadow:0 0 0 2px rgba(245,213,71,.12) inset !important; } /* ===== CART (BLOCKS) ===== */ .wc-block-cart .wc-block-components-product-price__value, .wc-block-cart .wc-block-components-totals-item__value, .wc-block-cart .wc-block-components-formatted-money-amount, .wc-block-cart .woocommerce-Price-amount { color: var(--text) !important; } .wc-block-cart .wc-block-components-quantity-selector{ display:inline-flex !important; align-items:center !important; border-radius:12px !important; background:#0f1320 !important; border:1px solid rgba(245,213,71,.35) !important; } .wc-block-cart .wc-block-components-quantity-selector__button{ width:44px !important; height:44px !important; background:#12172a !important; color:var(--text) !important; font-weight:800 !important; font-size:20px !important; border:0 !important; } .wc-block-cart .wc-block-components-quantity-selector__input{ width:96px !important; height:44px !important; text-align:center !important; background:transparent !important; color:var(--text) !important; font-weight:700 !important; border:0 !important; } .wc-block-cart .wc-block-cart-item__remove-link{ display:block !important; margin:8px 0 0 !important; padding:8px 12px !important; border-radius:10px !important; background:transparent !important; color:#ffd7d7 !important; border:1px solid rgba(255,215,215,.25) !important; font-size:13px !important; } .wc-block-cart a{ color:var(--text) !important; text-decoration:none !important; } .wc-block-cart a:hover{ color:var(--brand2) !important; } /* ========================= CHECKOUT — padding + premium box ========================= */ body.woocommerce-checkout .woocommerce { padding-left: 20px !important; padding-right: 20px !important; box-sizing: border-box; max-width: 1200px; margin: 0 auto; } /* Premium box style for order review */ .woocommerce table.shop_table { background:#0f1320 !important; border-radius:16px !important; padding:20px !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow:0 8px 20px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05) !important; } /* Remove globe icon */ .woocommerce ul.wc-item-meta li::before, .woocommerce dl.variation dd::before { content:none !important; } /* Labels (Platform, Video link, Audience, etc.) */ .woocommerce ul.wc-item-meta li strong, .woocommerce dl.variation dt { color:#ffffff !important; font-weight:600 !important; font-size:16px !important; margin-right:4px; } /* Values (TikTok, USA, 1,000 etc.) */ .woocommerce ul.wc-item-meta li, .woocommerce dl.variation dd { color:#F3D240 !important; font-size:16px !important; font-weight:500 !important; line-height:1.6 !important; } /* Links (video/channel links) */ .woocommerce ul.wc-item-meta li a, .woocommerce dl.variation dd a { color:#3fa9f5 !important; text-decoration:underline !important; font-weight:500 !important; } /* Increase spacing between meta rows */ .woocommerce ul.wc-item-meta li, .woocommerce dl.variation dd, .woocommerce dl.variation dt { margin-bottom:6px !important; } /* Product box font */ .woocommerce .shop_table td { font-size:16px !important; padding:16px 20px !important; } /* 🔧 Checkout form input colors */ .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout input[type="number"], .woocommerce-checkout select { color: #ffffff !important; /* White text */ background-color: #111111 !important; /* Dark background */ border: 1px solid #444 !important; /* Subtle border */ padding: 10px; border-radius: 6px; } /* Placeholder text color */ .woocommerce-checkout input::placeholder, .woocommerce-checkout select::placeholder { color: #aaaaaa !important; /* Light grey placeholder */ } /* Payment methods container styling */ .woocommerce-checkout .wc_payment_methods li { background:#111; border:1px solid #333; border-radius:10px; padding:14px 16px; margin-bottom:12px; } /* Title/label color for payment methods */ .woocommerce-checkout .wc_payment_methods li > label, .woocommerce-checkout .wc_payment_methods .payment_box, .woocommerce-checkout .wc_payment_methods .payment_box p { color:#fff !important; } /* Make the method title + icon align nicely */ .woocommerce-checkout .wc_payment_methods li > label { display:flex; align-items:center; gap:10px; font-weight:600; } /* Optional: style the collapsing payment content */ .woocommerce-checkout .wc_payment_methods .payment_box { background:#0e0e0e; border:1px solid #2a2a2a; border-radius:8px; margin-top:10px; padding:12px; } /* ===== Payment methods as big selectable cards ===== */ .woocommerce-checkout .wc_payment_methods li { list-style: none; margin: 12px 0; background: transparent; border: none; position: relative; } /* hide the native radio dot */ .woocommerce-checkout .wc_payment_methods li input.input-radio{ position:absolute; opacity:0; pointer-events:none; } /* label becomes the clickable card */ .woocommerce-checkout .wc_payment_methods li > label{ display:flex; align-items:center; gap:12px; width:100%; padding:16px 18px; border:1.5px solid #2a2a2a; border-radius:12px; background:#0f0f0f; /* dark card */ color:#fff; /* white text */ font-weight:700; cursor:pointer; position:relative; } /* custom radio circle on the left */ .woocommerce-checkout .wc_payment_methods li > label::after{ content:""; width:18px; height:18px; border:2px solid #777; border-radius:50%; flex:0 0 18px; } /* highlight selected card + fill the dot */ .woocommerce-checkout .wc_payment_methods li input:checked + label{ border-color:#f7c948; /* gold edge */ box-shadow:0 0 0 2px rgba(247,201,72,.25); } .woocommerce-checkout .wc_payment_methods li input:checked + label::after{ background:#f7c948; border-color:#f7c948; } /* darker panel for the content that opens under a method */ .woocommerce-checkout .wc_payment_methods .payment_box{ background:#0e0e0e; border:1px solid #2a2a2a; border-radius:10px; padding:12px; color:#ddd; } /* ===== Small logos next to titles (no uploads; simple SVGs) ===== */ /* PayPal logo */ .woocommerce-checkout .payment_method_ppcp-gateway > label span.ppcp-logo, .woocommerce-checkout .payment_method_ppcp-credit-card-gateway > label span.card-logo{ display:inline-block; width:26px; height:18px; } /* inject icons via :before so you don't edit HTML */ .woocommerce-checkout .payment_method_ppcp-gateway > label::before{ content:""; width:26px; height:18px; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 40"><rect width="64" height="40" rx="4" fill="none"/><path d="M23 29h8c8 0 14-6 14-13 0-6-5-10-12-10h-9a3 3 0 0 0-3 2l-4 23a3 3 0 0 0 3 3z" fill="%23004287"/><path d="M28 29h6c6 0 12-5 12-11 0-5-4-8-9-8h-7a3 3 0 0 0-3 2l-3 17a3 3 0 0 0 3 3z" fill="%23009cde"/></svg>'); background-size:contain; background-repeat:no-repeat; margin-right:6px; } /* Card stack icon */ .woocommerce-checkout .payment_method_ppcp-credit-card-gateway > label::before{ content:""; width:32px; height:20px; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 40"><rect x="4" y="8" width="56" height="28" rx="4" fill="none" stroke="%23bbb" stroke-width="2"/><rect x="4" y="14" width="56" height="6" fill="%23bbb" opacity=".4"/><rect x="10" y="26" width="18" height="6" fill="%23bbb"/></svg>'); background-size:contain; background-repeat:no-repeat; margin-right:6px; } /* tidy spacing between the two method rows */ .woocommerce-checkout .wc_payment_methods li + li { margin-top:14px; }




/* Use the plugin's PayPal icon only (hide our injected svg) */
.woocommerce-checkout .payment_method_ppcp-gateway > label::before{
  content: none !important;
  display: none !important;
}

/* Keep the custom card icon for the card gateway */
.woocommerce-checkout .payment_method_ppcp-credit-card-gateway > label::before{
  display:inline-block; /* keep */
}

/* Slightly reduce spacing now that the extra logo is gone */
.woocommerce-checkout .wc_payment_methods li > label{
  gap:8px;
}