/* File: aiAssist/style.css */
/*
Theme Name: aiAssist Portal Theme
Theme URI: [Your Website URL]
Author: Gemini
Author URI: [Your Website URL]
Description: A clean, custom application theme based on Tailwind CSS, designed to match the aiAssist Portal aesthetic.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-layout, full-width, application
Text Domain: aiassist
*/

/*
  Ensure clear, consistent visual distinction between heading levels
  inside post/page content and block content. These rules are intentionally
  specific to content areas to avoid interfering with other UI headings.
*/
.entry-content :is(h1,h2,h3,h4,h5,h6),
.post-content :is(h1,h2,h3,h4,h5,h6),
.wp-block-post-content :is(h1,h2,h3,h4,h5,h6),
.wp-block-heading :is(h1,h2,h3,h4,h5,h6) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  font-weight: 700;
  color: #0f172a; /* slate-900 */
}

.entry-content h1, .post-content h1 { font-size: 2.25rem; line-height: 1.1; }
.entry-content h2, .post-content h2 { font-size: 1.875rem; line-height: 1.15; }
.entry-content h3, .post-content h3 { font-size: 1.5rem; line-height: 1.2; }
.entry-content h4, .post-content h4 { font-size: 1.25rem; line-height: 1.25; }
.entry-content h5, .post-content h5 { font-size: 1rem; line-height: 1.3; font-weight: 600; }
.entry-content h6, .post-content h6 { font-size: 0.875rem; line-height: 1.3; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em;}

/* Make sure heading block specific utility classes don't override sizes */
.wp-block-heading h1, .wp-block-heading h2, .wp-block-heading h3, .wp-block-heading h4, .wp-block-heading h5, .wp-block-heading h6 {
  margin: 0;
}

/* Small screens adjustments */
@media (max-width: 640px) {
  .entry-content h1, .post-content h1 { font-size: 1.75rem; }
  .entry-content h2, .post-content h2 { font-size: 1.5rem; }
  .entry-content h3, .post-content h3 { font-size: 1.25rem; }
}

/* ==================================================================================
   BUTTON STYLES - Match bottom CTA section buttons exactly
   bg-white text-black font-semibold hover:bg-gray-100 border border-gray-300 
   py-2 px-4 rounded-lg text-sm transition duration-150 shadow-md
   ================================================================================== */

/* WordPress Block Buttons in Content */
main#content .wp-block-button__link,
main#content .wp-block-buttons .wp-block-button__link,
.entry-content .wp-block-button__link,
.post-content .wp-block-button__link,
main#content button:not(header button):not(nav button),
main#content .button,
main#content .btn,
main#content input[type="submit"],
main#content input[type="button"],
.entry-content button,
.entry-content .button,
.entry-content .btn,
entry-content input[type="submit"],
.post-content button,
.post-content .button {
  background-color: #ffffff !important; /* bg-white */
  color: #000000 !important; /* text-black */
  font-weight: 600 !important; /* font-semibold */
  border: 1px solid #d1d5db !important; /* border-gray-300 */
  padding: 0.5rem 1rem !important; /* py-2 px-4 */
  border-radius: 0.5rem !important; /* rounded-lg */
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1) !important; /* shadow-md */
  transition: all 0.15s ease !important; /* transition duration-150 */
  cursor: pointer !important;
}

/* Hover state: hover:bg-gray-100 */
main#content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:hover,
.post-content .wp-block-button__link:hover,
main#content button:not(header button):not(nav button):hover,
main#content .button:hover,
.entry-content button:hover,
.entry-content .button:hover {
  background-color: #f3f4f6 !important; /* bg-gray-100 */
}

/* WooCommerce buttons in content */
main#content .woocommerce a.button,
main#content .woocommerce button.button,
main#content .woocommerce input.button {
  background-color: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border: 1px solid #d1d5db !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.875rem !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.15s ease !important;
}

main#content .woocommerce a.button:hover,
main#content .woocommerce button.button:hover,
main#content .woocommerce input.button:hover {
  background-color: #f3f4f6 !important;
}