/* Tiger Core — base utilities reused by multiple widgets. Loaded once. */ /* Split-text base — animations live in widget CSS, but display rules need to be present immediately to avoid flash-of-broken-layout. */ .tiger-elements .t-char, .tiger-elements .t-word { display: inline-block; will-change: transform, opacity; } .tiger-elements .t-line { display: block; overflow: hidden; } /* Respect user motion preferences globally. Widgets opt out individually only if the animation is essential (rare). */ @media (prefers-reduced-motion: reduce) { .tiger-elements [data-tiger-motion] { transition: none !important; animation: none !important; } } /* Tiger Product Up-Sells — CSS-grid base so the --tg-ups-cols custom property (set per-breakpoint by the widget) drives a responsive column count, independent of the active theme's float/grid WooCommerce loop styles. */ .tg-upsells ul.products { display: grid; grid-template-columns: repeat(var(--tg-ups-cols, 4), minmax(0, 1fr)); column-gap: 24px; row-gap: 24px; margin: 0; padding: 0; list-style: none; } .tg-upsells ul.products::before, .tg-upsells ul.products::after { content: none; display: none; } .tg-upsells ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; clear: none !important; } .tg-upsells ul.products li.product img { width: 100%; height: auto; display: block; } /* Tiger Product Rating — self-contained unicode-star renderer that does NOT depend on WooCommerce's "star" webfont/CSS being enqueued (it often isn't on a custom Tiger template). The filled layer is clipped to the rating width. */ .tg-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; } .tg-rating .tg-stars { position: relative; display: inline-block; line-height: 1; white-space: nowrap; font-size: 1.15em; } .tg-rating .tg-stars-empty { color: #d9d9d9; } .tg-rating .tg-stars-fill { position: absolute; top: 0; left: 0; width: 0; overflow: hidden; color: #f5a623; white-space: nowrap; } .tg-rating .tg-stars-empty::before, .tg-rating .tg-stars-fill::before { content: "\2605\2605\2605\2605\2605"; } /* ★★★★★ */ /* Screen-reader-only detail text (never visually shown). */ .tg-rating .tg-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Tiger Breadcrumbs — self-contained flex trail; never depends on theme CSS. Links/current/separator align on a shared baseline; icons inherit em sizing. */ .tg-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .tg-bc a, .tg-bc .tg-bc-current { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; transition: color .2s ease, background-color .2s ease; } .tg-bc .tg-bc-sep { display: inline-flex; align-items: center; opacity: .7; } .tg-bc .tg-bc-sep svg, .tg-bc-home-icon, .tg-bc-home-icon svg { width: 1em; height: 1em; fill: currentColor; } /* Tiger Author Box — self-contained flex layout (replaces former inline styles). */ .tg-author { display: flex; gap: 16px; align-items: flex-start; } .tg-author-content { min-width: 0; } .tg-author-avatar img { display: block; } .tg-author-name { font-weight: 600; margin: 0; } .tg-author-name a { text-decoration: none; } .tg-author-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px; } .tg-author-meta a { text-decoration: none; transition: color .2s ease; } .tg-author-social { display: inline-flex; align-items: center; gap: 10px; } .tg-author-social a { display: inline-flex; line-height: 1; } .tg-author-social svg { width: 1em; height: 1em; fill: currentColor; } .tg-author .tg-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Tiger Post Navigation — self-contained prev/next flex layout (replaces former inline styles). Prev hugs the left, next hugs the right; arrows sit outermost. */ .tg-nav { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; } .tg-nav-prev, .tg-nav-next { display: flex; flex: 1 1 0; min-width: 0; } .tg-nav-next { justify-content: flex-end; } .tg-nav-next .tg-nav-text { text-align: right; } .tg-nav a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0; max-width: 100%; } .tg-nav-text { display: flex; flex-direction: column; min-width: 0; } .tg-nav-label { display: block; } .tg-nav-title { display: block; overflow: hidden; text-overflow: ellipsis; } .tg-nav-arrow { display: inline-flex; align-items: center; line-height: 1; flex: none; } .tg-nav-arrow svg { width: 1em; height: 1em; fill: currentColor; } .tg-nav-thumb { flex: none; line-height: 0; } .tg-nav-thumb img { display: block; width: 64px; height: 64px; object-fit: cover; } /* Tiger Post Comments — self-contained layout for the native comment list + form, so the widget never depends on the active theme's comment CSS. */ .tg-comments-title { margin: 0 0 20px; } .tg-comments .tg-comment-list, .tg-comments .commentlist { list-style: none; margin: 0 0 28px; padding: 0; } .tg-comments .children { list-style: none; margin: 14px 0 0; padding-left: 32px; } .tg-comments li.comment { margin-bottom: 16px; } .tg-comments .comment-body { padding: 18px; } .tg-comments .comment-author.vcard { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; } .tg-comments .comment-author .avatar { width: 48px; height: 48px; border-radius: 50%; display: block; flex: none; } .tg-comments .comment-author .fn { font-weight: 600; font-style: normal; } .tg-comments .comment-author .says { opacity: .7; font-size: .85em; } .tg-comments .comment-meta { font-size: .85em; opacity: .8; margin-bottom: 8px; } .tg-comments .comment-meta a { text-decoration: none; } .tg-comments .comment-content { margin: 0; } .tg-comments .comment-content p { margin: 0 0 10px; } .tg-comments .reply { margin-top: 10px; } .tg-comments .reply a, .tg-comments .comment-reply-link { text-decoration: none; transition: color .2s ease, background-color .2s ease; } .tg-comments .comment-respond { margin-top: 8px; } .tg-comments .comment-reply-title { margin: 0 0 16px; } .tg-comments .comment-form { display: flex; flex-direction: column; gap: 14px; } .tg-comments .comment-form p { margin: 0; } .tg-comments .comment-form label { display: block; margin-bottom: 6px; } .tg-comments .comment-form input[type="text"], .tg-comments .comment-form input[type="email"], .tg-comments .comment-form input[type="url"], .tg-comments .comment-form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 6px; background: #fff; font: inherit; transition: border-color .2s ease, background-color .2s ease; } .tg-comments .comment-form textarea { resize: vertical; min-height: 120px; } .tg-comments .form-submit input, .tg-comments #submit { cursor: pointer; padding: 11px 22px; border: 0; border-radius: 6px; background: #1769ff; color: #fff; font: inherit; transition: background-color .2s ease, transform .2s ease; } /* Tiger Post Content — base layout for the formatted body so the widget renders sensibly without theme content CSS (full styling comes from the panel controls). */ .tg-dyn-ct-text > :last-child { margin-bottom: 0; } .tg-dyn-ct-text img { max-width: 100%; height: auto; } .tg-dyn-ct-text figure { margin: 0 0 1em; } .tg-dyn-ct-text figcaption, .tg-dyn-ct-text .wp-caption-text { font-size: .85em; opacity: .8; margin-top: 6px; } .tg-dyn-ct-text blockquote { margin: 0 0 1em; padding: 12px 18px; border-inline-start: 4px solid currentColor; } .tg-has-dropcap .tg-dyn-ct-text > p:first-of-type::first-letter { float: left; font-size: 3.2em; line-height: .8; font-weight: 700; margin-right: 8px; margin-top: 4px; } /* Tiger Repeater — layout for CPT Builder repeater/group rows (moved out of the former inline