/*
Theme Name: Templazee
Theme URI: https://templazee.com/theme/templazee/
Author: templazee
Author URI: https://templazee.com/
Description: Templaze is a block-based WordPress theme designed for those who want full control over their site’s design and structure. With Full Site Editing (FSE) support, this theme lets you customize every element of your website, including headers, footers, and layouts, all through the intuitive WordPress block editor. The theme boasts a clean design that focuses on simplicity, providing a modern and elegant look while maintaining performance. Built with minimal code, Templaze is lightweight, fast, and fully responsive, ensuring your site looks great on any device. As a starter theme, Templaze includes pre-designed block patterns and templates, allowing you to quickly build out your site with minimal effort. Whether you're a developer looking for flexibility or a site owner who wants to easily tweak the layout, this theme offers a seamless and customizable experience.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: templazee
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

  .ribbon-banner {
    width: 100%;
    margin: 48px auto;
    background: linear-gradient(135deg, #0b0f1a, #121a2f);
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 26px 90px rgba(0,0,0,0.75);
    overflow: hidden;
    font-family: "Poppins", Arial, sans-serif;
    color: #eef2ff;
    position: relative;
  }

  .ribbon-banner::before {
    content: "";
    position: absolute;
    inset: -40% -20% auto auto;
    width: 520px;
    height: 520px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 180, 90, 0.35), transparent 60%);
    opacity: 0.85;
    pointer-events: none;
  }

  .ribbon-inner {
    display: flex;
    align-items: stretch;
    gap: 18px;
    padding: 26px;
    position: relative;
    z-index: 1;
  }

  .ribbon-strip {
    width: 86px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffd166, #ff9f1c);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1204;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 12px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }

  .ribbon-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 6px 8px;
  }

  .ribbon-title {
    font-size: 2.05rem;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: #f6f8ff;
  }

  .ribbon-title span {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 999px;
    background: rgba(255, 209, 102, 0.18);
    border: 1px solid rgba(255, 209, 102, 0.28);
    color: #ffe7b3;
    font-weight: 900;
  }

  .ribbon-sub {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(238,242,255,0.78);
    max-width: 72ch;
  }

  .ribbon-cta {
    width: 260px;
    border-radius: 22px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }

  .ribbon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a1204;
    background: #ffd166;
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 18px 44px rgba(255,209,102,0.28);
    transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
    width: 100%;
  }

  .ribbon-btn:hover {
    transform: translateY(-2px);
    background: #ffe08a;
    box-shadow: 0 22px 58px rgba(255,209,102,0.38);
  }

  .ribbon-btn svg {
    width: 16px;
    height: 16px;
  }

  .ribbon-note {
    font-size: 12px;
    text-align: center;
    color: rgba(238,242,255,0.68);
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-weight: 800;
  }

  @media (max-width: 980px) {
    .ribbon-inner {
      flex-direction: column;
      padding: 20px;
      text-align: center;
    }

    .ribbon-strip {
      width: 100%;
      writing-mode: horizontal-tb;
      transform: none;
      border-radius: 14px;
      padding: 10px 0;
    }

    .ribbon-cta {
      width: 100%;
    }

    .ribbon-title {
      font-size: 1.6rem;
    }
  }


.table {
	width: 100%!important;
	border: none!important;
	margin-bottom: 20px!important;
	border-collapse: separate!important;
}
.table thead th {
	font-weight: bold!important;
	text-align: left!important;
	border: none!important;
	padding: 10px 15px!important;
	background: #EDEDED!important;
	font-size: 14px!important;
	border-top: 1px solid #ddd!important;
}
.table tr th:first-child, .table tr td:first-child {
	border-left: 1px solid #ddd!important;
}
.table tr th:last-child, .table tr td:last-child {
	border-right: 1px solid #ddd!important;
}
.table thead tr th:first-child {
	border-radius: 20px 0 0 0!important;
}
.table thead tr th:last-child {
	border-radius: 0 20px 0 0!important;
}
.table tbody td {
	text-align: left!important;
	border: none!important;
	padding: 10px 15px!important;
	font-size: 14px!important;
	vertical-align: top!important;
}
.table tbody tr:nth-child(even) {
	background: #F8F8F8!important;
}
.table tbody tr:last-child td{
	border-bottom: 1px solid #ddd!important;
}
.table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 20px!important;
}
.table tbody tr:last-child td:last-child {
	border-radius: 0 0 20px 0!important;
}


  .glass-container {
    width: 100%;
    max-width: 900px;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.55);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    padding: 25px;
    overflow-x: auto;
  }

  .table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
  }

  .table thead {
    background: rgba(255,255,255,0.6);
  }

  .table th {
    text-align: left;
    padding: 14px;
    font-weight: 600;
    color: #444;
    border-bottom: 1px solid rgba(0,0,0,0.05);
  }

  .table td {
    padding: 14px;
    color: #555;
    border-bottom: 1px solid rgba(0,0,0,0.04);
  }

  .table tbody tr {
    transition: all 0.2s ease;
  }

  .table tbody tr:hover {
    background: rgba(255,255,255,0.7);
    transform: scale(1.01);
  }

  /* Мобильная адаптация */
  @media (max-width: 640px) {
    .table {
      min-width: unset;
    }

    .table thead {
      display: none;
    }

    .table tr {
      display: block;
      margin-bottom: 15px;
      background: rgba(255,255,255,0.6);
      border-radius: 12px;
      padding: 10px;
    }

    .table td {
      display: flex;
      justify-content: space-between;
      padding: 10px;
      border: none;
      font-size: 14px;
    }

    .table td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #777;
    }
  }