/* =====================================================================
   Small additions on top of bookscart.css for the PHP version.
   Keep design changes here so bookscart.css stays a clean copy of the theme.
   ===================================================================== */

/* Sections Blogger turned on with inline <style> tags inside widgets */
#intro-author-wrap, #intro-author-wrap2 { display: block; }

/* Category tiles are real links now */
a.service-content { display: block; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
a.service-content:hover { transform: translateY(-3px); }
#intro-services-right .service-icon i.fa:empty { display: none; }
#intro-services-right2 .service-icon i.fa-user { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 64px; color: rgba(255,255,255,.85); }

/* Hero search box: reset browser styling of type=search */
#header-search .search-input::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Download buttons on the item page (replace the old cart buttons) */
.sora-product-buy-buttons { margin-bottom: 12px; }
.sora-product-buy-buttons a.dl-button { margin: 0 8px 8px 0; }
.sora-product-buy-buttons a.dl-button .add_product { display: inline; }
.dl-count { font-size: 13px; color: #888; margin: 0 0 22px; }
.dl-count i { color: var(--main-color); }

/* Sidebar "Popular" download counts */
.PopularPosts .meta-price { color: #999; }

/* Admin draft preview notice */
.draft-banner { background: #fff3cd; border: 1px solid #ffe08a; color: #7a5b00; padding: 8px 12px; margin: 0 0 15px; font-size: 13px; }

/* Numbered pager: next arrow (theme only defines the prev one's content) */
.blog-pager .page-next:before { content: '\f054'; }

/* Keep long titles from breaking the card grid */
.index-post .product-info > h2 > a { overflow-wrap: anywhere; }

/* Focus rings for keyboard users */
a:focus-visible, button:focus-visible, input:focus-visible, .slide-menu-toggle:focus-visible { outline: 2px solid var(--main-color); outline-offset: 2px; }

/* Logo link: Blogger omitted the link on the home page, so the theme never styled it */
.header-logo h1 a { color: inherit; }

/* Colourful category bar: grow to a second row instead of overlapping the page
   when there are more categories than fit on one line */
.header-below-menu { height: auto; min-height: 34px; }
.header-below-menu .container::after, #right-menu ul::after { content: ""; display: table; clear: both; }

/* Hall of Fame placeholder when no photo is uploaded */
#intro-services-right2 .service-icon i.fa-user { background: rgba(255,255,255,.18); border-radius: 50%; }