/*
Theme Name: Aiou
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;
}