/* ========================================================================== DuJav Premium Redesign — dark, minimal, luxurious Layer: loaded AFTER eroz-public.css + style.css. Specificity: every rule is prefixed with .dujav-redesign (body class) so it beats the Customizer inline colors printed later in . Does NOT touch: grid widths, aspect-ratio guards, player iframe rules, ad slot sizing (.Dvr*), lazy-load classes. ========================================================================== */ .dujav-redesign { --dz-bg: #08090d; --dz-surface: #0f1218; --dz-surface-2: #151a23; --dz-surface-3: #1b212d; --dz-line: rgba(255, 255, 255, .07); --dz-line-strong: rgba(255, 255, 255, .14); --dz-text: #eef1f6; --dz-text-2: #98a2b3; --dz-text-3: #6b7486; --dz-accent: #10b8d4; --dz-accent-strong: #2ee0f5; --dz-accent-ink: #04141a; --dz-danger: #f0566a; --dz-radius: 12px; --dz-radius-lg: 16px; --dz-shadow: 0 10px 30px rgba(0, 0, 0, .45); --dz-shadow-soft: 0 4px 14px rgba(0, 0, 0, .3); --dz-grad: linear-gradient(135deg, #0899b8, #25d5ec); --dz-font: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans Thai', 'Sukhumvit Set', 'IBM Plex Sans Thai', 'Helvetica Neue', Arial, sans-serif; } /* -------------------------------------------------------------------------- 1. BASE -------------------------------------------------------------------------- */ .dujav-redesign { background: radial-gradient(1200px 500px at 85% -100px, rgba(14, 178, 210, .06), transparent 60%), radial-gradient(900px 420px at -10% 0, rgba(255, 255, 255, .025), transparent 55%), var(--dz-bg); color: var(--dz-text-2); font-family: var(--dz-font); font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; } .dujav-redesign ::selection { background: rgba(16, 184, 212, .35); color: #fff; } .dujav-redesign ::-webkit-scrollbar { width: 10px; height: 10px; } .dujav-redesign ::-webkit-scrollbar-track { background: var(--dz-bg); } .dujav-redesign ::-webkit-scrollbar-thumb { background: #232a37; border-radius: 8px; border: 2px solid var(--dz-bg); } .dujav-redesign ::-webkit-scrollbar-thumb:hover { background: #2f3849; } .dujav-redesign a { color: var(--dz-text); text-decoration: none; transition: color .18s ease; } .dujav-redesign a:hover { color: var(--dz-accent-strong); } .dujav-redesign :focus-visible { outline: 2px solid var(--dz-accent); outline-offset: 2px; border-radius: 4px; } .dujav-redesign .skip-link { position: absolute; left: -9999px; top: 0; z-index: 9999; background: var(--dz-accent); color: var(--dz-accent-ink); padding: .6rem 1rem; border-radius: 0 0 10px 0; font-weight: 700; } .dujav-redesign .skip-link:focus { left: 0; } /* -------------------------------------------------------------------------- 2. HEADER -------------------------------------------------------------------------- */ .dujav-redesign .Header .Mid { background: rgba(10, 12, 17, .8); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--dz-line); padding: .85rem 0; } .dujav-redesign .Logo { display: flex; align-items: center; margin: 0; } .dujav-redesign .Logo img { display: block; } /* Search — floating pill */ .dujav-redesign .Form-Search input { background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); border-radius: 999px; color: var(--dz-text); font-family: var(--dz-font); font-size: .95rem; padding: .62rem 2.9rem .62rem 1.15rem; height: auto; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; -webkit-appearance: none; } .dujav-redesign .Form-Search input::placeholder { color: var(--dz-text-3); } .dujav-redesign .Form-Search input:focus { outline: none; border-color: var(--dz-accent); box-shadow: 0 0 0 3px rgba(16, 184, 212, .18); background: var(--dz-surface-3); } .dujav-redesign .Form-Search button { color: var(--dz-text-3); transition: color .2s ease; } .dujav-redesign .Form-Search button:hover { color: var(--dz-accent-strong); } /* Main nav */ .dujav-redesign .Header .Bot { background: #0b0d12; border-bottom: 1px solid var(--dz-line); } .dujav-redesign .Header .Bot .menu { justify-content: center; } .dujav-redesign .Header .Bot .menu > li > a { color: var(--dz-text-2); font-size: .9rem; font-weight: 600; letter-spacing: .02em; padding: .8rem 1.1rem; position: relative; transition: color .18s ease; } .dujav-redesign .Header .Bot .menu > li > a::after { content: ''; position: absolute; left: 1.1rem; right: 1.1rem; bottom: .45rem; height: 2px; border-radius: 2px; background: var(--dz-grad); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; } .dujav-redesign .Header .Bot .menu > li > a:hover { color: #fff; } .dujav-redesign .Header .Bot .menu > li > a:hover::after, .dujav-redesign .Header .Bot .menu > li.current-menu-item > a::after { transform: scaleX(1); } .dujav-redesign .Header .Bot .menu > li.current-menu-item > a { color: #fff; } /* Dropdowns */ .dujav-redesign .Header .Bot .menu li ul { background: var(--dz-surface-2); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); box-shadow: var(--dz-shadow); overflow: hidden; padding: .35rem 0; } .dujav-redesign .Header .Bot .menu li ul a { color: var(--dz-text-2); padding: .5rem 1.1rem; font-size: .875rem; } .dujav-redesign .Header .Bot .menu li ul a:hover { color: #fff; background: var(--dz-surface-3); } /* -------------------------------------------------------------------------- 3. BUTTONS & TABS -------------------------------------------------------------------------- */ .dujav-redesign .Button, .dujav-redesign button, .dujav-redesign input[type='button'], .dujav-redesign input[type='submit'] { background: var(--dz-grad); color: var(--dz-accent-ink); border: 0; border-radius: 999px; font-family: var(--dz-font); font-weight: 700; font-size: .875rem; letter-spacing: .02em; min-height: 42px; padding: .55rem 1.4rem; cursor: pointer; transition: filter .18s ease, transform .06s ease, box-shadow .18s ease; box-shadow: 0 4px 14px rgba(14, 178, 210, .22); } .dujav-redesign .Button:hover, .dujav-redesign button:hover { filter: brightness(1.08); box-shadow: 0 6px 20px rgba(14, 178, 210, .32); } .dujav-redesign .Button:active { transform: translateY(1px); } /* Ghost / secondary variant */ .dujav-redesign .Button.B { background: var(--dz-surface-2); color: var(--dz-text-2); border: 1px solid var(--dz-line-strong); box-shadow: none; } .dujav-redesign .Button.B:hover { color: #fff; border-color: var(--dz-accent); box-shadow: none; } .dujav-redesign .Button.B.on { background: var(--dz-grad); color: var(--dz-accent-ink); border-color: transparent; } /* Server tabs (single page) */ .dujav-redesign ul.aa-tbs { gap: .5rem; } .dujav-redesign ul.aa-tbs li { margin: 0 0 0 .5rem; } .dujav-redesign ul.aa-tbs .Button.B { min-height: 38px; } /* -------------------------------------------------------------------------- 4. SECTION HEADERS -------------------------------------------------------------------------- */ .dujav-redesign .page-top { margin: 0 0 1rem !important; } .dujav-redesign .page-header, .dujav-redesign h2.page-header, .dujav-redesign .precook .page-header, .dujav-redesign .site-title, .dujav-redesign .widget-title, .dujav-redesign .MoreInfo h2.section-heading { color: var(--dz-text) !important; font-size: 1.15rem; font-weight: 700; letter-spacing: .01em; margin: 0 0 1.1rem; padding: 0 0 .65rem; border-bottom: 1px solid var(--dz-line); position: relative; } .dujav-redesign .site-title { font-size: 1.5rem; border-bottom: 0; padding: 0 0 .2rem; margin: 1.4rem 0 .4rem; color: var(--dz-text) !important; } .dujav-redesign h1.site-title { color: var(--dz-text) !important; } .dujav-redesign .page-header::before, .dujav-redesign .widget-title::before, .dujav-redesign .MoreInfo h2.section-heading::before { content: ''; display: inline-block; width: 4px; height: 1.05em; border-radius: 3px; background: var(--dz-grad); margin: -0.12em .6rem 0 0; vertical-align: middle; } /* -------------------------------------------------------------------------- 5. VIDEO CARDS — deterministic layout Legacy relies on a padding-top spacer + category-only absolute titles. We normalize: spacer killed, title overlays image bottom on a permanent gradient, duration badge top-right, centered play affordance on hover. -------------------------------------------------------------------------- */ .dujav-redesign .Eroz-Thumbs .loop-post { padding: 0 .5rem; margin-bottom: 1.05rem; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-header { position: relative; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-header::before { content: none !important; display: none !important; padding: 0 !important; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-header > a { display: block; border-radius: var(--dz-radius); } .dujav-redesign .Eroz-Thumbs .loop-post .post-thumbnail { position: relative; display: block; border-radius: var(--dz-radius); overflow: hidden; background: var(--dz-surface-2); box-shadow: 0 0 0 1px var(--dz-line); transition: box-shadow .25s ease, transform .25s ease; } .dujav-redesign .Eroz-Thumbs .loop-post:hover .post-thumbnail { box-shadow: 0 0 0 1px rgba(16, 184, 212, .55), 0 12px 28px rgba(0, 0, 0, .5); transform: translateY(-3px); } .dujav-redesign .Eroz-Thumbs .loop-post .post-thumbnail img { transition: transform .35s ease; } .dujav-redesign .Eroz-Thumbs .loop-post:hover .post-thumbnail img { transform: scale(1.05); } /* Permanent bottom gradient for title legibility (replaces legacy spacer/gradient mix) */ .dujav-redesign .Eroz-Thumbs .loop-post .post-thumbnail::after { content: ''; display: block; position: absolute; inset: 0; padding: 0 !important; border-radius: inherit; background: linear-gradient(to top, rgba(3, 4, 7, .82) 0%, rgba(3, 4, 7, .25) 34%, transparent 62%); z-index: 2; pointer-events: none; opacity: 1; } /* Title — overlaid on image bottom */ .dujav-redesign .Eroz-Thumbs .loop-post .entry-title { position: absolute; left: .8rem; right: .8rem; bottom: .7rem; z-index: 3; margin: 0; padding: 0; font-size: .88rem; font-weight: 600; line-height: 1.35; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .85); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .18s ease; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-title a { color: inherit; } .dujav-redesign .Eroz-Thumbs .loop-post:hover .entry-title { color: var(--dz-accent-strong); } /* Duration badge — top-right of thumbnail */ .dujav-redesign .Eroz-Thumbs .loop-post .entry-meta { position: absolute; top: .6rem; right: .6rem; left: auto; bottom: auto; z-index: 4; margin: 0; line-height: 1; pointer-events: none; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-meta .Time { background: rgba(5, 7, 10, .78); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: #fff; border: 1px solid rgba(255, 255, 255, .14); border-radius: 999px; font-size: .7rem; font-weight: 700; letter-spacing: .04em; padding: .22rem .62rem; line-height: 1.35; margin: 0; } .dujav-redesign .Eroz-Thumbs .loop-post .entry-meta .Time::before { opacity: .8; margin-right: .32rem; font-size: .68rem; } /* Play affordance — centered, appears on hover (reuses legacy FA glyph hook) */ .dujav-redesign .Eroz-Thumbs .loop-post .post-thumbnail::before { left: 50% !important; right: auto !important; bottom: 50% !important; top: auto; width: 3.4rem !important; height: 3.4rem; margin: -1.7rem 0 0 -1.7rem; border-radius: 999px; background: rgba(8, 10, 15, .55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .22); font-size: 1.7rem; line-height: 3.4rem; text-align: center; color: #fff; z-index: 3; opacity: 0; transform: scale(.8); transition: opacity .22s ease, transform .22s ease; } .dujav-redesign .Eroz-Thumbs .loop-post:hover .post-thumbnail::before { opacity: 1; transform: scale(1); right: auto; } /* -------------------------------------------------------------------------- 6. PAGINATION -------------------------------------------------------------------------- */ .dujav-redesign .numeration { margin: 1.6rem 0 .4rem; } .dujav-redesign .navigation.pagination { justify-content: center; } .dujav-redesign .nav-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .45rem; } .dujav-redesign .nav-links a, .dujav-redesign .nav-links .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; padding: .3rem .85rem; border-radius: 999px; background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); color: var(--dz-text-2); font-size: .9rem; font-weight: 700; transition: all .18s ease; } .dujav-redesign .nav-links a:hover { color: #fff; border-color: var(--dz-accent); background: var(--dz-surface-3); transform: translateY(-1px); } .dujav-redesign .nav-links .page-link.current, .dujav-redesign .nav-links .current { background: var(--dz-grad); color: var(--dz-accent-ink); border-color: transparent; box-shadow: 0 4px 14px rgba(14, 178, 210, .28); } .dujav-redesign .nav-links .extend { color: var(--dz-text-3); padding: 0 .2rem; font-weight: 700; } .dujav-redesign .nav-links > a:not(.page-link) { padding: .3rem 1.1rem; } /* Jump-to-page already has its own component — align palette */ .dujav-redesign .ozav-jp label { color: var(--dz-text-2); } .dujav-redesign .ozav-jp input[type=number] { background: var(--dz-surface-2); color: var(--dz-text); border: 1px solid var(--dz-line-strong); } /* -------------------------------------------------------------------------- 7. SINGLE PAGE -------------------------------------------------------------------------- */ .dujav-redesign .Player { border-radius: var(--dz-radius-lg); overflow: hidden; box-shadow: 0 0 0 1px var(--dz-line-strong), var(--dz-shadow); background: #000; } .dujav-redesign article.single-post-content { background: transparent; } .dujav-redesign .single-post-content .entry-header h1.title, .dujav-redesign h1.title { color: var(--dz-text); font-size: clamp(1.25rem, 2.6vw, 1.7rem); font-weight: 700; line-height: 1.35; margin: 0 0 .8rem; } /* Details panel */ .dujav-redesign .MoreInfo.post { background: var(--dz-surface); border: 1px solid var(--dz-line); border-radius: var(--dz-radius-lg); box-shadow: var(--dz-shadow-soft); padding: 1.4rem 1.5rem; margin-top: 1.6rem; } .dujav-redesign .MoreInfo h3.title { color: var(--dz-text); font-size: .95rem; font-weight: 700; letter-spacing: .02em; margin: 1.25rem 0 .5rem; } .dujav-redesign .MoreInfo h3.title::before { opacity: .85; color: var(--dz-accent); margin-right: .45rem; } /* Tag / category / actor chips */ .dujav-redesign .EzLinks { font-size: 0; } .dujav-redesign .EzLinks a { display: inline-block; background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); color: var(--dz-text-2); border-radius: 999px; font-size: .82rem; font-weight: 600; padding: .3rem .85rem; margin: .22rem .28rem .22rem 0; transition: all .18s ease; } .dujav-redesign .EzLinks a:hover { color: var(--dz-accent-strong); border-color: var(--dz-accent); background: var(--dz-surface-3); transform: translateY(-1px); } .dujav-redesign .movie-code { background: rgba(16, 184, 212, .12); border: 1px solid rgba(16, 184, 212, .35); color: var(--dz-accent-strong); font-weight: 700; letter-spacing: .05em; border-radius: 8px; padding: .18rem .6rem; margin-right: .4rem; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } /* Read-more disclosure */ .dujav-redesign .ozav-readmore-toggle { color: var(--dz-accent); font-weight: 700; cursor: pointer; display: inline-block; padding: .2rem 0; } .dujav-redesign .ozav-readmore-toggle:hover { color: var(--dz-accent-strong); } .dujav-redesign .post-content.entry-content { color: var(--dz-text-2); font-size: .95rem; } /* Related section */ .dujav-redesign .related-posts-section .page-header { margin-top: 1.6rem; } /* Report box */ .dujav-redesign #EzReport { background: var(--dz-surface); border: 1px solid var(--dz-line); border-radius: var(--dz-radius); padding: 1.1rem 1.25rem; } .dujav-redesign #EzReport textarea, .dujav-redesign textarea, .dujav-redesign select { background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); border-radius: 10px; color: var(--dz-text); } .dujav-redesign .ReportOp label { color: var(--dz-text-2); } /* -------------------------------------------------------------------------- 8. FORMS (global) -------------------------------------------------------------------------- */ .dujav-redesign input, .dujav-redesign .Form-Icon input, .dujav-redesign .Form-Select label { background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); border-radius: 10px; color: var(--dz-text); } .dujav-redesign .Form-Select>span { background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); } /* -------------------------------------------------------------------------- 9. SIDEBAR -------------------------------------------------------------------------- */ .dujav-redesign aside .widget, .dujav-redesign .SdbN .widget { background: var(--dz-surface); border: 1px solid var(--dz-line); border-radius: var(--dz-radius-lg); padding: 1.15rem 1.25rem 1.35rem; margin-bottom: 1.25rem; box-shadow: var(--dz-shadow-soft); } .dujav-redesign .widget ul { list-style: none; margin: 0; padding: 0; } .dujav-redesign .widget ul li { border-bottom: 1px solid var(--dz-line); } .dujav-redesign .widget ul li:last-child { border-bottom: 0; } .dujav-redesign .widget ul li a { display: block; color: var(--dz-text-2); font-size: .9rem; padding: .55rem .15rem; } .dujav-redesign .widget ul li a:hover { color: var(--dz-accent-strong); } .dujav-redesign .tagcloud { margin-top: .4rem; } .dujav-redesign .tagcloud a { background: var(--dz-surface-2); border: 1px solid var(--dz-line-strong); color: var(--dz-text-2); border-radius: 999px; font-size: .78rem !important; padding: .25rem .75rem; margin: .2rem .2rem 0 0; transition: all .18s ease; } .dujav-redesign .tagcloud a:hover { color: var(--dz-accent-strong); border-color: var(--dz-accent); } /* -------------------------------------------------------------------------- 10. ARCHIVE / SEARCH HEADERS -------------------------------------------------------------------------- */ .dujav-redesign .Breadcrumb { color: var(--dz-text-3); font-size: .85rem; } .dujav-redesign .Breadcrumb span { color: var(--dz-accent); } .dujav-redesign .Breadcrumb a { color: var(--dz-text-3); } .dujav-redesign .Breadcrumb a:hover { color: var(--dz-accent-strong); } .dujav-redesign .term-description, .dujav-redesign .archive-description { color: var(--dz-text-2); font-size: .92rem; margin: .3rem 0 1.2rem; } /* -------------------------------------------------------------------------- 11. ADS CONTAINERS (spacing only — never box/clip ad creatives) -------------------------------------------------------------------------- */ .dujav-redesign .DvrCn { margin-bottom: 1.2rem; } .dujav-redesign .Dvr-A { margin-top: 1.2rem; } /* -------------------------------------------------------------------------- 12. FOOTER -------------------------------------------------------------------------- */ .dujav-redesign .Footer .Top { background: #0b0d12; border-top: 1px solid var(--dz-line); margin-top: 2.5rem; } .dujav-redesign .Footer .Top .title, .dujav-redesign .Footer .Top h1, .dujav-redesign .Footer .Top h2, .dujav-redesign .Footer .Top h3, .dujav-redesign .Footer .Top h4 { color: var(--dz-text); font-size: .95rem; font-weight: 700; letter-spacing: .03em; } .dujav-redesign .Footer .Top, .dujav-redesign .Footer .Top a { color: var(--dz-text-2); } .dujav-redesign .Footer .Top a:hover { color: var(--dz-accent-strong); } .dujav-redesign .Footer .Bot { background: #07080b; border-top: 1px solid var(--dz-line); color: var(--dz-text-3); } .dujav-redesign .Footer .Bot .menu { justify-content: center; padding: .9rem 0 0; } .dujav-redesign .Footer .Bot .menu a { color: var(--dz-text-3); font-size: .85rem; padding: .4rem .8rem; } .dujav-redesign .Footer .Bot .menu a:hover { color: var(--dz-accent-strong); } .dujav-redesign .Footer .Copy { color: var(--dz-text-3); font-size: .8rem; padding: .4rem 0 .9rem; } /* -------------------------------------------------------------------------- 13. COOKIES BANNER -------------------------------------------------------------------------- */ .dujav-redesign .Cookies { background: rgba(15, 18, 24, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--dz-line-strong); border-radius: var(--dz-radius-lg); box-shadow: var(--dz-shadow); color: var(--dz-text-2); } .dujav-redesign .Cookies p { color: var(--dz-text-2); } .dujav-redesign .Cookies .title { color: var(--dz-text); } .dujav-redesign .Cookies::before { color: var(--dz-accent); } /* -------------------------------------------------------------------------- 14. MOBILE MENU (fixes broken toggle: target is #dujav-site) -------------------------------------------------------------------------- */ .dujav-redesign .MenuBtn.Fxd { display: none; } @media screen and (max-width: 991px) { .dujav-redesign .MenuBtn.Fxd { display: block; right: 1rem; bottom: 1.1rem; background: rgba(15, 18, 24, .9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 999px; box-shadow: 0 0 0 1px var(--dz-line-strong), var(--dz-shadow); } .dujav-redesign .MenuBtn .Button { background: transparent !important; box-shadow: none; width: 48px; min-height: 48px; border-radius: 999px; } .dujav-redesign .MenuBtn:after, .dujav-redesign .MenuBtn .Button:before, .dujav-redesign .MenuBtn .Button:after { background: var(--dz-text); } /* Drawer slides over content with backdrop (no page shift) */ .dujav-redesign .Header .Bot { position: fixed; top: 0; right: -19rem; width: 19rem; height: 100%; background: var(--dz-surface); border-left: 1px solid var(--dz-line-strong); box-shadow: var(--dz-shadow); z-index: 60; padding: 1.2rem .5rem; transition: right .25s ease; overflow-y: auto; } .dujav-redesign #dujav-site.on .Header .Bot { right: 0; } .dujav-redesign .MenuBtn:before { background: rgba(4, 5, 8, .66); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); opacity: 0; visibility: hidden; z-index: 55; } .dujav-redesign .MenuBtn.on:before { opacity: 1; visibility: visible; } .dujav-redesign .MenuBtn.Fxd.on { right: 20rem; bottom: 1.1rem; } .dujav-redesign .Header .Bot .menu { flex-direction: column; align-items: stretch; padding: 0; } .dujav-redesign .Header .Bot .menu > li > a { display: block; padding: .85rem 1rem; border-radius: 10px; font-size: 1rem; } .dujav-redesign .Header .Bot .menu > li > a::after { display: none; } .dujav-redesign .Header .Bot .menu > li.current-menu-item > a { background: rgba(16, 184, 212, .1); color: var(--dz-accent-strong); } .dujav-redesign .Header .Bot .menu li ul { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0 0 .3rem 1rem; } .dujav-redesign .Header .Bot .menu li ul a { font-size: .92rem; } .dujav-redesign .Header .Mid { padding: .7rem 0; } .dujav-redesign .Form-Search input { font-size: 1rem; } } /* -------------------------------------------------------------------------- 15. RESPONSIVE REFINEMENTS -------------------------------------------------------------------------- */ @media screen and (max-width: 575px) { .dujav-redesign .site-title { font-size: 1.2rem; margin: 1.1rem 0 .3rem; } .dujav-redesign .page-header, .dujav-redesign .widget-title { font-size: 1.05rem; } .dujav-redesign .MoreInfo.post { padding: 1.05rem 1rem; border-radius: var(--dz-radius); } .dujav-redesign .Eroz-Thumbs .entry-title { font-size: .86rem; } .dujav-redesign .nav-links a, .dujav-redesign .nav-links .page-link { min-width: 38px; min-height: 38px; } } /* -------------------------------------------------------------------------- 16. MOTION SAFETY -------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .dujav-redesign *, .dujav-redesign *::before, .dujav-redesign *::after { transition: none !important; animation: none !important; } } /* -------------------------------------------------------------------------- 17. LEGACY COMPONENT POLISH (coherence with new skin) -------------------------------------------------------------------------- */ /* Sidebar/footer trending chips → clean list rows */ .dujav-redesign .Trending { background: transparent; box-shadow: none; border-radius: 0; } .dujav-redesign .Trending a { background: var(--dz-surface-2); box-shadow: none; border: 1px solid var(--dz-line); border-radius: 10px; color: var(--dz-text-2); font-size: .85rem; margin: 0 0 .4rem; padding: .5rem .75rem; transition: all .18s ease; } .dujav-redesign .Trending a:hover { color: var(--dz-accent-strong); border-color: var(--dz-accent); box-shadow: none; } .dujav-redesign .EzLinks a { box-shadow: none; } /* Section spacing rhythm */ .dujav-redesign .Body { padding-top: .4rem; } .dujav-redesign .Page.Row { margin-top: 1rem; } /* HD ribbon on cards */ .dujav-redesign .post .entry-header.hd:after { background: var(--dz-grad); color: var(--dz-accent-ink); border-radius: 6px; top: .6rem; left: .6rem; padding: .08rem .4rem; z-index: 4; } /* Search / archive result counts */ .dujav-redesign .FilterBy { color: var(--dz-text-2); } /* Video page: option tabs row spacing */ .dujav-redesign #Eroz.Video { margin-bottom: .8rem; } .dujav-redesign .aa-tbs.videos-ul-player { padding: 0; list-style: none; } /* Report/report radio focus */ .dujav-redesign .Form-Radio input:focus-visible + i { outline: 2px solid var(--dz-accent); } /* Comments (if present) */ .dujav-redesign .comment-form, .dujav-redesign .comment-list .children { border-color: var(--dz-line); box-shadow: none; }