/*
Theme Name: Datasurfr
Theme URI: https://datasurfr.ai/
Author: MitKat Advisory Services
Author URI: https://mitkatadvisory.com/
Description: Classic WordPress theme for Datasurfr — the Integrated Operational Risk Intelligence & Response Platform. Converted from the original static HTML/CSS/JS template with no page builder. Includes a custom page template for every marketing page, a dynamic mega-menu, a mobile drawer, dark mode and a reduced-motion-aware animation layer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary — (c) MitKat Advisory Services Pvt. Ltd. All rights reserved.
Text Domain: datasurfr
Tags: business, custom-menu, custom-logo, featured-images, full-width-template, translation-ready
*/

/*
 * ---------------------------------------------------------------------------
 * The full design system lives in assets/css/style.css and is enqueued from
 * functions.php under the handle "datasurfr-main".
 *
 * WordPress requires this file to exist so it can read the theme header above.
 * Keeping the design CSS in assets/css/ lets it be versioned, minified and
 * cache-busted independently of theme metadata.
 *
 * Add small overrides below — they load after the main stylesheet.
 * ---------------------------------------------------------------------------
 */

/* WordPress core alignment + caption classes (not present in the original template) */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; padding: 6px; }
.wp-caption img { border-radius: 8px; display: block; }
.wp-caption p.wp-caption-text { font-size: 13px; line-height: 1.5; margin: 8px 0 4px; color: var(--muted); text-align: center; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
  overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #fff; border-radius: 8px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important;
  clip-path: none; color: #1d3752; display: block; font-size: 14px; font-weight: 700; height: auto;
  left: 8px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 8px; width: auto; z-index: 100000;
}
.sticky, .bypostauthor, .gallery-caption { display: block; }

/* Post/page body copy reuses the template's .article rhythm */
.entry-content > * + * { margin-top: 18px; }
.entry-content ul, .entry-content ol { margin-left: 22px; }
.entry-content img { border-radius: 14px; }
.entry-content blockquote { border-left: 3px solid var(--aqua); padding-left: 20px; font-style: normal; color: var(--heading); }
.post-thumb { border-radius: 18px; overflow: hidden; margin-bottom: 30px; box-shadow: var(--shadow-sm); }
.post-thumb img { display: block; width: 100%; height: auto; }

/* Comments (not in the original template — styled to match) */
.comments-area { max-width: 740px; margin: 60px auto 0; }
.comments-area h3 { font-family: var(--display); font-size: 20px; color: var(--heading); margin-bottom: 20px; }
.comment-list { list-style: none; margin: 0; }
.comment-list li { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 20px 22px; margin-bottom: 14px; }
.comment-list .children { list-style: none; margin: 14px 0 0 22px; }
.comment-meta { font-size: 13px; color: var(--muted); margin-bottom: 8px; }
.comment-form label { display: block; font-size: 13px; font-weight: 600; color: var(--heading); margin-bottom: 6px; }
.comment-form p { margin-bottom: 14px; }

/* Pagination */
.ds-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 48px; }
.ds-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px;
  border: 1.5px solid var(--line-2); border-radius: 10px; background: var(--surface);
  font-family: var(--display); font-size: 14px; font-weight: 600; color: var(--heading);
}
.ds-pagination .page-numbers:hover { border-color: var(--aqua); color: var(--teal); }
.ds-pagination .page-numbers.current { background: var(--grad); color: #06222c; border-color: transparent; }