/*
Theme Name: Irfan Rafiq Digital Academy
Theme URI: https://irfanrafiq.com/
Author: Irfan Rafiq
Author URI: https://irfanrafiq.com/
Description: Premium SEO & E-Commerce Academy Theme for Irfan Rafiq - Leading SEO Expert in Lahore, Pakistan. Features comprehensive Course directory, dynamic Model Town campus & online switcher, hyper-local Lahore landmark targeting, and high-performance WordPress blog engine.
Version: 1.2.0
Requires at least: 5.8
Tested up to: 6.7
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: irfanrafiq-academy
Tags: blog, e-commerce, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/

@charset "UTF-8";
@import url('assets/css/styles.css');

/* Ensure 100% Contrast & Prominence for Buttons and Filter Tabs */
.tab-btn, button.tab-btn {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.45) !important;
}
.tab-btn svg, button.tab-btn svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}
.tab-btn:hover, button.tab-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}
.tab-btn.active, button.tab-btn.active {
  background: linear-gradient(135deg, #e11d48, #be123c) !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
  box-shadow: 0 6px 22px rgba(225, 29, 72, 0.5) !important;
}
.tab-btn.active svg, button.tab-btn.active svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.filter-btn, .filter-tab, button.filter-tab, button.filter-btn {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.45) !important;
}
.filter-btn:hover, .filter-tab:hover, button.filter-tab:hover, button.filter-btn:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}
.filter-btn.active, .filter-tab.active, button.filter-tab.active, button.filter-btn.active {
  background: linear-gradient(135deg, #e11d48, #be123c) !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
  box-shadow: 0 6px 22px rgba(225, 29, 72, 0.5) !important;
}