/*
Theme Name: mujizah
Theme URI: https://google.com
Author: the mujizah team
Author URI: mujizah
Description: The mujizah theme for WordPress.
Version: 4.6
Tested up to: 7.0
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .islamic-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0l5 25L75 30l-30 5L40 60l-5-25L5 30l30-5z' fill='%23b39b56' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .burgundy-texture {
            background-image: linear-gradient(rgba(74, 4, 4, 0.95), rgba(74, 4, 4, 0.95)), url('https://lh3.googleusercontent.com/aida-public/AB6AXuDszTsYgemRVjmj0JD7jk9PTccBsd048Bgcd07Kj11toP5Yse7I_xwtHhy89y__INr0g_a7m8ZOG-uB-VkQoRfPsHFIPR7wuY9Pl8VMgkMGylJ0-EDdvGESoV7UWRDr2Fr0VZyFke9-wB-uCvsd1QXcGP3Q8ch_UsCTdnW7ywSUEz5TsC7chN8e8JeN1F6QXZabD32n51u1zHeFToXZyBoOGyq4AcTAW6_4Is_16HZRMlqgDiJ8enEyZQ');
            background-size: 400px;
            background-repeat: repeat;
        }
        .arch-frame {
            border-radius: 50% 50% 0 0 / 40% 40% 0 0;
            overflow: hidden;
            border: 1px solid rgba(179, 155, 86, 0.3);
        }
        .arch-mask {
            clip-path: ellipse(50% 60% at 50% 40%);
        }
        .gold-border-gradient {
            border-image: linear-gradient(to bottom, #b39b56, transparent) 1;
        }
        .premium-shadow {
            box-shadow: 0 20px 50px -15px rgba(74, 4, 4, 0.1);
        }
        .gold-gradient-text {
            background: linear-gradient(135deg, #b39b56 0%, #d4af37 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .fade-up { 
            animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            opacity: 0;
        }
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .nav-scrolled {
            background-color: rgba(255, 255, 255, 0.98) !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }
        .ornament-line {
            height: 1px;
            background: linear-gradient(90deg, transparent, #b39b56, transparent);
            width: 100%;
        }