/*
Theme Name: Creative Art & Design
Theme URI: https://creativeartdesign1.com/
Description: A premium child theme for Creative Art & Design, focused on clean professional design with subtle creative effects.
Author: Shahrukh Siddiqui / Creative Art & Design
Author URI: https://creativeartdesign1.com/
Template: kadence
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creative-art-design
*/

/* =========================
   GOOGLE FONTS IMPORT
========================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Orbitron:wght@500;600;700&family=Quantico:wght@400;700&display=swap');

/* =========================
   GLOBAL BODY TEXT
========================= */
body, button, input, select, textarea {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #1F1F1F;
}

/* =========================
   MAIN HEADLINES
========================= */
h1 {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

/* =========================
   SUB HEADINGS
========================= */
h2, h3 {
    font-family: 'Quantico', sans-serif;
    font-weight: 700;
}

/* =========================
   SMALL HEADINGS
========================= */
h4, h5, h6 {
    font-family: 'Quantico', sans-serif;
    font-weight: 400;
}

/* =========================
   BUTTON BASIC STYLE
========================= */
button,
.wp-block-button__link,
.kb-button {
    font-family: 'Orbitron', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: transparent;
    border: 2px solid #2563EB;
    color: #2563EB;
    transition: all 0.35s ease;
    border-radius: 4px; /* Added for a cleaner professional look */
}

/* =========================
   ELECTRIC BLUE HOVER EFFECT
========================= */
button:hover,
.wp-block-button__link:hover,
.kb-button:hover {
    background: #2563EB;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
}