/* Copyright (C) 2025-2026 adcitymag.ru */
/* Стили вынесены из шаблона page-templates/page-submit-rating.php */
    .submit-rating {
      background: var(--bodyBg, #fff);
      color: var(--mainColor, #111);
      transition: all var(--adcm-dur-base, .22s) ease;
    }
    
    [data-theme='dark'] .submit-rating {
      background: var(--darkCard, #0e0f11);
      color: var(--mainColor, #f5f5f5);
    }
    
    /* Контейнер */
    .submit-rating .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 20px;
    }
    
    /* Главный синий блок 60/40 с градиентом */
    .submit-rating .hero-block {
      background: linear-gradient(135deg, #0073aa 0%, #005a87 100%);
      color: var(--adcm-c-white, #fff);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 50px;
      margin-bottom: 50px;
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 40px;
      align-items: center;
      position: relative;
      overflow: hidden;
    }
    
    /* Декоративные элементы в фоне */
    .submit-rating .hero-block::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -10%;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
      border-radius: var(--adcm-r-circle, 50%);
      pointer-events: none;
    }
    
    [data-theme='dark'] .submit-rating .hero-block {
      background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    }
    
    @media (max-width: 900px) {
      .submit-rating .hero-block {
        grid-template-columns: 1fr;
        padding: 40px 30px;
        gap: 30px;
      }
    }
    
    .submit-rating .hero-content {
      position: relative;
      z-index: 2;
    }
    
    .submit-rating .hero-content h1 {
      font-size: clamp(32px, 5vw, 48px);
      font-weight: var(--bold, 800);
      margin-bottom: 15px;
      color: var(--adcm-c-white, #fff);
      line-height: 1.2;
    }
    
    .submit-rating .hero-desc {
      font-size: var(--t-card-lg, 18px);
      line-height: 1.6;
      opacity: 0.95;
      margin: 0;
    }
    
    .submit-rating .hero-form-section {
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.25);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 35px;
      text-align: center;
      position: relative;
      z-index: 2;
      box-shadow: var(--adcm-shadow-3, 0 8px 32px rgba(0, 0, 0, 0.1));
    }
    
    .submit-rating .hero-form-section h2 {
      font-size: 26px;
      font-weight: var(--bold, 700);
      margin-bottom: 12px;
      color: var(--adcm-c-white, #fff);
    }
    
    .submit-rating .hero-form-section p {
      font-size: var(--t-card, 15px);
      line-height: 1.6;
      opacity: 0.9;
      margin-bottom: 25px;
    }
    
    .submit-rating .submit-btn {
      display: inline-block;
      padding: 16px 48px;
      font-size: var(--t-body, 16px);
      font-weight: var(--bold, 700);
      color: #0073aa;
      background: var(--adcm-c-white, #fff);
      border: none;
      border-radius: var(--adcm-r-md, 12px);
      text-decoration: none;
      cursor: pointer;
      transition: all var(--adcm-dur-base, .22s) ease;
      box-shadow: var(--adcm-shadow-2, 0 4px 14px rgba(0, 0, 0, 0.15));
    }
    
    .submit-rating .submit-btn:hover {
      transform: translateY(-3px);
      box-shadow: var(--adcm-shadow-3, 0 8px 24px rgba(0, 0, 0, 0.25));
      color: #0073aa !important;
    }
    
    /* Сетка с процессом и предупреждением */
    .submit-rating .compact-grid {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 24px;
      margin-bottom: 50px;
    }
    
    @media (max-width: 1024px) {
      .submit-rating .compact-grid {
        grid-template-columns: 1fr;
      }
    }
    
    /* Процесс 2x2+1 с зелёным акцентом */
    .submit-rating .process-card {
      background: var(--lightColor, #fff);
      border: 2px solid var(--borderColor, #e5e5e5);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 35px;
      transition: all var(--adcm-dur-base, .22s) ease;
      position: relative;
      overflow: hidden;
    }
    
    .submit-rating .process-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: linear-gradient(180deg, var(--adcm-c-green, #10b981) 0%, #059669 100%);
      transform: scaleY(0);
      transition: transform var(--adcm-dur-base, .22s) ease;
    }
    
    .submit-rating .process-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--adcm-shadow-3, 0 12px 32px rgba(16, 185, 129, 0.15));
      border-color: var(--adcm-c-green, #10b981);
    }
    
    .submit-rating .process-card:hover::before {
      transform: scaleY(1);
    }
    
    [data-theme='dark'] .submit-rating .process-card {
      background: var(--darkBorder, #1e222a);
      border-color: var(--darkBorder, #333);
    }
    
    [data-theme='dark'] .submit-rating .process-card:hover {
      box-shadow: var(--adcm-shadow-3, 0 12px 32px rgba(16, 185, 129, 0.2));
      border-color: var(--adcm-c-green, #10b981);
    }
    
    .submit-rating .process-card h2 {
      font-size: 26px;
      font-weight: var(--bold, 700);
      margin-bottom: 25px;
      color: var(--headColor, #111);
      display: flex;
      align-items: center;
      gap: 12px;
    }
    
    .submit-rating .process-card h2::before {
      content: '▸';
      color: var(--adcm-c-green, #10b981);
      font-size: 28px;
      transition: transform var(--adcm-dur-base, .22s);
    }
    
    .submit-rating .process-card:hover h2::before {
      transform: translateX(4px);
    }
    
    [data-theme='dark'] .submit-rating .process-card h2 {
      color: var(--mainColor, #f5f5f5);
    }
    
    /* Сетка шагов 2x2+1 с цветными статусами */
    .submit-rating .steps-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
    
    .submit-rating .step-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding: 18px;
      background: rgba(16, 185, 129, 0.05);
      border: 1px solid rgba(16, 185, 129, 0.2);
      border-radius: var(--adcm-r-md, 12px);
      transition: all var(--adcm-dur-base, .22s) ease;
    }
    
    .submit-rating .step-item:hover {
      background: var(--adcm-c-green, #10b981);
      border-color: var(--adcm-c-green, #10b981);
      color: var(--adcm-c-white, #fff);
      transform: translateX(6px);
      box-shadow: var(--adcm-shadow-2, 0 4px 16px rgba(16, 185, 129, 0.3));
    }
    
    .submit-rating .step-item:hover .step-number {
      background: var(--adcm-c-white, #fff);
      color: var(--adcm-c-green, #10b981);
    }
    
    .submit-rating .step-item:hover .step-content h4,
    .submit-rating .step-item:hover .step-content p {
      color: var(--adcm-c-white, #fff);
    }
    
    [data-theme='dark'] .submit-rating .step-item {
      background: rgba(16, 185, 129, 0.1);
      border-color: rgba(16, 185, 129, 0.3);
    }
    
    .submit-rating .step-item:last-child {
      grid-column: 1 / -1;
    }
    
    .submit-rating .step-number {
      flex-shrink: 0;
      width: 40px;
      height: 40px;
      background: var(--adcm-c-green, #10b981);
      color: var(--adcm-c-white, #fff);
      border-radius: var(--adcm-r-circle, 50%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-card-lg, 18px);
      font-weight: var(--bold, 700);
      transition: all var(--adcm-dur-base, .22s) ease;
      box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
    }
    
    .submit-rating .step-content h4 {
      font-size: var(--t-body, 16px);
      font-weight: var(--bold, 700);
      margin-bottom: 6px;
      color: var(--headColor, #111);
      transition: color var(--adcm-dur-base, .22s);
    }
    
    [data-theme='dark'] .submit-rating .step-content h4 {
      color: var(--mainColor, #f5f5f5);
    }
    
    .submit-rating .step-content p {
      font-size: var(--t-ui, 14px);
      line-height: 1.6;
      color: var(--greyColor, #666);
      margin: 0;
      transition: color var(--adcm-dur-base, .22s);
    }
    
    /* Предупреждение с красным акцентом */
    .submit-rating .warning-card {
      background: rgba(239, 68, 68, 0.08);
      border: 2px solid rgba(239, 68, 68, 0.25);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 28px;
      transition: all var(--adcm-dur-base, .22s) ease;
    }
    
    .submit-rating .warning-card:hover {
      background: rgba(239, 68, 68, 0.12);
      border-color: rgba(239, 68, 68, 0.4);
      box-shadow: var(--adcm-shadow-3, 0 8px 24px rgba(239, 68, 68, 0.15));
    }
    
    [data-theme='dark'] .submit-rating .warning-card {
      background: rgba(239, 68, 68, 0.12);
    }
    
    .submit-rating .warning-card h3 {
      font-size: var(--t-h3, 20px);
      font-weight: var(--bold, 700);
      margin-bottom: 16px;
      color: #DC2626;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    .submit-rating .warning-card h3::before {
      content: '';
      width: 10px;
      height: 10px;
      background: var(--adcm-c-red, #ef4444);
      border-radius: var(--adcm-r-circle, 50%);
      box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    
    .submit-rating .warning-card ul {
      margin: 0;
      padding-left: 20px;
    }
    
    .submit-rating .warning-card li {
      font-size: var(--t-card, 15px);
      line-height: 1.8;
      color: var(--textColor, #555);
      margin-bottom: 10px;
    }
    
    [data-theme='dark'] .submit-rating .warning-card li {
      color: var(--darkText, #bbb);
    }
    
    /* Сетка 2x2 с цветными иконками */
    .submit-rating .info-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      margin-bottom: 50px;
    }
    
    @media (max-width: 768px) {
      .submit-rating .info-grid {
        grid-template-columns: 1fr;
      }
    }
    
    /* Информационная карточка */
    .submit-rating .info-card {
      background: var(--lightColor, #fff);
      border: 2px solid var(--borderColor, #e5e5e5);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 35px;
      transition: all var(--adcm-dur-base, .22s) ease;
      position: relative;
      overflow: hidden;
    }
    
    .submit-rating .info-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 100%;
      background: var(--accent-color, #0073aa);
      transform: scaleY(0);
      transition: transform var(--adcm-dur-base, .22s) ease;
    }
    
    .submit-rating .info-card:nth-child(1)::before { background: linear-gradient(180deg, #0073aa 0%, #005a87 100%); }
    .submit-rating .info-card:nth-child(2)::before { background: linear-gradient(180deg, var(--adcm-c-green, #10b981) 0%, #059669 100%); }
    .submit-rating .info-card:nth-child(3)::before { background: linear-gradient(180deg, var(--adcm-c-amber, #f59e0b) 0%, #D97706 100%); }
    .submit-rating .info-card:nth-child(4)::before { background: linear-gradient(180deg, var(--adcm-c-blue, #3b82f6) 0%, #2563EB 100%); }
    
    .submit-rating .info-card:hover {
      transform: translateY(-6px);
      box-shadow: var(--adcm-shadow-3, 0 12px 32px rgba(0, 0, 0, 0.12));
      border-color: var(--accent-color, #0073aa);
    }
    
    .submit-rating .info-card:nth-child(1):hover { border-color: #0073aa; }
    .submit-rating .info-card:nth-child(2):hover { border-color: var(--adcm-c-green, #10b981); }
    .submit-rating .info-card:nth-child(3):hover { border-color: var(--adcm-c-amber, #f59e0b); }
    .submit-rating .info-card:nth-child(4):hover { border-color: var(--adcm-c-blue, #3b82f6); }
    
    .submit-rating .info-card:hover::before {
      transform: scaleY(1);
    }
    
    [data-theme='dark'] .submit-rating .info-card {
      background: var(--darkBorder, #1e222a);
      border-color: var(--darkBorder, #333);
    }
    
    [data-theme='dark'] .submit-rating .info-card:hover {
      box-shadow: var(--adcm-shadow-3, 0 12px 32px rgba(0, 0, 0, 0.4));
    }
    
    .submit-rating .info-card-icon {
      font-size: 42px;
      margin-bottom: 20px;
      display: block;
    }
    
    .submit-rating .info-card h3 {
      font-size: var(--t-c-h2, 22px);
      font-weight: var(--bold, 700);
      margin-bottom: 15px;
      color: var(--headColor, #111);
      display: flex;
      align-items: center;
      gap: 10px;
    }
    
    .submit-rating .info-card h3::before {
      content: '▸';
      color: var(--accent-color, #0073aa);
      font-size: var(--t-h2, 24px);
      transition: transform var(--adcm-dur-base, .22s);
    }
    
    .submit-rating .info-card:nth-child(1) h3::before { color: #0073aa; }
    .submit-rating .info-card:nth-child(2) h3::before { color: var(--adcm-c-green, #10b981); }
    .submit-rating .info-card:nth-child(3) h3::before { color: var(--adcm-c-amber, #f59e0b); }
    .submit-rating .info-card:nth-child(4) h3::before { color: var(--adcm-c-blue, #3b82f6); }
    
    .submit-rating .info-card:hover h3::before {
      transform: translateX(4px);
    }
    
    [data-theme='dark'] .submit-rating .info-card h3 {
      color: var(--mainColor, #f5f5f5);
    }
    
    .submit-rating .info-card p {
      font-size: var(--t-card, 15px);
      line-height: 1.8;
      color: var(--textColor, #555);
      margin: 0;
    }
    
    [data-theme='dark'] .submit-rating .info-card p {
      color: var(--darkText, #bbb);
    }
    
    .submit-rating .info-card ul {
      list-style: none;
      padding: 0;
      margin: 15px 0 0 0;
    }
    
    .submit-rating .info-card li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 12px;
      font-size: var(--t-card, 15px);
      line-height: 1.7;
      color: var(--textColor, #555);
    }
    
    [data-theme='dark'] .submit-rating .info-card li {
      color: var(--darkText, #bbb);
    }
    
    .submit-rating .info-card li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 2px;
      width: 20px;
      height: 20px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat, rgba(16, 185, 129, 0.1);
      color: var(--adcm-c-green, #10b981);
      border-radius: var(--adcm-r-circle, 50%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-meta, 12px);
      font-weight: bold;
    }
    
    /* Балльная система с улучшенным дизайном */
    .submit-rating .rating-block {
      background: linear-gradient(135deg, #0073aa 0%, #005a87 100%);
      color: var(--adcm-c-white, #fff);
      border-radius: var(--adcm-r-xl, 20px);
      padding: 50px 40px;
      margin: 50px 0;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    
    .submit-rating .rating-block::before {
      content: '';
      position: absolute;
      top: -30%;
      left: -10%;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
      border-radius: var(--adcm-r-circle, 50%);
    }
    
    [data-theme='dark'] .submit-rating .rating-block {
      background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    }
    
    .submit-rating .rating-block h2 {
      font-size: clamp(26px, 4vw, 36px);
      font-weight: var(--bold, 800);
      margin-bottom: 20px;
      color: var(--adcm-c-white, #fff);
      position: relative;
      z-index: 2;
    }
    
    .submit-rating .rating-block p {
      font-size: var(--t-card-lg, 17px);
      line-height: 1.8;
      max-width: 800px;
      margin: 0 auto 35px;
      position: relative;
      z-index: 2;
    }
    
    .submit-rating .rating-scale {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-top: 35px;
      position: relative;
      z-index: 2;
    }
    
    .submit-rating .rating-item {
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 2px solid rgba(255, 255, 255, 0.2);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 24px 20px;
      transition: all var(--adcm-dur-base, .22s) ease;
    }
    
    .submit-rating .rating-item:hover {
      background: rgba(255, 255, 255, 0.18);
      border-color: rgba(255, 255, 255, 0.4);
      transform: translateY(-4px);
      box-shadow: var(--adcm-shadow-3, 0 8px 24px rgba(0, 0, 0, 0.15));
    }
    
    .submit-rating .rating-item strong {
      display: block;
      font-size: 28px;
      margin-bottom: 10px;
      font-weight: var(--bold, 800);
    }
    
    .submit-rating .rating-item span {
      font-size: var(--t-card, 15px);
      opacity: 0.95;
    }
    
    /* CTA ссылка */
    .submit-rating .cta-link {
      display: inline-block;
      padding: 16px 40px;
      font-size: var(--t-body, 16px);
      font-weight: var(--bold, 700);
      color: var(--adcm-c-white, #fff);
      background: rgba(255, 255, 255, 0.2);
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-radius: var(--adcm-r-md, 12px);
      text-decoration: none;
      transition: all var(--adcm-dur-base, .22s) ease;
      margin-top: 25px;
      position: relative;
      z-index: 2;
    }
    
    .submit-rating .cta-link:hover {
      background: var(--adcm-c-white, #fff);
      color: #0073aa !important;
      transform: translateY(-2px);
      box-shadow: var(--adcm-shadow-2, 0 8px 20px rgba(0, 0, 0, 0.2));
    }
    
    /* Дисклеймер */
    .submit-rating .disclaimer {
      background: var(--greyBg, #f4f6fb);
      border: 2px solid var(--borderColor, #e5e5e5);
      border-radius: var(--adcm-r-lg, 16px);
      padding: 30px;
      margin-top: 50px;
      font-size: var(--t-ui, 14px);
      line-height: 1.9;
      color: var(--greyColor, #666);
    }
    
    [data-theme='dark'] .submit-rating .disclaimer {
      background: var(--darkBorder, #1e222a);
      border-color: var(--darkBorder, #333);
      color: var(--greyColor, #aaa);
    }
    
    /* Адаптивность */
    @media (max-width: 768px) {
      .submit-rating .container {
        padding: 40px 15px;
      }
      
      .submit-rating .hero-block {
        padding: 40px 25px;
      }
      
      .submit-rating .hero-form-section {
        padding: 28px 20px;
      }
      
      .submit-rating .steps-grid {
        grid-template-columns: 1fr;
      }
      
      .submit-rating .step-item:last-child {
        grid-column: auto;
      }
      
      .submit-rating .rating-scale {
        grid-template-columns: 1fr;
      }
      
      .submit-rating .info-card {
        padding: 28px 20px;
      }
    }