/*
Theme Name: Aiou new
Theme URI: https://example.com/aiou
Author: Shahzad
Author URI: https://example.com
Description: A lightweight, SEO-friendly WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aiou
Tags: SEO-friendly, responsive, lightweight
*/

:root {
  /* ===== Primary Colors ===== */
  --primary-color: #00AEEF;       /* Sky Blue - main branding */
  --secondary-color: #FF8C00;     /* Deep Orange - CTAs, highlights */
  --base-color: #FFFFFF;          /* White - backgrounds, base */
  --dark-color: #0D2149;          /* Deep Navy Blue - headings, footer, nav */

  /* ===== Accent Colors ===== */
  --accent-green: #00A651;        /* Emerald Green - badges, success, highlights */

  /* ===== Text Colors ===== */
  --text-color: #333333;          /* Default body text */
  --text-light: #666666;          /* Muted text, meta info */

  /* ===== Background Shades ===== */
  --bg-light: #F9FAFB;            /* Light gray background */
  --bg-dark: #0D2149;             /* Dark section backgrounds */
  
  /* ===== Borders & Dividers ===== */
  --border-color: #E5E7EB;        /* Neutral light border */
}






/* Font Classes */
.urdu-noto {
    font-family: 'Noto Nastaliq Urdu', serif;
}

.urdu-jameel {
    font-family: 'Jameel Noori Nastaleeq', serif;
}













/* Base Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
  background: var(--base-color);
  color: var(--text-color);
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {

}

a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  color: var(--secondary-color);
}

.button-primary {
  background: var(--secondary-color);
  color: var(--base-color);
  border-radius: 6px;
  padding: 10px 20px;
}
.button-primary:hover {
  background: var(--primary-color);
}

  
  
  
  
  
  
  .nav-item {
  padding: 0.5rem 0xp;
}

.dropdown-hover:hover>.dropdown-menu {
display: inline-block;
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}



/* Announcement Bar */
.announcement-bar {
  background: rgba(0, 0, 0, 0.65); /* semi-transparent dark background */
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s ease;
}

.announcement-bar:hover {
  background: rgba(0, 0, 0, 0.8);
}

.announcement-icon {
  font-size: 1rem;
  opacity: 0.85;
  transition: transform 0.2s ease, opacity 0.2s ease;
  color: gray;
}

.announcement-bar span:hover .announcement-icon {
  transform: scale(1.2);
  opacity: 1;
}

.announcement-link {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.announcement-link:hover {
  color: #ffc107; /* Bootstrap warning yellow */
}






.aiou-announcement-bar {
    background: #ffcc00;
    color: #000;
    padding: 10px 40px 10px 20px;
    font-size: 18px;
    font-family: 'Noto Nastaliq Urdu', 'Arial', sans-serif; /* Better for Urdu */
    font-weight: 500;
    position: relative;
    z-index: 9999;
    text-align: right;
    direction: rtl;
}

.aiou-bar-close {
    position: absolute;
    left: 15px; /* Because RTL */
    top: 8px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}













 
/* AdSense Ad Styling */
.ad-container {
    overflow: hidden;
    position: relative;
    min-height: 90px;
    text-align: center;
    clear: both;
}

.ad-container.display-horizontal-ad,
.ad-container.hero-ad {
    margin: 30px auto;
    max-width: 970px;
}

.ad-container.infeed-ad,
.ad-container.frontpage-infeed-ad {
    margin: 40px auto;
}

.ad-container.inarticle-ad,
.ad-container.frontpage-inarticle-ad {
    margin: 25px 0;
}

.ad-container.sidebar-ad {
    min-height: 250px;
    max-width: 300px;
    margin: 15px auto;
}

.ad-container.article-end-ad {
    margin: 50px auto;
}

.ad-container.footer-ad {
    margin: 20px auto;
    max-width: 728px;
}

/* Lazy loading state */
.lazy-ad {
    background-color: #f9f9f9;
    border-radius: 4px;
    min-height: 100px;
}

.ad-loading-placeholder {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ad-container.display-horizontal-ad,
    .ad-container.hero-ad,
    .ad-container.footer-ad {
        max-width: 100%;
        min-height: 50px;
    }
    
    .ad-container.sidebar-ad {
        max-width: 100%;
        margin: 15px 0;
    }
    
    .lazy-ad {
        min-height: 50px;
    }
}

/* Admin ad notice */
.theme-admin-ad-notice {
    padding: 15px;
    background: #f0f0f0;
    border: 1px dashed #ccc;
    text-align: center;
    margin: 20px auto;
    border-radius: 4px;
}

/* Hide ads when blocked by ad blocker */
.ad-container ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}