/*
Theme Name: Datashiil - ZikZag Child
Theme URI: https://www.datashiil.com
Author: Datashiil Consultancy Firm
Author URI: https://www.datashiil.com
Description: Datashiil Consultancy Firm — Somali-owned data management, analytics, and third-party monitoring (TPM) firm headquartered in Mogadishu. This child theme of ZikZag is pre-branded with Datashiil colors (Datashiil Blue #1D64B4, Datashiil Brown #8B4513, Datashiil Navy #0E3D6E), logo, typography, and contact details. Empowering Data. Enabling Growth.
Version: 1.0.0
Requires at least: 5.7
Requires PHP: 7.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: zikzag
Text Domain: datashiil-child
Tags: business, consulting, data, analytics, somalia
*/

/* =========================================================================
   DATASHIIL BRAND VARIABLES
   ========================================================================= */
:root {
    --datashiil-blue: #1D64B4;
    --datashiil-blue-dark: #154A8A;
    --datashiil-blue-light: #4A8AD4;
    --datashiil-brown: #8B4513;
    --datashiil-brown-light: #B5651D;
    --datashiil-navy: #0E3D6E;
    --datashiil-navy-dark: #082A4E;
    --datashiil-gray-light: #F5F8FB;
    --datashiil-text: #333333;
    --datashiil-text-light: #666666;
    --datashiil-white: #FFFFFF;
}

/* =========================================================================
   PRIMARY COLOR OVERRIDES (replaces ZikZag's orange #ff4a17 with Datashiil Blue)
   ========================================================================= */

/* Primary brand color — buttons, links, accents */
a,
.wgl-title-wrap .subtitle,
.menu-item a:hover,
.menu-item.current-menu-item > a,
.wgl-link,
.entry-title a:hover,
.post-meta a:hover,
.widget a:hover,
.wgl_button.style_default:hover,
.tagcloud a:hover,
.wgl-recent-posts__title a:hover,
.comment-reply-link:hover,
.scroll-up:hover {
    color: var(--datashiil-blue);
}

a:hover,
a:focus {
    color: var(--datashiil-brown);
}

/* Buttons */
.wgl_button.style_default,
button[type="submit"],
input[type="submit"],
.wp-block-button__link,
.wgl-cf7-default .wpcf7-submit {
    background-color: var(--datashiil-blue) !important;
    border-color: var(--datashiil-blue) !important;
    color: var(--datashiil-white) !important;
    transition: all 0.3s ease;
}

.wgl_button.style_default:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.wgl-cf7-default .wpcf7-submit:hover {
    background-color: var(--datashiil-brown) !important;
    border-color: var(--datashiil-brown) !important;
}

/* Borders & accents */
.wgl-title-wrap .subtitle:before,
.wgl-title-wrap .subtitle:after,
blockquote,
.wp-block-quote {
    border-color: var(--datashiil-blue);
}

/* Page title overlay (dark hero areas) */
.page-title-wrap,
.page-title-wrapper {
    background-color: var(--datashiil-navy) !important;
}

/* Footer */
.footer-wrap,
.copyright-wrap {
    background-color: var(--datashiil-navy) !important;
}

.footer-wrap a {
    color: var(--datashiil-blue-light);
}

.footer-wrap a:hover {
    color: var(--datashiil-white);
}

/* Header background (was dark teal #15222b) */
.header_middle {
    background-color: var(--datashiil-navy) !important;
}

/* Service icons / cards */
.wgl_iconbox.style_default .iconbox-icon,
.wgl_iconbox .iconbox-icon i,
.wgl_iconbox .iconbox-icon svg {
    color: var(--datashiil-blue);
}

.wgl_iconbox.style_default:hover .iconbox-icon {
    background-color: var(--datashiil-blue);
    color: var(--datashiil-white);
}

/* Counters and stats */
.wgl-counter .counter-value {
    color: var(--datashiil-blue);
}

/* Progress bars */
.wgl-progress-bar .progress-bar {
    background-color: var(--datashiil-blue);
}

/* Pricing tables */
.wgl-pricing.featured .pricing-header {
    background-color: var(--datashiil-blue);
}

/* Form fields focus */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--datashiil-blue) !important;
    box-shadow: 0 0 0 2px rgba(29, 100, 180, 0.15);
}

/* =========================================================================
   DATASHIIL UTILITY CLASSES (use these in Elementor/WPBakery)
   ========================================================================= */
.datashiil-bg-blue { background-color: var(--datashiil-blue) !important; color: var(--datashiil-white); }
.datashiil-bg-brown { background-color: var(--datashiil-brown) !important; color: var(--datashiil-white); }
.datashiil-bg-navy { background-color: var(--datashiil-navy) !important; color: var(--datashiil-white); }
.datashiil-bg-light { background-color: var(--datashiil-gray-light) !important; }
.datashiil-text-blue { color: var(--datashiil-blue) !important; }
.datashiil-text-brown { color: var(--datashiil-brown) !important; }
.datashiil-text-navy { color: var(--datashiil-navy) !important; }

.datashiil-divider {
    height: 3px;
    width: 60px;
    background-color: var(--datashiil-brown);
    margin: 20px auto;
    border: none;
}

.datashiil-divider-blue {
    height: 3px;
    width: 60px;
    background-color: var(--datashiil-blue);
    margin: 20px auto;
    border: none;
}

/* =========================================================================
   CONTACT INFO STRIP (use [datashiil_contact_strip] shortcode)
   ========================================================================= */
.datashiil-contact-strip {
    background: linear-gradient(90deg, var(--datashiil-blue) 0%, var(--datashiil-navy) 100%);
    color: var(--datashiil-white);
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    font-size: 14px;
    font-weight: 500;
}

.datashiil-contact-strip a {
    color: var(--datashiil-white);
    text-decoration: none;
}

.datashiil-contact-strip a:hover {
    color: #FFD700;
}

.datashiil-contact-strip .item {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* =========================================================================
   DATASHIIL FOOTER (3-column footer block)
   ========================================================================= */
.datashiil-footer-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 30px;
    padding: 40px 0;
}

.datashiil-footer-block h4 {
    color: var(--datashiil-white);
    border-bottom: 2px solid var(--datashiil-brown);
    padding-bottom: 8px;
    margin-bottom: 14px;
}

/* =========================================================================
   TYPOGRAPHY ADJUSTMENTS (match brand manual)
   ========================================================================= */
body {
    font-family: 'Open Sans', 'Segoe UI', Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Open Sans', sans-serif;
    color: var(--datashiil-navy);
}

/* =========================================================================
   RTL / SOMALI LANGUAGE SUPPORT (Latin alphabet, no special RTL needed)
   ========================================================================= */
html[lang="so"] body {
    /* Somali language uses Latin alphabet; no RTL adjustments needed */
}

/* =========================================================================
   PRINT STYLES
   ========================================================================= */
@media print {
    .header_middle,
    .footer-wrap,
    .copyright-wrap,
    .scroll-up {
        display: none !important;
    }
}

/* =========================================================================
   RESPONSIVE TWEAKS
   ========================================================================= */
@media (max-width: 768px) {
    .datashiil-contact-strip {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}