.elementor-kit-202{--e-global-color-secondary:#F8F8F8;--e-global-color-primary:#E6E6E6;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF2B;--e-global-color-4989307:#FFFFFF;--e-global-color-016c171:#0D0D10;--e-global-color-d49ac81:#1C126C;--e-global-color-332724a:#B08301;--e-global-color-4d462f5:#FFFFFF2B;--e-global-color-cfa1f76:#2D2D2D;--e-global-color-7fbea4f:#2C2C2C;--e-global-color-c94d9ab:#232323;--e-global-color-044b931:#0C0C0C;--e-global-color-638d055:#000000;--e-global-color-ec3c7a7:#4746FE;--e-global-color-3ee16e7:#816001;--e-global-typography-primary-font-family:"Golos Text";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Golos Text";--e-global-typography-secondary-font-size:39px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Golos Text";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1em;--e-global-typography-a435f28-font-family:"Golos Text";--e-global-typography-a435f28-font-size:94px;--e-global-typography-a435f28-font-weight:700;--e-global-typography-a435f28-text-transform:uppercase;--e-global-typography-a435f28-line-height:1em;--e-global-typography-a435f28-letter-spacing:-2px;--e-global-typography-b2ce6af-font-family:"Inter";--e-global-typography-b2ce6af-font-size:16px;--e-global-typography-b2ce6af-font-weight:400;--e-global-typography-b2ce6af-text-transform:none;--e-global-typography-b2ce6af-font-style:normal;--e-global-typography-b2ce6af-line-height:1.4em;--e-global-typography-69c152f-font-family:"Inter";--e-global-typography-69c152f-font-size:14px;--e-global-typography-69c152f-font-weight:400;--e-global-typography-69c152f-line-height:1.4em;--e-global-typography-520c191-font-family:"Golos Text";--e-global-typography-520c191-font-size:16px;--e-global-typography-520c191-font-weight:500;--e-global-typography-520c191-line-height:1.5em;--e-global-typography-583e54c-font-family:"Golos Text";--e-global-typography-583e54c-font-size:48px;--e-global-typography-583e54c-font-weight:500;--e-global-typography-583e54c-line-height:1.2em;--e-global-typography-5d167aa-font-family:"Golos Text";--e-global-typography-5d167aa-font-size:39px;--e-global-typography-5d167aa-font-weight:500;--e-global-typography-5d167aa-line-height:1.2em;--e-global-typography-d3dae9a-font-family:"Golos Text";--e-global-typography-d3dae9a-font-size:31px;--e-global-typography-d3dae9a-font-weight:500;--e-global-typography-d3dae9a-font-style:normal;--e-global-typography-d3dae9a-line-height:1.3em;--e-global-typography-83682a1-font-family:"Golos Text";--e-global-typography-83682a1-font-size:25px;--e-global-typography-83682a1-font-weight:400;--e-global-typography-83682a1-text-transform:none;--e-global-typography-83682a1-font-style:normal;--e-global-typography-83682a1-line-height:1.3em;--e-global-typography-7044a64-font-family:"Golos Text";--e-global-typography-7044a64-font-size:20px;--e-global-typography-7044a64-font-weight:400;--e-global-typography-7044a64-line-height:1.4em;--e-global-typography-84ca66e-font-family:"Roboto Mono";--e-global-typography-84ca66e-font-size:16px;--e-global-typography-84ca66e-font-weight:400;--e-global-typography-112b6c4-font-family:"Inter";--e-global-typography-112b6c4-font-size:13px;--e-global-typography-112b6c4-line-height:1.5em;color:var( --e-global-color-primary );font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );background-color:#0C0C0C;}.elementor-kit-202 a{color:var( --e-global-color-primary );}.elementor-kit-202 a:hover{color:var( --e-global-color-d49ac81 );}.elementor-kit-202 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-202 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-202 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d3dae9a-font-family ), Sans-serif;font-size:var( --e-global-typography-d3dae9a-font-size );font-weight:var( --e-global-typography-d3dae9a-font-weight );font-style:var( --e-global-typography-d3dae9a-font-style );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-202 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-83682a1-font-family ), Sans-serif;font-size:var( --e-global-typography-83682a1-font-size );font-weight:var( --e-global-typography-83682a1-font-weight );text-transform:var( --e-global-typography-83682a1-text-transform );font-style:var( --e-global-typography-83682a1-font-style );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-202 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-7044a64-font-family ), Sans-serif;font-size:var( --e-global-typography-7044a64-font-size );font-weight:var( --e-global-typography-7044a64-font-weight );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-202 h6{color:var( --e-global-color-332724a );font-family:var( --e-global-typography-84ca66e-font-family ), Sans-serif;font-size:var( --e-global-typography-84ca66e-font-size );font-weight:var( --e-global-typography-84ca66e-font-weight );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-202 button,.elementor-kit-202 input[type="button"],.elementor-kit-202 input[type="submit"],.elementor-kit-202 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-4989307 );background-color:var( --e-global-color-d49ac81 );border-style:none;border-radius:5px 5px 5px 5px;}.elementor-kit-202 button:hover,.elementor-kit-202 button:focus,.elementor-kit-202 input[type="button"]:hover,.elementor-kit-202 input[type="button"]:focus,.elementor-kit-202 input[type="submit"]:hover,.elementor-kit-202 input[type="submit"]:focus,.elementor-kit-202 .elementor-button:hover,.elementor-kit-202 .elementor-button:focus{color:var( --e-global-color-4989307 );background-color:var( --e-global-color-332724a );box-shadow:0px 5px 30px 0px rgba(207.0000000000001, 255, 146, 0.2);border-style:none;}.elementor-kit-202 label{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-202 input:not([type="button"]):not([type="submit"]),.elementor-kit-202 textarea,.elementor-kit-202 .elementor-field-textual{font-family:var( --e-global-typography-b2ce6af-font-family ), Sans-serif;font-size:var( --e-global-typography-b2ce6af-font-size );font-weight:var( --e-global-typography-b2ce6af-font-weight );text-transform:var( --e-global-typography-b2ce6af-text-transform );font-style:var( --e-global-typography-b2ce6af-font-style );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );color:var( --e-global-color-primary );background-color:var( --e-global-color-cfa1f76 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cfa1f76 );border-radius:5px 5px 5px 5px;}.elementor-kit-202 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-202 textarea:focus,.elementor-kit-202 .elementor-field-textual:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-7fbea4f );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-332724a );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-202 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-202{--e-global-typography-primary-font-size:37px;--e-global-typography-secondary-font-size:31px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:13px;--e-global-typography-a435f28-font-size:85px;--e-global-typography-b2ce6af-font-size:15px;--e-global-typography-69c152f-font-size:13px;--e-global-typography-520c191-font-size:15px;--e-global-typography-583e54c-font-size:37px;--e-global-typography-5d167aa-font-size:31px;--e-global-typography-d3dae9a-font-size:25px;--e-global-typography-83682a1-font-size:21px;--e-global-typography-7044a64-font-size:18px;--e-global-typography-84ca66e-font-size:15px;--e-global-typography-112b6c4-font-size:12px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-kit-202 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-202 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-202 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-202 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-202 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-202 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-202 button,.elementor-kit-202 input[type="button"],.elementor-kit-202 input[type="submit"],.elementor-kit-202 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-202 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-202 input:not([type="button"]):not([type="submit"]),.elementor-kit-202 textarea,.elementor-kit-202 .elementor-field-textual{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-202{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:12px;--e-global-typography-a435f28-font-size:45px;--e-global-typography-b2ce6af-font-size:14px;--e-global-typography-69c152f-font-size:12px;--e-global-typography-520c191-font-size:14px;--e-global-typography-583e54c-font-size:30px;--e-global-typography-5d167aa-font-size:24px;--e-global-typography-d3dae9a-font-size:20px;--e-global-typography-83682a1-font-size:18px;--e-global-typography-7044a64-font-size:16px;--e-global-typography-84ca66e-font-size:14px;--e-global-typography-112b6c4-font-size:11px;font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-kit-202 h1{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );word-spacing:var( --e-global-typography-583e54c-word-spacing );}.elementor-kit-202 h2{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );letter-spacing:var( --e-global-typography-5d167aa-letter-spacing );word-spacing:var( --e-global-typography-5d167aa-word-spacing );}.elementor-kit-202 h3{font-size:var( --e-global-typography-d3dae9a-font-size );line-height:var( --e-global-typography-d3dae9a-line-height );letter-spacing:var( --e-global-typography-d3dae9a-letter-spacing );word-spacing:var( --e-global-typography-d3dae9a-word-spacing );}.elementor-kit-202 h4{font-size:var( --e-global-typography-83682a1-font-size );line-height:var( --e-global-typography-83682a1-line-height );letter-spacing:var( --e-global-typography-83682a1-letter-spacing );word-spacing:var( --e-global-typography-83682a1-word-spacing );}.elementor-kit-202 h5{font-size:var( --e-global-typography-7044a64-font-size );line-height:var( --e-global-typography-7044a64-line-height );letter-spacing:var( --e-global-typography-7044a64-letter-spacing );word-spacing:var( --e-global-typography-7044a64-word-spacing );}.elementor-kit-202 h6{font-size:var( --e-global-typography-84ca66e-font-size );line-height:var( --e-global-typography-84ca66e-line-height );letter-spacing:var( --e-global-typography-84ca66e-letter-spacing );word-spacing:var( --e-global-typography-84ca66e-word-spacing );}.elementor-kit-202 button,.elementor-kit-202 input[type="button"],.elementor-kit-202 input[type="submit"],.elementor-kit-202 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-202 label{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );letter-spacing:var( --e-global-typography-520c191-letter-spacing );word-spacing:var( --e-global-typography-520c191-word-spacing );}.elementor-kit-202 input:not([type="button"]):not([type="submit"]),.elementor-kit-202 textarea,.elementor-kit-202 .elementor-field-textual{font-size:var( --e-global-typography-b2ce6af-font-size );line-height:var( --e-global-typography-b2ce6af-line-height );letter-spacing:var( --e-global-typography-b2ce6af-letter-spacing );word-spacing:var( --e-global-typography-b2ce6af-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =================== BASE & VARS =================== */ .tvRig{ --h-desktop:640px; --h-mobile:520px; --arrows-w:9%; --names-w:14%; --bg:#0b0f14; --tv-bg:#0d1117; --tv-border:#0a0f14; --tv-radius:18px; --tv-shadow:0 20px 40px rgba(0,0,0,.35); --pill:#1f2937; --pill-brd:#0b0f14; --accent:#3b82f6; --accent-2:#f5b301; --panel-pad-desktop:5px; --panel-pad-mobile:12px; --col-pad:0px; --names-gap:12px; --arrows-gap:12px; --first-mt:0; --last-mb:0; direction:rtl; background:var(--bg); padding-block:20px; box-sizing:border-box; } .tvRig .elementor-container, .tvRig .elementor-row, .tvRig .e-con-inner{ direction:ltr !important; align-items:stretch !important; } .tvRig .col-arrows, .tvRig .col-screen, .tvRig .col-names{ padding:var(--col-pad) !important; } /* =================== COLUMN LAYOUT (DESKTOP) =================== */ .tvRig .col-arrows{ order:1 } .tvRig .col-screen{ order:2 } .tvRig .col-names{ order:3 } .tvRig .elementor-column.col-arrows, .tvRig .e-con.col-arrows{ flex:0 0 var(--arrows-w); max-width:var(--arrows-w); } .tvRig .elementor-column.col-names, .tvRig .e-con.col-names { flex:0 0 var(--names-w); max-width:var(--names-w); } .tvRig .elementor-column.col-screen, .tvRig .e-con.col-screen{ flex:0 0 calc(100% - var(--arrows-w) - var(--names-w)); max-width:calc(100% - var(--arrows-w) - var(--names-w)); } /* =================== TV SCREEN =================== */ .tvRig .col-screen{ position:relative } .tvRig .tv-viewport{ position:relative; width:100%; height:var(--h-desktop); background:var(--tv-bg); border:6px solid var(--tv-border); border-radius:var(--tv-radius); box-shadow:var(--tv-shadow); overflow:hidden; padding:0; } .tvRig .tv-viewport::before{ content:""; position:absolute; inset:-1px; border-radius:calc(var(--tv-radius) + 2px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), inset 0 14px 22px rgba(255,255,255,.04); pointer-events:none; } .tvRig .tv-viewport::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom, rgba(0,0,0,.35), transparent 18%, transparent 82%, rgba(0,0,0,.35)); } /* PANELS */ .tvRig .tv-panel{ display:none !important; height:100% !important; overflow:auto !important; padding:var(--panel-pad-desktop); color:#fff; box-sizing:border-box; scroll-behavior:smooth; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } .tvRig .tv-panel.is-active{ display:block !important; } .tvRig .tv-panel *{ max-width:100%; } .tvRig .tv-panel img{ display:block; max-width:100% !important; height:auto !important; object-fit:contain; } .tvRig .tv-panel > :first-child{ margin-top:var(--first-mt) !important; } .tvRig .tv-panel > :last-child{ margin-bottom:var(--last-mb) !important; } /* LUX SCROLLBAR (Desktop) */ @media (min-width:768px){ .tvRig .tv-panel{ scrollbar-width:thin; scrollbar-color:var(--accent) rgba(255,255,255,.08); } .tvRig .tv-panel::-webkit-scrollbar{ width:14px } .tvRig .tv-panel::-webkit-scrollbar-track{ background:rgba(255,255,255,.04); border-radius:12px } .tvRig .tv-panel::-webkit-scrollbar-thumb{ border-radius:12px; border:3px solid transparent; background-clip:padding-box; background-image:linear-gradient(180deg, var(--accent), var(--accent-2)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 4px 14px rgba(59,130,246,.25); } .tvRig .tv-panel::-webkit-scrollbar-thumb:hover{ box-shadow: inset 0 0 0 1px var(--accent), 0 0 0 3px rgba(59,130,246,.15), 0 6px 18px rgba(245,179,1,.25); } } /* =================== LEFT: ARROWS (centered) =================== */ .tvRig .elementor-column.col-arrows > .elementor-widget-wrap{ height:100% !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; } .tvRig .e-con.col-arrows{ display:flex !important; flex-direction:column; align-items:center; justify-content:center; } .tvRig .col-arrows{ min-height:var(--h-desktop) !important; } .tvRig .tv-arrows{ display:flex; flex-direction:column; gap:var(--arrows-gap); align-items:center; } .tvRig .tv-arrow{ width:56px; height:56px; border-radius:14px; padding:0; margin:0; line-height:0; background:linear-gradient(180deg,#1b2431,#121923); border:2px solid var(--pill-brd); color:#eaf2ff; font-size:18px; font-weight:800; display:grid; place-items:center; cursor:pointer; transition:transform .18s, box-shadow .18s, background .18s; box-shadow:inset 0 -8px 16px rgba(0,0,0,.25), 0 6px 18px rgba(0,0,0,.25); } .tvRig .tv-arrow:hover{ transform:translateY(-2px) } .tvRig .tv-arrow:active{ transform:translateY(0); box-shadow:inset 0 -4px 10px rgba(0,0,0,.35) } .tvRig .tv-arrow:focus-visible{ outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.35) } /* =================== RIGHT: NAMES (no overflow) =================== */ .tvRig .col-names{ display:grid; align-content:center; justify-items:stretch; min-height:var(--h-desktop) !important; width:100%; overflow:hidden; } .tvRig .tv-names{ display:grid; gap:var(--names-gap); width:100%; } .tvRig .tv-dot{ width:100%; max-width:100%; box-sizing:border-box; min-height:46px; border-radius:12px; background:var(--pill); border:2px solid var(--pill-brd); color:#cfd5df; font-weight:700; display:flex; align-items:center; justify-content:center; padding:0 14px; cursor:pointer; transition:.22s transform, .22s box-shadow, .22s background, .22s color; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .tvRig .tv-dot:hover{ transform:translateY(-2px) } .tvRig .tv-dot.is-active{ background:var(--accent); color:#fff; border-color:transparent; box-shadow:0 8px 20px rgba(59,130,246,.45) } /* ICONS VISIBILITY + Flip mobile arrows only */ @media (min-width:768px){ .tvRig .icon-desktop{display:inline-block} .tvRig .icon-mobile{display:none} } @media (max-width:767px){ .tvRig .icon-desktop{display:none} .tvRig .icon-mobile{display:inline-block} } @media (max-width:767px){ .tvRig .tv-arrow .icon-mobile{ transform:scaleX(-1); } } /* =================== MOBILE STACK & FIT =================== */ @media (max-width:767px){ .tvRig .col-names{ order:1; flex:0 0 100%; max-width:100%; min-height:auto !important; } .tvRig .col-screen{ order:2; flex:0 0 100%; max-width:100%; } .tvRig .col-arrows{ order:3; flex:0 0 100%; max-width:100%; min-height:auto !important; } .tvRig .e-con-inner, .tvRig .elementor-row{ display:flex !important; flex-direction:column !important; gap:12px !important; } .tvRig .e-con, .tvRig .elementor-column{ min-width:0 !important; flex:0 0 100% !important; max-width:100% !important; width:100% !important; } .tvRig .tv-viewport{ height:var(--h-mobile) !important; } .tvRig .tv-panel{ padding:var(--panel-pad-mobile) !important; } .tvRig .col-names{ padding-inline:12px; } .tvRig .tv-names{ display:grid !important; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap:10px; padding:6px 0 12px; overflow:visible !important; } .tvRig .tv-dot{ height:38px; border-radius:999px; padding:6px 10px; } .tvRig .tv-arrows{ flex-direction:row !important; justify-content:center !important; gap:12px !important; margin-top:12px; } .tvRig .tv-arrow{ width:52px; height:52px; } } /* RTL داخل عناصرنا فقط */ .tvRig .tv-panel, .tvRig .tv-names, .tvRig .tv-arrows{ direction:rtl; } /*----------------------- /*----------------------- /*----------------------- /*----------------------- /* الدائرة القلّابة العامة (كما اتفقنا) */ .circle-flip{ position: absolute; /* موضعه تتحكم به من Elementor */ border-radius: 50%; perspective: 1000px; width: var(--d, 180px); height: var(--d, 180px); } .circle-flip .flip-inner{ position: relative; width: 100%; height: 100%; border-radius: 50%; transform-style: preserve-3d; transition: transform .8s ease; } .circle-flip:hover .flip-inner, .circle-flip:focus-within .flip-inner{ transform: rotateY(180deg); } /* الوجهان — قصّ المحتوى عند حدود الدائرة */ .circle-flip .face{ position: absolute; inset: 0; border-radius: 50%; overflow: hidden; /* مهم: يمنع خروج النص خارج الدائرة */ display: flex; align-items: center; justify-content: center; color: #fff; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .circle-flip .front{ background: var(--front); } .circle-flip .back { background: var(--back); transform: rotateY(180deg); } /* حاوية النص داخل الدائرة */ .circle-flip .content{ /* padding يعتمد على القطر */ --pad: clamp(10px, calc(var(--d) * 0.08), 20px); padding: var(--pad); text-align: center; display: flex; flex-direction: column; gap: 6px; width: 100%; height: 100%; justify-content: center; align-items: center; box-sizing: border-box; } /* العنوان والنص — يتكيّفان مع حجم الدائرة */ .circle-flip .title{ margin: 0; font-weight: 800; line-height: 1.15; /* يتدرج مع القطر: من 12px حتى ~24px */ font-size: clamp(8px, calc(var(--d) * 0.12), 18px); } .circle-flip .desc{ margin: 0; opacity: .95; line-height: 1.35; /* يتدرج مع القطر: من 10px حتى ~16px */ font-size: clamp(10px, calc(var(--d) * 0.085), 17px); } /* منع انكسار سيئ للنصوص داخل المساحة */ .circle-flip .content, .circle-flip .title, .circle-flip .desc{ overflow-wrap: anywhere; /* يكسر الكلمات الطويلة بأمان */ word-break: break-word; hyphens: auto; } /* أحجام/ألوان الدوائر الثلاث (كما اتفقنا) */ .badge-large { --d: 220px; --front:#a21caf; --back:#7c3aed; } .badge-medium { --d: 170px; --front:#1f6feb; --back:#0ea5a4; } .badge-small { --d: 130px; --front:#16a34a; --back:#059669; } /* الحاوية حتى لا تخرج الدوائر خارجها */ .badge-canvas{ position: relative; overflow: hidden; /* يبقي كل شيء داخل الإطار */ }/* End custom CSS */