/*
Theme Name: Peepal Media
Theme URI: https://github.com/infindigital/peepal2
Author: Infin Digital
Author URI: https://infindigital.net
Description: ಪೀಪಲ್ ಮೀಡಿಯಾ ಕನ್ನಡ ಸುದ್ದಿ ಥೀಮ್. Menus are managed under Appearance → Menus and every advertisement slot is a widget area (one set per category) under Appearance → Widgets.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: peepal
Tags: news, blog, custom-menu, custom-logo, featured-images, widgets
*/

/* Layout utilities used with Tailwind (loaded from the CDN, see functions.php). */
body { font-size: 15px; }
.wrap { max-width: 1600px; margin-inline: auto; padding-inline: 1rem; }
@media (min-width: 640px) { .wrap { padding-inline: 1.5rem; } }
@media (min-width: 1024px) { .wrap { padding-inline: 2.5rem; } }
h1, h2, h3, h4, .headline { font-family: "Anek Kannada", sans-serif; }
.headline { font-weight: 700; line-height: 1.32; color: #231f20; }
.headline a { transition: color .15s ease; }
.headline a:hover { color: #9c5c00; }
.bg-navy .headline, .bg-navy .headline a { color: #fff; }
.bg-navy .headline a:hover { color: #f5ab1b; }
.kicker { font-size: 13px; font-weight: 700; color: #9c5c00; }
.dek { font-size: 15px; line-height: 1.7; color: #4a4a4a; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.meta { font-size: 12.5px; color: #5f6368; }
.img-frame { display: block; overflow: hidden; background: #ede5d7; }
.img-frame img { transition: transform .5s ease; }
.group:hover .img-frame img, .img-frame:hover img { transform: scale(1.035); }
.nav-link { display: block; padding: .8rem .85rem .7rem; font-family: "Anek Kannada", sans-serif; font-size: 16px; font-weight: 600; color: #231f20; border-bottom: 3px solid transparent; transition: color .15s, border-color .15s; white-space: nowrap; }
.nav-link:hover { color: #9c5c00; border-color: #9c5c00; }
.nav-link.is-current { color: #9c5c00; border-color: #9c5c00; }
.ticker-track { display: flex; width: max-content; animation: ticker 50s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-item { padding-right: 3rem; white-space: nowrap; font-size: 14px; font-weight: 500; }
@keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ticker-track { animation: none; } .img-frame img { transition: none; } }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }
:focus-visible { outline: 2px solid #9c5c00; outline-offset: 2px; }

/* Mobile drawer: sub-menu items sit under their parent */
.mobile-menu .sub-menu a { padding-left: 1rem; font-weight: 500; }

/* Card grids (category, author, search, archives) */
.card { transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1); box-shadow: 0 1px 3px rgba(35,31,32,.06); }
.card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -8px rgba(35,31,32,.18); }
.card .img-frame { border-radius: .75rem .75rem 0 0; }
.clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.chip[aria-pressed="true"] { background: #231f20; color: #fff; border-color: #231f20; }

/* Single post */
.prose-kn > * + * { margin-top: 1.25rem; }
.prose-kn p, .prose-kn li { font-size: 17px; line-height: 1.95; color: #1f2937; }
.prose-kn h2 { font-size: 1.6rem; line-height: 1.35; font-weight: 700; color: #231f20; padding-top: .75rem; }
.prose-kn h3 { font-size: 1.3rem; line-height: 1.4; font-weight: 700; color: #231f20; padding-top: .5rem; }
.prose-kn a { color: #9c5c00; text-decoration: underline; text-underline-offset: 3px; }
.prose-kn ul { list-style: disc; padding-left: 1.5rem; }
.prose-kn ol { list-style: decimal; padding-left: 1.5rem; }
.prose-kn blockquote { position: relative; background: #fff; border-left: 4px solid #9c5c00; box-shadow: 0 1px 2px rgba(0,0,0,.05); padding: 1.5rem; margin: 2rem 0; }
.prose-kn blockquote p { font-family: "Anek Kannada", sans-serif; font-size: 1.35rem; line-height: 1.6; color: #231f20; font-weight: 600; }
.prose-kn img, .prose-kn iframe, .prose-kn video { max-width: 100%; height: auto; }
.prose-kn iframe { width: 100%; aspect-ratio: 16 / 9; }
.prose-kn figcaption, .prose-kn .wp-caption-text { font-size: 13px; color: #5f6368; background: #fbf6ec; padding: .5rem .75rem; }
.prose-kn > p:first-child { font-size: 19px; font-weight: 500; color: #231f20; }
.share-btn { width: 2.25rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #231f20; border: 1px solid #ebe0cc; transition: background .15s, color .15s, border-color .15s; }
.share-btn:hover { background: #231f20; color: #fff; border-color: #231f20; }
#readProgress { transform-origin: 0 50%; transform: scaleX(0); }
@media print { #siteNav, header, footer, aside, #readProgress, #toTop, .no-print { display: none !important; } }

/* Advertisement widget areas */
.ad-slot .widget + .widget { margin-top: 1rem; }
.ad-slot img { max-width: 100%; height: auto; margin-inline: auto; }
.ad-slot .widget-title { display: none; }

/* WordPress core classes */
.alignleft { float: left; margin: .25rem 1.5rem 1rem 0; }
.alignright { float: right; margin: .25rem 0 1rem 1.5rem; }
.aligncenter { display: block; margin-inline: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.sticky, .bypostauthor { }