/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     generatepress
 Version:      0.1
*/

/* =========================
   Global Font Settings
========================= */

body,
button,
input,
select,
textarea {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}

h1 { font-weight: 700; }
h2 { font-weight: 600; }
h3 { font-weight: 500; }

/* Font Weight Utility Classes */
.font-100 { font-weight: 100; }
.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
.font-900 { font-weight: 900; }

/* =========================
   Buttons
========================= */

button,
input[type="submit"],
button[type="submit"],
input[type="button"],
.wp-block-button__link,
.wpcf7-submit {
    background: #0a7e8c;
    color: #ffa700;
    border-radius: 6px;
    border: none;
    padding: 6px 12px; /* fixed padding */
    cursor: pointer;
    font-weight: 600;
    transition: background 0.3s ease, opacity 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.wpcf7-submit:hover {
    opacity: 0.85;
}

/* =========================
   Form Fields
========================= */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
}

/* =========================
   Typography
========================= */

p {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
}

/* Single post links */
.single-post p a {
    color: #007bff;
    font-size: 14px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
        font-weight: 600;
    }
}