/* ====================================
   DAKAM - Main Stylesheet
   Modern, Responsive Design
   ==================================== */

/* Import all CSS modules */
@import url('variables.css');
@import url('reset.css');
@import url('layout.css');
@import url('components.css');
@import url('header.css');
@import url('footer.css');
@import url('content.css');
@import url('homepage.css');
@import url('products.css');
@import url('blog.css');
@import url('catalogs.css');
@import url('contact.css');
@import url('sitemap.css');
@import url('error.css');
@import url('newsletter.css');
@import url('responsive.css');

/* Font Awesome Icons */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* ====================================
   Additional Global Styles
   ==================================== */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Selection */
::selection {
    background-color: var(--primary-color);
    color: var(--text-dark);
}

::-moz-selection {
    background-color: var(--primary-color);
    color: var(--text-dark);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: var(--bg-light);
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-dark);
}

/* Focus Styles */
*:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

button:focus,
a:focus {
    outline-offset: 4px;
}

/* Print Styles */
@media print {
    .top-bar,
    .main-header,
    .main-nav,
    .site-footer,
    .mobile-nav {
        display: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
        color: #000;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
}