/* ============================================================
   Critical base styles — load instantly so the page is never blank
   even on slow mobile connections before Tailwind kicks in
   ============================================================ */
html, body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #1E293B;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
* { box-sizing: border-box; }

/* Prevent horizontal scrolling on mobile */
body { overflow-x: hidden; }

/*
Theme Name: 8K IPTV UK Provider
Theme URI: https://8kiptvukprovider.com
Author: 8kiptvukprovider.com
Author URI: https://8kiptvukprovider.com
Description: Custom WordPress theme for 8kiptvukprovider.com — a UK IPTV service. Fully Elementor-compatible with built-in page templates for Home, Installation Guide, Reviews, Pricing, Features, FAQ and Contact. Tailwind-based styling with #FF6B35 orange accent and #1E293B dark navy. Includes WhatsApp floating button, mobile-responsive header, and pre-styled sections.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 8kiptv
Tags: custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, elementor, iptv, business
*/

/* WordPress core required styles */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.sticky { display: block; }
.gallery-caption { display: block; }
.bypostauthor { display: block; }

/* Theme custom CSS – everything else is loaded via Tailwind CDN in header.php */
body { font-family: 'Inter', system-ui, sans-serif; background: #ffffff; color: #0f172a; scroll-behavior: smooth; }
.container { max-width: 1280px; margin-left: auto; margin-right: auto; }

/* Hide admin bar offset on front when not logged in */
body.admin-bar #mainHeader { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar #mainHeader { top: 46px; }
}


/* ============================================================
   Mobile-friendly polish
   ============================================================ */

/* Smaller section padding on phones */
@media (max-width: 767px) {
  section.py-24, section.py-20, section.py-16 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  /* Headings shrink on small screens */
  section h2.text-4xl,
  section h2.text-5xl {
    font-size: 1.875rem !important;
    line-height: 1.2 !important;
  }
  /* Make sure long text wraps */
  section p {
    word-break: break-word;
  }
  /* Tight container padding on phones */
  section .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  /* Hide oversize hidden lg-only items */
  .grid.lg\:grid-cols-2 > div > .grid {
    grid-template-columns: 1fr !important;
  }
}