/*!
 * Legacy Page Styles - Vorsteyn & Steyn
 * CSS overrides for original DNN article and expertise pages
 * Applied to OurInsights/*.html and OurExpertise/*.html pages
 */

/* ===== RESET LEGACY DNN STYLES ===== */
body {
    font-family: 'Open Sans', Arial, sans-serif !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide DNN control panel and admin elements */
#dnn_ControlPanel,
.dnnAdminTabNav,
.dnnFormMessage,
.dnnClear,
.aspNetHidden,
input[type="hidden"] {
    display: none !important;
}

/* ===== MAIN CONTENT STYLING ===== */
.main-content,
#dnn_ContentPane,
.content-wrapper,
.Normal {
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 20px !important;
    background: #ffffff !important;
}

/* ===== TYPOGRAPHY OVERRIDES ===== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Arial, sans-serif !important;
    color: #1e7ad8 !important;
    font-weight: 600 !important;
    margin: 20px 0 15px 0 !important;
    line-height: 1.3 !important;
}

h1 { 
    font-size: 36px !important; 
    border-bottom: 2px solid #1e7ad8 !important;
    padding-bottom: 10px !important;
}

h2 { 
    font-size: 28px !important; 
    color: #333333 !important;
}

h3 { 
    font-size: 22px !important; 
    color: #333333 !important;
}

h4 { 
    font-size: 18px !important; 
    color: #333333 !important;
}

p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    color: #666666 !important;
}

/* ===== LINKS ===== */
a, a:link {
    color: #1e7ad8 !important;
    text-decoration: none !important;
}

a:hover {
    color: #1a6bb8 !important;
    text-decoration: underline !important;
}

/* ===== LISTS ===== */
ul, ol {
    margin: 15px 0 !important;
    padding-left: 30px !important;
}

li {
    margin-bottom: 8px !important;
    line-height: 1.6 !important;
}

/* ===== TABLES ===== */
table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 20px 0 !important;
}

th, td {
    border: 1px solid #e1e1e1 !important;
    padding: 12px !important;
    text-align: left !important;
}

th {
    background-color: #f5f5f5 !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

/* ===== IMAGES ===== */
img {
    max-width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
}

/* ===== NAVIGATION BREADCRUMBS ===== */
.breadcrumb,
.dnnBreadcrumb {
    background: #f5f5f5 !important;
    padding: 10px 20px !important;
    margin-bottom: 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.breadcrumb a {
    color: #1e7ad8 !important;
}

/* ===== ARTICLE CONTENT SPECIFIC ===== */
.article-content,
.article-body,
.ModuleContent {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    margin-bottom: 30px !important;
}

/* ===== EXPERTISE PAGE SPECIFIC ===== */
.service-description,
.expertise-description {
    background: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 6px !important;
    margin: 20px 0 !important;
    border-left: 4px solid #1e7ad8 !important;
}

/* ===== FORM ELEMENTS ===== */
input, textarea, select {
    border: 1px solid #e1e1e1 !important;
    padding: 10px !important;
    border-radius: 4px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
}

button, .btn, input[type="submit"] {
    background: #1e7ad8 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

button:hover, .btn:hover, input[type="submit"]:hover {
    background: #1a6bb8 !important;
}

/* ===== HIDE LEGACY ELEMENTS ===== */
.dnnFormItem,
.dnnLabel,
.dnnTooltip,
.dnnActions,
.CommandButton,
.dnnPrimaryAction,
.dnnSecondaryAction,
.DNNEmptyPane,
.pace,
.pace_bg,
.fixed-widget-list {
    display: none !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .main-content,
    #dnn_ContentPane,
    .content-wrapper {
        padding: 15px !important;
    }
    
    .article-content,
    .article-body,
    .ModuleContent {
        padding: 20px !important;
    }
    
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    
    p, li {
        font-size: 15px !important;
    }
}

/* ===== PRINT STYLES ===== */
@media print {
    .breadcrumb,
    .dnnBreadcrumb,
    button,
    .btn,
    input[type="submit"] {
        display: none !important;
    }
    
    body {
        color: #000000 !important;
    }
    
    a {
        color: #000000 !important;
        text-decoration: underline !important;
    }
}