/*
Theme Name: Xalaflix APK
Theme URI: https://xalaflixapk.net/
Author: Xalaflix APK Editorial Team
Description: Native WordPress theme for xalaflixapk.net — dark streaming design, purple 3D buttons, page templates (About Us, Contact Us, Privacy Policy, Terms & Conditions, DMCA, Warning) selectable from Pages → Template. Creates its pages automatically on activation. Includes styled templates for posts, archives, search and 404.
Version: 3.2.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: xalaflix-apk
*/

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body { margin: 0; background: #0A0B12; color: #E6E8F0; font-family: Poppins, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { margin: 0; color: #fff; text-wrap: pretty; }
p { margin: 0; text-wrap: pretty; }
strong { color: #fff; font-weight: 600; }
a { color: #C48CFF; text-decoration: none; }
a:hover { color: #E0C0FF; }
img { max-width: 100%; height: auto; }
.admin-bar .xa-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .xa-header { top: 46px; } }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 999; width: auto; height: auto; clip: auto; padding: 10px 16px; border-radius: 10px; background: #9710F6; color: #fff; }

/* Menus */
.xa-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.xa-menu a { color: #C9CDE0; font-size: 13.5px; font-weight: 500; }
.xa-menu a:hover, .xa-menu .current-menu-item > a { color: #fff; }
.xa-menu .sub-menu { display: none; }

/* Generic content (posts, new pages) */
.xa-prose { font-size: 15.5px; line-height: 1.8; color: #E6E8F0; }
.xa-prose > * + * { margin-top: 18px; }
.xa-prose h2 { margin-top: 44px; font-size: clamp(19px, 2.6vw, 23px); font-weight: 700; line-height: 1.35; }
.xa-prose h3 { margin-top: 30px; font-size: 17px; font-weight: 600; line-height: 1.45; }
.xa-prose ul, .xa-prose ol { padding-left: 24px; }
.xa-prose li + li { margin-top: 8px; }
.xa-prose a { text-decoration: underline; text-decoration-color: rgba(196,140,255,.4); text-underline-offset: 3px; }
.xa-prose blockquote { margin-left: 0; padding: 16px 20px; border-radius: 16px; background: rgba(151,16,246,.08); border: 1px solid rgba(151,16,246,.28); }
.xa-prose img, .xa-prose figure { border-radius: 16px; }
.xa-prose figure { margin: 26px 0; }
.xa-prose figcaption { margin-top: 8px; font-size: 13px; color: #9BA1B8; text-align: center; }
.xa-prose table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.xa-prose th, .xa-prose td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.08); text-align: left; }
.xa-prose th { color: #DCC4FF; font-weight: 600; background: rgba(151,16,246,.1); }
.xa-prose code { padding: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.07); font-size: .9em; }
.xa-prose .wp-block-button__link, .xa-btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 34px; border-radius: 50px; font-weight: 600; color: #fff !important; text-decoration: none; background: linear-gradient(180deg,#C173FF 0%,#9710F6 42%,#6A08B8 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 6px 0 #4B0785, 0 12px 26px rgba(110,10,200,.5); transition: transform .2s ease; }
.xa-prose .wp-block-button__link:hover, .xa-btn:hover { transform: translateY(-3px); }
.alignwide { margin-left: -60px; margin-right: -60px; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.wp-caption-text { font-size: 13px; color: #9BA1B8; }
.xa-pagination .page-numbers { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(151,16,246,.35); color: #DCC4FF; }
.xa-pagination .page-numbers.current { background: #9710F6; color: #fff; border-color: #9710F6; }
.xa-search input[type="search"] { flex: 1; min-width: 0; padding: 13px 18px; border-radius: 50px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #fff; font: inherit; font-size: 14.5px; }
.xa-search input[type="search"]:focus { outline: none; border-color: #B963FF; box-shadow: 0 0 0 3px rgba(151,16,246,.3); }
.xa-search button { padding: 13px 22px; border-radius: 50px; border: 0; cursor: pointer; font: inherit; font-weight: 600; color: #fff; background: linear-gradient(180deg,#C173FF,#7A0CC9); }