/* Admin settings load last so that changes also reach the compact layouts. */
body{font-size:var(--dentv-base-font-size,16px)}
.container,.blog-library-hero.container,.blog-library.container{max-width:var(--dentv-content-width,1200px)}
.site-header .header-inner{width:100%;max-width:1280px}
.site-header{--header-float-offset:12px}
.tool-page.container{max-width:min(1000px,var(--dentv-content-width,1200px))}
.offer-card,.tools-grid>a.tool-tile,.post-card,.guide-section .post-card,.related-posts.pro-article-related .post-card,.blog-library .post-card-library,.sidebar-widget,.tool-workspace,.result-card,.coupon-card,.shopee-banner,.newsletter-section.container{border-radius:var(--radius-card,14px)}
.article-shell[data-article-experience]{--article-radius:var(--radius-card,14px);--article-card-radius:var(--radius-card,14px)}
.article-shell[data-article-experience] .reading-toolbar,.article-shell[data-article-experience] .article-reading-surface,.article-shell[data-article-experience] .sidebar-widget{border-radius:var(--radius-card,14px)}
.post-card .post-card-image,.post-card .post-card-cover,.post-card .post-cover{border-top-left-radius:max(0px,calc(var(--radius-card,14px) - 1px));border-top-right-radius:max(0px,calc(var(--radius-card,14px) - 1px))}
.post-card .post-card-body{border-bottom-left-radius:max(0px,calc(var(--radius-card,14px) - 1px));border-bottom-right-radius:max(0px,calc(var(--radius-card,14px) - 1px))}

/* Match accents to the chosen color in both modes, including filled controls. */
.button-dark,.button-dark:hover,.button-card,.button-card:hover,.domain-submit,.domain-submit:hover{color:var(--rounded-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}
.bookmark-count{color:var(--rounded-accent-ink);background:var(--color-accent)}
[data-theme=dark] .button-dark,[data-theme=dark] .button-dark:hover,[data-theme=dark] .button-card,[data-theme=dark] .button-card:hover{color:var(--rounded-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}
.button-dark:hover,.button-card:hover,.domain-submit:hover{filter:brightness(.96)}

/* The common text size scales labels and card copy, while article reading size has its own setting. */
.text-link,.button,.offer-features,.catalog-search input,.check-form label,.tool-controls label,.newsletter-section .newsletter-input input{font-size:calc(14px * var(--dentv-font-scale,1))}
.offer-title{font-size:calc(21px * var(--dentv-font-scale,1))}
.tool-tile-title,.tools-hub-grid .tool-tile-title{font-size:calc(15px * var(--dentv-font-scale,1))}
.offer-provider-info .offer-provider,.offer-actions .button,.offer-price span,.offer-renewal,.newsletter-section .newsletter-input button{font-size:calc(13px * var(--dentv-font-scale,1))}
.footer-grid>div:not(.footer-about):not(.footer-note)>a,.footer-note>a,.footer-menu a{font-size:calc(13px * var(--dentv-font-scale,1))}
.footer-note p,.newsletter-section .newsletter-consent{font-size:calc(12px * var(--dentv-font-scale,1))}

/* Native WordPress menus are shared between desktop and mobile. */
.drawer-menu,.drawer-menu .sub-menu,.footer-menu,.footer-menu .sub-menu{list-style:none;margin:0;padding:0}
.site-drawer .drawer-menu a{display:block;margin:3px 0;padding:11px 13px;border-radius:var(--radius-control);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.site-drawer .drawer-menu .sub-menu{margin:0 0 8px 14px;border-left:1px solid var(--color-border);padding-left:6px}
.site-drawer .drawer-menu .sub-menu a{font-size:13px}
.site-drawer .drawer-menu a:hover,.site-drawer .drawer-menu a:focus-visible,.site-drawer .drawer-menu .current-menu-item>a{background:var(--color-soft);color:var(--color-accent)}
.footer-menu a{display:block;margin:7px 0;overflow-wrap:anywhere}
.footer-menu .sub-menu{padding-left:14px;border-left:1px solid var(--color-border)}
.footer-note>a svg{width:14px;height:14px;vertical-align:middle}
.site-header .site-brand{min-width:0;max-width:240px;flex-shrink:1}
.site-header .site-brand>.brand-symbol{flex-shrink:0}
.site-header .site-brand>span:not(.brand-symbol):not(.brand-logo-frame){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-top .site-brand{min-width:0;max-width:70%;flex-shrink:1;white-space:normal}
.footer-top .site-brand>.brand-symbol{flex-shrink:0}
.footer-top .site-brand>span:not(.brand-symbol):not(.brand-logo-frame),.site-drawer #drawer-heading{min-width:0;white-space:normal;overflow-wrap:anywhere}
.site-drawer .editorial-dialog-heading>.icon-button{flex-shrink:0}

/* Reuse the original transparent artwork in a tight, responsive frame. */
.site-brand.image-brand{display:inline-flex;gap:0;line-height:1;flex-shrink:0}
.image-brand .brand-logo-frame{display:block;position:relative;width:var(--brand-logo-width,150px);max-width:100%;overflow:hidden}
.image-brand .brand-logo-frame img{display:block;width:100%;height:auto;max-height:none;max-width:none;border-radius:0}
.image-brand .brand-logo-cropped img{position:absolute;width:var(--logo-image-width);left:var(--logo-image-left);top:var(--logo-image-top)}
.image-brand .brand-logo-frame:not(.brand-logo-cropped) img{width:auto;max-width:100%;max-height:64px}
.brand-header .brand-logo-frame:not(.brand-logo-cropped) img{max-height:36px}
.site-brand.image-brand .brand-logo-dark{display:none}
[data-theme=dark] .image-brand.has-dark-logo .brand-logo-light{display:none}
[data-theme=dark] .image-brand.has-dark-logo .brand-logo-dark{display:block}
.brand-footer{--brand-logo-width:190px}
.brand-header{--brand-logo-width:112px}
.brand-drawer{--brand-logo-width:150px}
.site-drawer #drawer-heading .image-brand{vertical-align:middle}
@media(min-width:601px){.admin-bar .site-header{top:calc(var(--wp-admin--admin-bar--height,32px) + var(--header-float-offset))}}
@media(max-width:950px){.site-header{--header-float-offset:10px}}
@media(max-width:760px){.site-header{--header-float-offset:8px}.brand-header{--brand-logo-width:96px}.brand-footer{--brand-logo-width:170px}}
@media(max-width:360px){.brand-header{--brand-logo-width:88px}}

/* Covers server-rendered and newly loaded post cards when a feature is disabled. */
.dentv-no-bookmarks [data-bookmark-id],.dentv-no-bookmarks [data-bookmark][data-post-id],.dentv-no-bookmarks [data-bookmarks-open],.dentv-no-search [data-search-open]{display:none!important}

@media(max-width:760px){
 .catalog-search input,.newsletter-section .newsletter-input input{font-size:max(16px,var(--dentv-base-font-size,16px))}
 .tool-tile-title,.tools-hub-grid .tool-tile-title{font-size:calc(14px * var(--dentv-font-scale,1))}
 .footer-top{flex-wrap:wrap;gap:16px}
 .footer-top .site-brand{max-width:100%}
}
