/**
 * My Account Page Styles for Titan Fitnes Theme
 * WooCommerce My Account / Profile Page
 * 
 * @package Titan_Fitnes
 * @since 1.0.0
 */

/* ============================
   MY ACCOUNT PAGE GENERAL
   ============================ */

   body.woocommerce-account,
   body.logged-in.woocommerce-account,
   .woocommerce-account {
       background-color: #000 !important;
       min-height: 80vh;
       padding: 0px 0 40px 0;
   }
   
   /* Global Typography - ONLY for My Account content area, NOT header */
   .woocommerce-account .woocommerce h1,
   .woocommerce-account .woocommerce .h1 {
       font-family: 'Montserrat', sans-serif;
       font-size: 42px;
       font-weight: 700;
       color: #fff !important;
       line-height: 1.2;
       margin-bottom: 30px;
   }
   
   .woocommerce-account .woocommerce h2,
   .woocommerce-account .woocommerce .h2 {
       font-family: 'Montserrat', sans-serif;
       font-size: 32px;
       font-weight: 700;
       color: #fff !important;
       line-height: 1.3;
       margin-bottom: 25px;
   }
   
   .woocommerce-account .woocommerce h3,
   .woocommerce-account .woocommerce .h3 {
       font-family: 'Montserrat', sans-serif;
       font-size: 24px;
       font-weight: 700;
       color: #fff !important;
       line-height: 1.4;
       margin-bottom: 20px;
   }
   
   .woocommerce-account .woocommerce h4,
   .woocommerce-account .woocommerce .h4 {
       font-family: 'Montserrat', sans-serif;
       font-size: 20px;
       font-weight: 600;
       color: #fff !important;
       line-height: 1.4;
       margin-bottom: 15px;
   }
   
   .woocommerce-account .woocommerce h5,
   .woocommerce-account .woocommerce .h5 {
       font-family: 'Montserrat', sans-serif;
       font-size: 18px;
       font-weight: 600;
       color: #fff !important;
       line-height: 1.5;
       margin-bottom: 15px;
   }
   
   .woocommerce-account .woocommerce h6,
   .woocommerce-account .woocommerce .h6 {
       font-family: 'Montserrat', sans-serif;
       font-size: 16px;
       font-weight: 600;
       color: #fff !important;
       line-height: 1.5;
       margin-bottom: 10px;
   }
   
   .woocommerce-account .woocommerce p {
       font-family: 'Sofia Sans', sans-serif;
       font-size: 16px;
       line-height: 1.8;
       color: rgba(255, 255, 255, 0.85) !important;
       margin-bottom: 20px;
   }
   
   /* Links - ONLY in content area, NOT header */
   .woocommerce-account .woocommerce a {
       color: var(--titan-primary) !important;
       transition: color 0.3s ease;
   }
   
   .woocommerce-account .woocommerce a:hover {
       color: #d4e600 !important;
   }
   
   .woocommerce-account .woocommerce strong,
   .woocommerce-account .woocommerce b {
       font-weight: 700;
       color: #fff !important;
   }
   
   .woocommerce-account .woocommerce {
       max-width: 1400px;
       margin: 0 auto;
       padding: 0 75px;
   }
   
   /* Page Title */
   .woocommerce-account .page-title,
   .woocommerce-account .entry-title {
       font-family: 'Montserrat', sans-serif;
       font-size: 42px;
       font-weight: 700;
       padding-top: 60px;
       color: #fff;
       text-align: center;
       margin: 0 0 50px 0;
       position: relative;
       padding-bottom: 20px;
   }
   
   .woocommerce-account .page-title::after,
   .woocommerce-account .entry-title::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 50%;
       transform: translateX(-50%);
       width: 100px;
       height: 4px;
       background: linear-gradient(90deg, var(--titan-primary) 0%, #d4e600 100%);
       border-radius: 2px;
   }
   
   /* ============================
      MY ACCOUNT LAYOUT
      ============================ */
   
   .woocommerce-account .woocommerce-MyAccount-content,
   .woocommerce-account .woocommerce-MyAccount-navigation {
       background-color: #0a0a0a;
       border-radius: 12px;
       border: 1px solid rgba(255, 255, 255, 0.05);
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
   }
   
   /* Two Column Layout */
   .woocommerce-account .woocommerce-MyAccount-content {
       padding: 40px;
   }
   
   /* ============================
      NAVIGATION MENU (SIDEBAR)
      ============================ */
   
   .woocommerce-MyAccount-navigation {
       padding: 0;
       margin-bottom: 30px;
       overflow: hidden;
   }
   
   .woocommerce-MyAccount-navigation ul {
       list-style: none;
       padding: 0;
       margin: 0;
   }
   
   .woocommerce-MyAccount-navigation li {
       margin: 0;
       border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   }
   
   .woocommerce-MyAccount-navigation li:last-child {
       border-bottom: none;
   }
   
   .woocommerce-MyAccount-navigation li a {
       display: flex;
       align-items: center;
       padding: 18px 30px;
       font-family: 'Montserrat', sans-serif;
       font-size: 15px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.8);
       text-decoration: none;
       transition: all 0.3s ease;
       position: relative;
   }
   
   .woocommerce-MyAccount-navigation li a::before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       bottom: 0;
       width: 4px;
       background-color: var(--titan-primary);
       transform: scaleY(0);
       transition: transform 0.3s ease;
   }
   
   .woocommerce-MyAccount-navigation li a:hover {
       background-color: rgba(198, 255, 10, 0.05);
       color: #fff;
       padding-left: 35px;
   }
   
   .woocommerce-MyAccount-navigation li.is-active a {
       background-color: rgba(198, 255, 10, 0.1);
       color: var(--titan-primary);
       padding-left: 35px;
   }
   
   .woocommerce-MyAccount-navigation li.is-active a::before {
       transform: scaleY(1);
   }
   
   /* Add icons to menu items */
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {
       content: '📊';
       margin-right: 12px;
       font-size: 18px;
   }
   
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {
       content: '📦';
       margin-right: 12px;
       font-size: 18px;
   }
   
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before {
       content: '⬇️';
       margin-right: 12px;
       font-size: 18px;
   }
   
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {
       content: '📍';
       margin-right: 12px;
       font-size: 18px;
   }
   
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {
       content: '👤';
       margin-right: 12px;
       font-size: 18px;
   }
   
   .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
       content: '🚪';
       margin-right: 12px;
       font-size: 18px;
   }
   
   /* ============================
      CONTENT SECTIONS
      ============================ */
   
   .woocommerce-MyAccount-content h2,
   .woocommerce-MyAccount-content h3 {
       font-family: 'Montserrat', sans-serif;
       font-size: 28px;
       font-weight: 700;
       color: #fff;
       margin: 0 0 25px 0;
       padding-bottom: 15px;
       border-bottom: 2px solid var(--titan-primary);
   }
   
   .woocommerce-MyAccount-content h3 {
       font-size: 22px;
   }
   
   .woocommerce-MyAccount-content p {
       font-family: 'Sofia Sans', sans-serif;
       font-size: 16px;
       line-height: 1.8;
       color: rgba(255, 255, 255, 0.85);
       margin-bottom: 20px;
   }
   
   .woocommerce-MyAccount-content a:not(.button) {
       color: var(--titan-primary);
       text-decoration: underline;
       transition: color 0.3s ease;
   }
   
   .woocommerce-MyAccount-content a:not(.button):hover {
       color: #d4e600;
   }
   
   /* ============================
      ORDERS TABLE
      ============================ */
   
   .woocommerce-orders-table {
       width: 100%;
       border-collapse: separate;
       border-spacing: 0;
       margin: 30px 0;
       border-radius: 12px;
       overflow: hidden;
       background-color: #0f0f0f;
   }
   
   .woocommerce-orders-table thead {
       background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);
   }
   
   .woocommerce-orders-table thead th {
       font-family: 'Montserrat', sans-serif;
       font-size: 13px;
       font-weight: 700;
       color: var(--titan-primary);
       text-transform: uppercase;
       letter-spacing: 1px;
       padding: 20px 15px;
       text-align: left;
       border-bottom: 2px solid var(--titan-primary);
   }
   
   .woocommerce-orders-table tbody tr {
       background-color: #0a0a0a;
       border-bottom: 1px solid rgba(255, 255, 255, 0.05);
       transition: background-color 0.3s ease;
   }
   
   .woocommerce-orders-table tbody tr:hover {
       background-color: #0f0f0f;
   }
   
   .woocommerce-orders-table tbody td {
       font-family: 'Sofia Sans', sans-serif;
       color: rgba(255, 255, 255, 0.9);
       padding: 20px 15px;
       vertical-align: middle;
   }
   
   .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
       color: var(--titan-primary);
       font-weight: 700;
       text-decoration: none;
   }
   
   .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
       text-decoration: underline;
   }
   
   .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
       font-weight: 600;
   }
   
   /* Order Status Colors */
   .woocommerce-orders-table .woocommerce-order-status {
       padding: 6px 12px;
       border-radius: 4px;
       font-size: 12px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.5px;
   }
   
   .woocommerce-order-status.status-completed {
       background-color: rgba(40, 167, 69, 0.2);
       color: #28a745;
   }
   
   .woocommerce-order-status.status-processing {
       background-color: rgba(198, 255, 10, 0.2);
       color: var(--titan-primary);
   }
   
   .woocommerce-order-status.status-on-hold {
       background-color: rgba(255, 193, 7, 0.2);
       color: #ffc107;
   }
   
   .woocommerce-order-status.status-cancelled,
   .woocommerce-order-status.status-failed {
       background-color: rgba(220, 53, 69, 0.2);
       color: #dc3545;
   }
   
   /* View Button */
   .woocommerce-orders-table .woocommerce-button.button.view {
       background-color: var(--titan-primary);
       color: #000;
       padding: 10px 20px;
       font-family: 'Montserrat', sans-serif;
       font-size: 13px;
       font-weight: 700;
       text-transform: uppercase;
       border-radius: 4px;
       border: none;
       text-decoration: none;
       transition: all 0.3s ease;
   }
   
   .woocommerce-orders-table .woocommerce-button.button.view:hover {
       background-color: #d4e600;
       transform: translateY(-1px);
   }
   
   /* ============================
      FORMS
      ============================ */
   
   .woocommerce-MyAccount-content form {
       margin: 30px 0;
   }
   
   .woocommerce-MyAccount-content .form-row {
       margin-bottom: 20px;
   }
   
   .woocommerce-MyAccount-content label {
       font-family: 'Sofia Sans', sans-serif;
       font-size: 14px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.9);
       margin-bottom: 8px;
       display: block;
   }
   
   .woocommerce-MyAccount-content label .required {
       color: var(--titan-primary);
       font-weight: 700;
   }
   
   .woocommerce-MyAccount-content input[type="text"],
   .woocommerce-MyAccount-content input[type="email"],
   .woocommerce-MyAccount-content input[type="tel"],
   .woocommerce-MyAccount-content input[type="password"],
   .woocommerce-MyAccount-content input[type="number"],
   .woocommerce-MyAccount-content select,
   .woocommerce-MyAccount-content textarea {
       width: 100%;
       padding: 14px 18px;
       font-family: 'Sofia Sans', sans-serif;
       font-size: 15px;
       color: #fff;
       background-color: #1a1a1a;
       border: 2px solid rgba(255, 255, 255, 0.1);
       border-radius: 8px;
       transition: all 0.3s ease;
   }
   
   .woocommerce-MyAccount-content input:focus,
   .woocommerce-MyAccount-content select:focus,
   .woocommerce-MyAccount-content textarea:focus {
       outline: none;
       border-color: var(--titan-primary);
       background-color: #222;
       box-shadow: 0 0 0 3px rgba(198, 255, 10, 0.1);
   }
   
   .woocommerce-MyAccount-content textarea {
       min-height: 120px;
       resize: vertical;
   }
   
   /* Select Dropdown */
   .woocommerce-MyAccount-content select {
       appearance: none;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C6FF0A' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: right 15px center;
       background-size: 12px;
       padding-right: 40px;
       cursor: pointer;
   }
   
   /* Buttons */
   .woocommerce-MyAccount-content button[type="submit"],
   .woocommerce-MyAccount-content .button,
   .woocommerce-MyAccount-content input[type="submit"] {
       padding: 16px 40px;
       font-family: 'Montserrat', sans-serif;
       font-size: 15px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       color: #000;
       background-color: var(--titan-primary);
       border: none;
       border-radius: 4px;
       cursor: pointer;
       transition: all 0.3s ease;
       text-decoration: none;
       display: inline-block;
   }
   
   .woocommerce-MyAccount-content button[type="submit"]:hover,
   .woocommerce-MyAccount-content .button:hover,
   .woocommerce-MyAccount-content input[type="submit"]:hover {
       background-color: #d4e600;
       transform: translateY(-1px);
   }
   
   /* ============================
       ADDRESSES
       ============================ */
   
   .woocommerce-Addresses,
   .woocommerce-account .u-columns.woocommerce-Addresses,
   .woocommerce-account .col2-set.addresses {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 30px;
       margin: 30px 0;
   }
   
   /* Ensure columns are side by side */
   .woocommerce-Addresses .u-column1,
   .woocommerce-Addresses .u-column2,
   .woocommerce-Addresses .col-1,
   .woocommerce-Addresses .col-2 {
       width: 100%;
       float: none;
       margin: 0;
   }
   
   .woocommerce-Address {
       background-color: #0f0f0f;
       padding: 30px;
       border-radius: 12px;
       border: 2px solid rgba(255, 255, 255, 0.05);
       transition: all 0.3s ease;
   }
   
   .woocommerce-Address:hover {
       border-color: var(--titan-primary);
       box-shadow: 0 0 20px rgba(198, 255, 10, 0.1);
   }
   
   .woocommerce-Address-title,
   .woocommerce-Address-title.title {
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin-bottom: 20px;
   }
   
   .woocommerce-Address-title h2,
   .woocommerce-Address-title h3 {
       font-family: 'Montserrat', sans-serif;
       font-size: 20px;
       font-weight: 700;
       color: #fff !important;
       margin: 0 !important;
       border: none !important;
       padding: 0 !important;
   }
   
   .woocommerce-Address-title .edit {
       font-family: 'Sofia Sans', sans-serif;
       font-size: 14px;
       color: var(--titan-primary);
       text-decoration: none;
       transition: color 0.3s ease;
   }
   
   .woocommerce-Address-title .edit:hover {
       color: #d4e600;
       text-decoration: underline;
   }
   
   .woocommerce-Address address {
       font-family: 'Sofia Sans', sans-serif;
       font-size: 15px;
       line-height: 1.8;
       color: rgba(255, 255, 255, 0.85) !important;
       font-style: normal;
   }
   
   /* Empty address state */
   .woocommerce-Address address:empty::after {
       content: 'Все още не сте попълнили този адрес.';
       color: rgba(255, 255, 255, 0.5);
       font-style: italic;
   }
   
   /* ============================
      DASHBOARD
      ============================ */
   
   .woocommerce-MyAccount-content.dashboard p:first-child {
       font-size: 18px;
       color: rgba(255, 255, 255, 0.9);
       margin-bottom: 30px;
   }
   
   /* ============================
      MESSAGES & NOTICES
      ============================ */
   
   .woocommerce-account .woocommerce-message,
   .woocommerce-account .woocommerce-info,
   .woocommerce-account .woocommerce-error {
       margin-bottom: 30px;
       padding: 20px 25px;
       border-radius: 8px;
       font-family: 'Sofia Sans', sans-serif;
       font-size: 15px;
   }
   
   .woocommerce-account .woocommerce-message {
       background-color: rgba(198, 255, 10, 0.1);
       border-left: 4px solid var(--titan-primary);
       color: #fff;
   }
   
   .woocommerce-account .woocommerce-info {
       background-color: rgba(0, 122, 255, 0.1);
       border-left: 4px solid #007aff;
       color: #fff;
   }
   
   .woocommerce-account .woocommerce-error {
       background-color: rgba(255, 59, 48, 0.1);
       border-left: 4px solid #ff3b30;
       color: #fff;
   }
   
   /* ============================
      RESPONSIVE
      ============================ */
   
   @media (max-width: 1024px) {
       .woocommerce-account .woocommerce {
           padding: 0 40px;
       }
       
       /* Stack addresses on tablet */
       .woocommerce-Addresses,
       .woocommerce-account .u-columns.woocommerce-Addresses,
       .woocommerce-account .col2-set.addresses {
           grid-template-columns: 1fr !important;
           gap: 20px;
       }
   }
   
   @media (max-width: 768px) {
       .woocommerce-account {
           padding: 40px 0 60px 0;
       }
       
       .woocommerce-account .woocommerce {
           padding: 0 20px;
       }
       
       .woocommerce-account .page-title,
       .woocommerce-account .entry-title {
           font-size: 32px;
           margin-bottom: 35px;
       }
       
       .woocommerce-account .woocommerce-MyAccount-content {
           padding: 25px;
       }
       
       /* Responsive Typography - scoped to content area */
       .woocommerce-account .woocommerce h1,
       .woocommerce-account .woocommerce .h1 {
           font-size: 32px;
       }
       
       .woocommerce-account .woocommerce h2,
       .woocommerce-account .woocommerce .h2,
       .woocommerce-MyAccount-content h2 {
           font-size: 24px;
       }
       
       .woocommerce-account .woocommerce h3,
       .woocommerce-account .woocommerce .h3,
       .woocommerce-MyAccount-content h3 {
           font-size: 20px;
       }
       
       .woocommerce-account .woocommerce h4,
       .woocommerce-account .woocommerce .h4 {
           font-size: 18px;
       }
       
       .woocommerce-account .woocommerce h5,
       .woocommerce-account .woocommerce .h5 {
           font-size: 16px;
       }
       
       .woocommerce-account .woocommerce h6,
       .woocommerce-account .woocommerce .h6 {
           font-size: 15px;
       }
       
       /* Make table scrollable */
       .woocommerce-orders-table-wrapper {
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;
       }
       
       .woocommerce-orders-table {
           min-width: 600px;
       }
       
       .woocommerce-orders-table thead th,
       .woocommerce-orders-table tbody td {
           padding: 15px 10px;
           font-size: 13px;
       }
   }
   
   @media (max-width: 480px) {
       .woocommerce-account .page-title,
       .woocommerce-account .entry-title {
           font-size: 28px;
       }
       
       .woocommerce-account .woocommerce-MyAccount-content {
           padding: 20px;
       }
       
       /* Mobile Typography - scoped to content area */
       .woocommerce-account .woocommerce h1,
       .woocommerce-account .woocommerce .h1 {
           font-size: 28px;
       }
       
       .woocommerce-account .woocommerce h2,
       .woocommerce-account .woocommerce .h2 {
           font-size: 22px;
       }
       
       .woocommerce-account .woocommerce h3,
       .woocommerce-account .woocommerce .h3 {
           font-size: 18px;
       }
       
       .woocommerce-account .woocommerce h4,
       .woocommerce-account .woocommerce .h4 {
           font-size: 16px;
       }
       
       .woocommerce-account .woocommerce h5,
       .woocommerce-account .woocommerce .h5,
       .woocommerce-account .woocommerce h6,
       .woocommerce-account .woocommerce .h6 {
           font-size: 15px;
       }
       
       .woocommerce-account .woocommerce p {
           font-size: 15px;
       }
       
       .woocommerce-MyAccount-navigation li a {
           padding: 15px 20px;
           font-size: 14px;
       }
       
       .woocommerce-MyAccount-content button[type="submit"],
       .woocommerce-MyAccount-content .button {
           padding: 14px 30px;
           font-size: 14px;
           width: 100%;
       }
       
       .woocommerce-Address {
           padding: 20px;
       }
   }
   
   .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
   }

   .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
   }

   .woocommerce-page .col2-set::before {
    display: none;
   }
   
    .woocommerce-page .woocommerce-info .button {
        background-color: #000;
    }