/*
 Theme Name:        Twenty Twenty-Five Child
 Theme URI:         https://yourwebsite.com
 Description:       A child theme for Twenty Twenty-Five (Version 1.5)
 Author:            Your Name
 Author URI:        https://yourwebsite.com
 Template:          twentytwentyfive
 Version:           1.0.0
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       twentytwentyfive-child
 Tags:              child-theme
*/

/*
 ================================================================
  All your custom CSS goes below this line.
  Parent theme styles are loaded automatically via functions.php
 ================================================================
*/

/* Navigation */
    .nav {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      padding: 28px 80px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .logo-mark {
      width: 44px;
      height: 44px;
    }

    .logo-mark svg {
      width: 100%;
      height: 100%;
    }

    .logo-text {
      display: flex;
      flex-direction: column;
      line-height: 1;
    }

    .logo-text .brand {
      font-weight: 800;
      font-size: 18px;
      color: #111;
      letter-spacing: -0.3px;
    }

    .logo-text .tag {
      font-style: italic;
      font-weight: 600;
      font-size: 9px;
      color: #111;
      margin-top: 3px;
      letter-spacing: 0.3px;
    }

    .nav-links {
      display: flex;
      gap: 56px;
      list-style: none;
    }

    .nav-links a {
      text-decoration: none;
      color: #1a1a1a;
      font-size: 17px;
      font-weight: 500;
      transition: color 0.2s;
    }

    .nav-links a:hover {
      color: #ff6b1a;
    }

    .btn-primary {
      background: linear-gradient(90deg, #ff7a1a 0%, #ff5e1a 100%);
      color: #fff;
      border: none;
      padding: 14px 36px;
      border-radius: 50px;
      font-size: 17px;
      font-weight: 600;
      font-family: inherit;
      cursor: pointer;
      box-shadow: 0 4px 14px rgba(255, 107, 26, 0.35);
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .btn-primary:hover {
      transform: translateY(-1px);
      box-shadow: 0 6px 18px rgba(255, 107, 26, 0.45);
    }