/** * Quick calculator — the few Quick-specific bits on top of the shared sr* * design system (css/wizard.css). Cleaned in 0.6.0: all dead legacy blocks * removed (.quickCalcStyle, .inputWithPrefix/.rupeePrefix, .srQuickWizard, * .location-error, .downloadImage, .imageWrapper, p#message, div#calculate, * the unscoped table reset, and the legacy gradient #resultsTable skin) — * every one had zero matches in current markup/JS, or was fully overridden. * * @package Sr_shc */ /* Theme-content helper on the Quick page (outside the calculator) — kept deliberately; removing it would restyle the page hero, not the plugin. */ .uppperHeadingContent .contentImageWrapper { padding-bottom: 0px; } .QuickCalc .row { flex-flow: wrap !important; } /* ===== Shipment value field ===== */ .shipmentValueWrapper { gap: 4px !important; } /* Base look for the field message; .srErr (also on the element) pins the final colour/size to the design tokens in wizard.css. */ .error-msg { color: var(--err, #d1373c); font-size: 13px; display: block; margin-top: 4px; } /* Same empty-collapse as .srErr in wizard.css: no message, no space. */ .error-msg:empty { display: none !important; margin: 0 !important; } /* ===== Loader (inline, inside the result card) ===== */ #loader { display: none; padding: 20px 24px; text-align: center; } /* ===== Google Places autocomplete (Pickup/Delivery location search) ===== .pac-container is appended by Google's OWN script directly to , outside any .srCalc/.srCard/.srInlineResult subtree — so the design tokens declared there (css/wizard.css --brand etc.) don't cascade down to it; the values below are literal hex, hand-matched to those tokens (brand #6f57e9, brand-soft #f5f3fe, field-line #e9e7f4, ink-2 #3a3d5c, radius 12px/8px, shadow 0 12px 32px rgba(11,7,87,.06)) rather than a technical requirement of this one selector. Mirrors .srComboList/ .srComboOption (wizard.css) — the same searchable-dropdown look used for the country combobox — for one consistent "a list opens here" pattern across the plugin. Google still controls position/width/z-index via its own inline styles; only the visual chrome is restyled. The "powered by Google" attribution is required by Google's terms and is left untouched. */ .pac-container { font-family: inherit !important; border: 1px solid #e9e7f4 !important; border-radius: 12px !important; box-shadow: 0 12px 32px rgba(11, 7, 87, 0.06) !important; margin-top: 6px !important; padding: 6px !important; background: #fff !important; } .pac-item { border-top: 0 !important; border-radius: 8px !important; padding: 10px 12px !important; font-size: 15px !important; line-height: 1.3 !important; color: #3a3d5c !important; cursor: pointer; } .pac-item:hover, .pac-item-selected { background: #f5f3fe !important; } .pac-item:hover, .pac-item:hover .pac-item-query, .pac-item:hover span, .pac-item-selected, .pac-item-selected .pac-item-query, .pac-item-selected span { color: #6f57e9 !important; } /* No icon in .srComboList's own dropdown either — dropped here to match. */ .pac-icon { display: none !important; } .pac-item-query { font-size: 15px !important; } .pac-item-query .pac-matched { font-weight: 700; } /* ===== Result card adaptations (single-page sr* system) ===== */ .QuickCalc .error-msg { position: static; display: block; } /* Quick results now render as .srResultCard cards (css/wizard.css) instead of a — display:block here just lets #resultsTable participate in normal flow; the card list's own layout (.srResultList) does the rest. */ .srQuickResult #resultsTable { display: block; width: 100%; }