/* HTML Converter global layout blocks — extracted from index.php */

/* --- block-13 --- */

.wth-brand-k7m9p3 {
         font-size: 1.7rem;
         font-weight: 800;
         color: #000000;
         letter-spacing: 0.08em;
         border: 2px solid #B6B09F;
         padding: 0.6rem 1.2rem;
         border-radius: 8px;
         background: #F2F2F2;
         transition: all 0.3s ease-in-out;
         display: inline-block;
         text-transform: uppercase;
         font-stretch: expanded;
         }
         .wth-brand-k7m9p3:hover {
         color: #F2F2F2;
         background: #000000;
         border-color: #EAE4D5;
         transform: scale(1.05);
         }
         @media (max-width: 768px) {
         .wth-brand-k7m9p3 {
         font-size: 1.3rem;
         padding: 0.4rem 0.8rem;
         }
         }
         .wth-header-q4w8r2t5 {
         background: #EAE4D5;
         padding: 20px 35px;
         border-bottom: 3px solid #B6B09F;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 40px;
         color: #000000;
         }
         .wth-header-q4w8r2t5 .wp-block-site-title,
         .wth-header-q4w8r2t5 .wp-block-site-title a {
         font-size: 1.7rem;
         font-weight: 800;
         color: #000000;
         text-decoration: none;
         margin: 0;
         padding: 0;
         }
         .wth-header-q4w8r2t5 .wp-block-navigation__container {
         gap: 0;
         list-style: none !important;
         margin: 0 !important;
         padding: 0 !important;
         display: flex;
         align-items: center;
         }
         .wth-header-q4w8r2t5 .wp-block-pages-list__item,
         .wth-header-q4w8r2t5 .wp-block-navigation-item {
         background: transparent !important;
         margin: 0 15px;
         border-radius: 6px;
         }
         .wth-header-q4w8r2t5 .wp-block-pages-list__item__link,
         .wth-header-q4w8r2t5 .wp-block-navigation-item__content {
         color: #000000;
         text-decoration: none !important;
         display: inline-block !important;
         padding: 0.5rem 0;
         border-bottom: 2px solid transparent;
         font-size: 1.05rem;
         font-weight: 400;
         transition: all 0.4s ease;
         }
         .wth-header-q4w8r2t5 .wp-block-pages-list__item__link:hover,
         .wth-header-q4w8r2t5 .wp-block-navigation-item__content:hover {
         background: #B6B09F;
         color: #000000;
         border-radius: 4px;
         padding: 0.5rem 1rem;
         }
         .wth-header-q4w8r2t5 .current-menu-item .wp-block-navigation-item__content {
         border-color: #B6B09F;
         font-weight: 600;
         color: #000000;
         }

/* --- block-14 --- */

.wth-hero-m9k7x2 {
         background: linear-gradient(135deg, #B6B09F 0%, #EAE4D5 100%);
         color: #000000;
         padding: 65px 40px;
         margin: 25px 0;
         border-radius: 35px;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
         text-align: center;
         transition: all 0.3s ease;
         }
         .wth-hero-m9k7x2 h1 {
         color: #000000;
         font-size: 2.2em;
         margin: 20px 0;
         border: 3px solid #000000;
         padding: 18px 35px;
         border-radius: 25px;
         background: rgba(242, 242, 242, 0.6);
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         transition: all 0.3s ease;
         }
         .wth-hero-m9k7x2 h1:hover {
         transform: translateY(-3px);
         box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
         }

/* --- block-15 --- */

.wth-content-b5n8q1 {
         background: #000000;
         color: #fff;
         padding: 15px;
         margin: 35px 0;
         border-radius: 18px;
         border: 2px solid #B6B09F;
         box-shadow: 0 4px 15px rgba(182, 176, 159, 0.25);
         }
         .wth-content-b5n8q1 figure {
         overflow-x: hidden !important;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         padding: 0 !important;
         background: transparent !important;
         }
         .wth-content-b5n8q1 table {
         overflow: hidden !important;
         border-radius: 12px !important;
         margin: 0;
         width: 100%;
         background: #F2F2F2;
         border-collapse: separate;
         border-spacing: 0;
         }
         .wth-content-b5n8q1 table td,
         .wth-content-b5n8q1 table th {
         color: #000000;
         padding: 12px 15px;
         border-bottom: 1px solid #B6B09F;
         text-align: left;
         }
         .wth-content-b5n8q1 table tr:hover {
         background: #EAE4D5;
         }
         .wth-content-b5n8q1 table th {
         background: #B6B09F;
         color: #000000;
         font-weight: 600;
         }
         .wth-content-b5n8q1 p {
         color: inherit;
         font-size: 16px;
         line-height: 1.6;
         margin: 15px 0;
         text-align: left;
         }
         .wth-content-b5n8q1 h2 {
         color: #fff;
         font-size: 1.8em;
         margin: 25px 0 15px 0;
         padding: 0;
         position: relative;
         text-align: left;
         }
         .wth-content-b5n8q1 h2::before {
         content: '';
         position: absolute;
         bottom: -8px;
         left: 0;
         width: 100%;
         height: 4px;
         background: linear-gradient(90deg, #EAE4D5 0%, #B6B09F 100%);
         border-radius: 2px;
         }
         .wth-content-b5n8q1 h4 {
         color: #fff;
         font-size: 1.2em;
         margin: 18px 0;
         padding: 12px 20px;
         border: 2px dashed #B6B09F;
         border-radius: 8px;
         text-align: left;
         background: rgba(234, 228, 213, 0.1);
         }
         .wth-content-b5n8q1 ul {
         list-style: none;
         padding-left: 0;
         background: linear-gradient(145deg, #EAE4D5 0%, #F2F2F2 100%);
         border-radius: 12px;
         padding: 18px;
         margin: 20px 0;
         }
         .wth-content-b5n8q1 ul li {
         color: #000000;
         position: relative;
         padding: 12px 15px 12px 2em;
         margin: 8px 0;
         background: rgba(182, 176, 159, 0.3);
         border-radius: 10px;
         transition: all 0.3s ease;
         }
         .wth-content-b5n8q1 ul li::before {
         content: '▷';
         position: absolute;
         left: 0.5em;
         top: 50%;
         transform: translateY(-50%);
         width: 1em;
         text-align: center;
         color: #000000;
         font-weight: bold;
         }
         .wth-content-b5n8q1 ul li:hover {
         transform: scale(1.02);
         background: rgba(182, 176, 159, 0.5);
         }
         .wth-content-b5n8q1 ul ul {
         background: rgba(234, 228, 213, 0.5);
         border-left: 3px solid #B6B09F;
         padding-left: 20px;
         margin: 10px 0;
         }
         .wth-content-b5n8q1 ul ul li {
         padding: 8px 12px 8px 1.8em;
         margin: 5px 0;
         background: rgba(242, 242, 242, 0.4);
         border-radius: 6px;
         }
         .wth-content-b5n8q1 ol {
         --wth-ol-badge-bg: #B6B09F;
         --wth-ol-badge-color: #000000;
         --wth-ol-badge-ring: transparent;
         --wth-ol-nested-badge-bg: #EAE4D5;
         list-style: none;
         padding-left: 0;
         counter-reset: item;
         margin: 20px 0;
         }
         .wth-content-b5n8q1 ol > li {
         position: relative;
         counter-increment: item;
         padding-left: 3.2em;
         margin: 10px 0;
         color: #fff;
         line-height: 1.6;
         }
         .wth-content-b5n8q1 ol > li::before {
         content: counter(item);
         position: absolute;
         left: 0;
         top: 50%;
         transform: rotate(45deg) translateY(-50%);
         width: 1.3em;
         height: 1.3em;
         background: var(--wth-ol-badge-bg);
         color: var(--wth-ol-badge-color);
         font-weight: 700;
         font-size: 0.85em;
         text-align: center;
         line-height: 1.3em;
         border-radius: 2px;
         transition: all 0.3s ease;
         }
         .wth-content-b5n8q1 ol ol {
         counter-reset: item;
         margin: 8px 0;
         }
         .wth-content-b5n8q1 ol ol > li {
         padding-left: 2.8em;
         margin: 6px 0;
         }
         .wth-content-b5n8q1 ol ol > li::before {
         content: counters(item, ".");
         width: 1.1em;
         height: 1.1em;
         background: var(--wth-ol-nested-badge-bg);
         font-size: 0.75em;
         line-height: 1.1em;
         }
         .wth-content-b5n8q1 details {
         margin: 12px 0;
         border: 2px solid #B6B09F;
         border-radius: 8px;
         overflow: hidden;
         background: rgba(234, 228, 213, 0.1);
         }
         .wth-content-b5n8q1 summary {
         background: #B6B09F;
         color: #000000;
         padding: 15px 20px;
         cursor: pointer;
         font-weight: 600;
         transition: all 0.3s ease;
         position: relative;
         }
         .wth-content-b5n8q1 summary:hover {
         background: #EAE4D5;
         text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
         }
         .wth-content-b5n8q1 summary::marker {
         content: '▼ ';
         transition: transform 0.3s ease;
         }
         .wth-content-b5n8q1 details[open] summary::marker {
         content: '▲ ';
         transform: rotate(180deg);
         }
         .wth-content-b5n8q1 details p {
         color: #fff;
         margin: 0;
         padding: 15px 20px;
         animation: slideDown 0.3s ease-out;
         }
         @keyframes slideDown {
         from {
         transform: translateY(-10px);
         opacity: 0;
         }
         to {
         transform: translateY(0);
         opacity: 1;
         }
         }

/* --- block-16 --- */

.wth-subcontent-r7d3k9 {
         background: transparent;
         color: #FFFFFF;
         padding: 15px;
         margin: 12px 0;
         border-bottom: 1px solid #B6B09F;
         border-radius: 0;
         }
         .wth-subcontent-r7d3k9 h3 {
         color: #FFFFFF;
         font-size: 1.5em;
         margin: 15px 0;
         padding-bottom: 8px;
         position: relative;
         text-align: left;
         border-bottom: 2px solid #B6B09F;
         }
         .wth-subcontent-r7d3k9 h3::after {
         content: '';
         position: absolute;
         bottom: -4px;
         left: 0;
         width: 60%;
         height: 2px;
         background: #EAE4D5;
         border-radius: 1px;
         }
         .wth-subcontent-r7d3k9 p {
         color: #FFFFFF;
         font-size: 16px;
         line-height: 1.6;
         margin: 12px 0;
         text-align: left;
         }
         .wth-subcontent-r7d3k9 ul {
         color: #FFFFFF;
         }
         .wth-subcontent-r7d3k9 ol {
         color: #FFFFFF;
         }
         .wth-subcontent-r7d3k9 li {
         color: #FFFFFF;
         }

/* --- block-17 --- */

.wth-btn-pulse-x4z8w5 a {
         display: inline-block !important;
         background: linear-gradient(135deg, #EAE4D5 0%, #B6B09F 100%) !important;
         color: #000000 !important;
         text-decoration: none !important;
         padding: 18px 45px !important;
         border: 3px solid #000000 !important;
         border-radius: 35px !important;
         font-weight: 600 !important;
         font-size: 16px !important;
         transition: all 0.4s ease !important;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
         text-transform: uppercase !important;
         letter-spacing: 1px !important;
         position: relative !important;
         overflow: hidden !important;
         }
         .wth-btn-pulse-x4z8w5 a:hover {
         background: linear-gradient(135deg, #F2F2F2 0%, #EAE4D5 100%) !important;
         transform: translateY(-3px) scale(1.05) !important;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
         animation: pulse 1.5s infinite !important;
         }
         .wth-btn-pulse-x4z8w5 a:active {
         transform: translateY(-1px) scale(1.02) !important;
         }
         .wth-btn-pulse-x4z8w5 a:focus {
         outline: 3px solid #B6B09F !important;
         outline-offset: 3px !important;
         }
         @keyframes pulse {
         0%, 100% { transform: translateY(-3px) scale(1.05); }
         50% { transform: translateY(-5px) scale(1.08); }
         }

/* --- block-18 --- */

:where(.wp-site-blocks) > * {
         margin-block-start: 0!important;
         margin-block-end: 0!important;
         }
         .mainWrapper-n2h6p8 {
         margin: 0;
         padding: 25px 0;
         }
         .mainWrapper-n2h6p8:nth-child(odd) {
         background-color: #F2F2F2;
         }
         .mainWrapper-n2h6p8:nth-child(even) {
         background-color: #EAE4D5;
         }
         .mainWrapper-n2h6p8:first-child {
         background-color: #F2F2F2;
         }

/* --- block-19 --- */

.wth-brand-k7m9p3 {
         font-size: 1.7rem;
         font-weight: 800;
         color: #000000;
         letter-spacing: 0.08em;
         border: 2px solid #B6B09F;
         padding: 0.6rem 1.2rem;
         border-radius: 8px;
         background: #F2F2F2;
         transition: all 0.3s ease-in-out;
         display: inline-block;
         text-transform: uppercase;
         font-stretch: expanded;
         }
         .wth-brand-k7m9p3:hover {
         color: #F2F2F2;
         background: #000000;
         border-color: #EAE4D5;
         transform: scale(1.05);
         }
         @media (max-width: 768px) {
         .wth-brand-k7m9p3 {
         font-size: 1.3rem;
         padding: 0.4rem 0.8rem;
         }
         }
         .wth-footer-m3n7b9x1 {
         background: #EAE4D5;
         padding: 20px 35px;
         border-top: 3px solid #B6B09F;
         box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 40px;
         color: #000000;
         flex-direction: column;
         }
         .wth-footer-m3n7b9x1 p {
         color: #000000;
         margin: 10px 0;
         text-align: center;
         }
         .wth-footer-m3n7b9x1 .wp-block-navigation__container {
         gap: 0;
         list-style: none !important;
         margin: 0 !important;
         padding: 0 !important;
         display: flex;
         align-items: center;
         }
         .wth-footer-m3n7b9x1 .wp-block-pages-list__item,
         .wth-footer-m3n7b9x1 .wp-block-navigation-item {
         background: transparent !important;
         margin: 0 25px;
         border-radius: 6px;
         }
         .wth-footer-m3n7b9x1 .wp-block-pages-list__item__link,
         .wth-footer-m3n7b9x1 .wp-block-navigation-item__content {
         color: #000000;
         text-decoration: none !important;
         display: inline-block !important;
         padding: 0.5rem 0;
         border-bottom: 2px solid transparent;
         font-size: 1.05rem;
         font-weight: 400;
         transition: all 0.4s ease;
         }
         .wth-footer-m3n7b9x1 .wp-block-pages-list__item__link:hover,
         .wth-footer-m3n7b9x1 .wp-block-navigation-item__content:hover {
         background: #B6B09F;
         color: #000000;
         border-radius: 4px;
         padding: 0.5rem 1rem;
         }
         .wth-footer-m3n7b9x1 .current-menu-item .wp-block-navigation-item__content {
         border-color: #B6B09F;
         font-weight: 600;
         color: #000000;
         }
         .wth-footer-m3n7b9x1 .wp-block-separator {
         width: 100%;
         border-color: #B6B09F;
         margin: 20px 0;
         }

/* --- block-20 --- */

@media (max-width: 768px) {
         .wth-hero-m9k7x2 {
         padding: 30px 20px;
         margin: 15px 0;
         border-radius: 20px;
         }
         .wth-hero-m9k7x2 h1 {
         font-size: 28px;
         padding: 12px 20px;
         margin: 15px 0;
         border-radius: 15px;
         }
         .wth-content-b5n8q1 {
         padding: 12px;
         margin: 20px 0;
         border-radius: 12px;
         }
         .wth-content-b5n8q1 p {
         font-size: 14px;
         margin: 10px 0;
         }
         .wth-content-b5n8q1 h2 {
         font-size: 24px;
         margin: 20px 0 12px 0;
         }
         .wth-content-b5n8q1 h4 {
         font-size: 18px;
         margin: 12px 0;
         padding: 8px 15px;
         }
         .wth-content-b5n8q1 ul {
         padding: 12px;
         margin: 15px 0;
         }
         .wth-content-b5n8q1 ul li {
         padding: 8px 12px 8px 1.8em;
         margin: 5px 0;
         }
         .wth-content-b5n8q1 ol > li {
         padding-left: 2.8em;
         margin: 8px 0;
         }
         .wth-content-b5n8q1 table {
         overflow-x: auto;
         font-size: 14px;
         }
         .wth-content-b5n8q1 table td,
         .wth-content-b5n8q1 table th {
         padding: 8px 10px;
         }
         .wth-content-b5n8q1 summary {
         padding: 12px 15px;
         font-size: 14px;
         }
         .wth-content-b5n8q1 details p {
         padding: 12px 15px;
         font-size: 14px;
         }

