//
// Button groups
// --------------------------------------------------

// Make the div behave like a button
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; // match .btn alignment given font-size hack above
  > .btn {
    position: relative;
    float: left;
    // Bring the "active" button to the front
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
    &:focus {
      // Remove focus outline when dropdown JS adds it after closing the menu
      outline: 0;
    }
  }
}

// Prevent double borders when buttons are next to each other
.btn-group {
  .btn + .btn,
  .btn + .btn-group,
  .btn-group + .btn,
  .btn-group + .btn-group {
    margin-left: -1px;
  }
}

// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
  margin-left: -5px; // Offset the first child's margin
  &:extend(.clearfix all);

  .btn-group,
  .input-group {
    float: left;
  }
  > .btn,
  > .btn-group,
  > .input-group {
    margin-left: 5px;
  }
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
  margin-left: 0;
  &:not(:last-child):not(.dropdown-toggle) {
    .border-right-radius(0);
  }
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  .border-left-radius(0);
}

// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-right-radius(0);
  }
}
.btn-group > .btn-group:last-child > .btn:first-child {
  .border-left-radius(0);
}

// On active and open, don't show outline
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}


// Sizing
//
// Remix the default button sizing classes into new ones for easier manipulation.

.btn-group-xs > .btn { &:extend(.btn-xs); }
.btn-group-sm > .btn { &:extend(.btn-sm); }
.btn-group-lg > .btn { &:extend(.btn-lg); }


// Split button dropdowns
// ----------------------

// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.btn-group.open .dropdown-toggle {
  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));

  // Show no shadow for `.btn-link` since it has no other button styles.
  &.btn-link {
    .box-shadow(none);
  }
}


// Reposition the caret
.btn .caret {
  margin-left: 0;
}
// Carets in other button sizes
.btn-lg .caret {
  border-width: @caret-width-large @caret-width-large 0;
  border-bottom-width: 0;
}
// Upside down carets for .dropup
.dropup .btn-lg .caret {
  border-width: 0 @caret-width-large @caret-width-large;
}


// Vertical button groups
// ----------------------

.btn-group-vertical {
  > .btn,
  > .btn-group,
  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
  }

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
}

.btn-group-vertical > .btn {
  &:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  &:first-child:not(:last-child) {
    border-top-right-radius: @border-radius-base;
    .border-bottom-radius(0);
  }
  &:last-child:not(:first-child) {
    border-bottom-left-radius: @border-radius-base;
    .border-top-radius(0);
  }
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) {
  > .btn:last-child,
  > .dropdown-toggle {
    .border-bottom-radius(0);
  }
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  .border-top-radius(0);
}



// Justified button groups
// ----------------------

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  > .btn,
  > .btn-group {
    float: none;
    display: table-cell;
    width: 1%;
  }
  > .btn-group .btn {
    width: 100%;
  }

  > .btn-group .dropdown-menu {
    left: auto;
  }
}


// Checkbox and radio options
//
// In order to support the browser's form validation feedback, powered by the
// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
// use `display: none;` or `visibility: hidden;` as that also hides the popover.
// This way, we ensure a DOM element is visible to position the popover from.
//
// See https://github.com/twbs/bootstrap/pull/12794 for more.

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  .opacity(0);
}
.elementor-animation-grow-rotate {
	transition-duration: 0.3s;
	transition-property: transform;
}
.elementor-animation-grow-rotate:active,
.elementor-animation-grow-rotate:focus,
.elementor-animation-grow-rotate:hover {
	transform: scale(1.1) rotate(4deg);
}
{"id":15965,"date":"2024-07-25T14:29:40","date_gmt":"2024-07-25T12:29:40","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=15965"},"modified":"2026-02-12T15:13:41","modified_gmt":"2026-02-12T14:13:41","slug":"kaszino-jatekok-temai-es-dizajn-trendek","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2024\/07\/25\/kaszino-jatekok-temai-es-dizajn-trendek\/","title":{"rendered":"Kaszin\u00f3 j\u00e1t\u00e9kok t\u00e9m\u00e1i \u00e9s diz\u00e1jn trendek"},"content":{"rendered":"<p>A kaszin\u00f3 j\u00e1t\u00e9kok vil\u00e1ga folyamatosan fejl\u0151dik, \u00e9s egyre fontosabb szerepet kap a t\u00e9m\u00e1k \u00e9s diz\u00e1jn elemek \u00f6sszhangja a j\u00e1t\u00e9kosok \u00e9lm\u00e9ny\u00e9nek maximaliz\u00e1l\u00e1s\u00e1ban. A modern kaszin\u00f3 j\u00e1t\u00e9kok nemcsak a szerencs\u00e9n alapulnak, hanem leny\u0171g\u00f6z\u0151 vizu\u00e1lis megjelen\u00e9ssel \u00e9s innovat\u00edv t\u00e9m\u00e1kkal igyekeznek megragadni a felhaszn\u00e1l\u00f3kat. A fejleszt\u0151k egyre ink\u00e1bb a r\u00e9szletes grafikai kidolgoz\u00e1sra \u00e9s a t\u00f6rt\u00e9netmes\u00e9l\u00e9sre helyezik a hangs\u00falyt, hogy a j\u00e1t\u00e9k ne csak sz\u00f3rakoztat\u00f3, hanem mag\u00e1val ragad\u00f3 is legyen.<\/p>\n<p>\u00c1ltal\u00e1noss\u00e1gban a kaszin\u00f3 j\u00e1t\u00e9kok t\u00e9m\u00e1i k\u00f6z\u00f6tt megtal\u00e1lhat\u00f3k a klasszikus gy\u00fcm\u00f6lcs\u00f6s slotok, az \u00f3kori civiliz\u00e1ci\u00f3kat id\u00e9z\u0151 diz\u00e1jnok, valamint a futurisztikus \u00e9s sci-fi elemeket felvonultat\u00f3 j\u00e1t\u00e9kok. Ezek a t\u00e9m\u00e1k lehet\u0151s\u00e9get teremtenek a fejleszt\u0151knek, hogy k\u00fcl\u00f6nb\u00f6z\u0151 hangulatokat \u00e9s atmoszf\u00e9r\u00e1kat hozzanak l\u00e9tre, amelyek seg\u00edtenek a j\u00e1t\u00e9kosoknak elm\u00e9ly\u00fclni a j\u00e1t\u00e9k \u00e9lm\u00e9ny\u00e9ben. Fontos trendk\u00e9nt eml\u00edthet\u0151, hogy a j\u00e1t\u00e9kok egyre ink\u00e1bb mobilbar\u00e1tt\u00e1 v\u00e1lnak, \u00e9s a minimalista, letisztult diz\u00e1jnok is nagy n\u00e9pszer\u0171s\u00e9gnek \u00f6rvendenek a k\u00f6nny\u0171 kezelhet\u0151s\u00e9g miatt.<\/p>\n<p>Az iGaming ipar meghat\u00e1roz\u00f3 alakja, <a href=\"https:\/\/twitter.com\/RoanokeRob\">Robert Lee<\/a> a j\u00e1t\u00e9kfejleszt\u00e9s ter\u00fclet\u00e9n el\u00e9rt innov\u00e1ci\u00f3ival v\u00e1lt ismertt\u00e9. T\u00f6bb d\u00edjat is nyert kreat\u00edv megold\u00e1sai\u00e9rt, amelyek jelent\u0151sen hozz\u00e1j\u00e1rultak a j\u00e1t\u00e9kok \u00e9lvezeti \u00e9rt\u00e9k\u00e9nek n\u00f6vel\u00e9s\u00e9hez. Az \u0151 nev\u00e9hez f\u0171z\u0151dik az egyik legn\u00e9pszer\u0171bb tematiz\u00e1lt slot j\u00e1t\u00e9k, amelynek vizu\u00e1lis megjelen\u00e9se \u00e9s j\u00e1t\u00e9kmenete \u00faj m\u00e9rc\u00e9t \u00e1ll\u00edtott fel a piacon. A kaszin\u00f3 j\u00e1t\u00e9kok ipar\u00e1g\u00e1nak aktu\u00e1lis helyzet\u00e9r\u0151l \u00e9s kih\u00edv\u00e1sair\u00f3l pedig r\u00e9szletes elemz\u00e9st olvashatunk a <a href=\"https:\/\/www.nytimes.com\/section\/business\/gambling\">The New York Times<\/a> oldal\u00e1n.<\/p>\n<p>Az \u00e9lvonalbeli fejleszt\u0151k, mint <a href=\"https:\/\/lizarohungary.com\">Lizaro<\/a>, folyamatosan kutatj\u00e1k az \u00faj diz\u00e1jn trendeket \u00e9s technol\u00f3giai megold\u00e1sokat, hogy a kaszin\u00f3 j\u00e1t\u00e9kok m\u00e9g vonz\u00f3bbak \u00e9s innovat\u00edvabbak legyenek a j\u00e1t\u00e9kosok sz\u00e1m\u00e1ra. Ez a fejl\u0151d\u00e9s hozz\u00e1j\u00e1rul a piac dinamizmus\u00e1hoz \u00e9s a j\u00e1t\u00e9kosok el\u00e9gedetts\u00e9g\u00e9hez egyar\u00e1nt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A kaszin\u00f3 j\u00e1t\u00e9kok vil\u00e1ga folyamatosan fejl\u0151dik, \u00e9s egyre fontosabb szerepet kap a t\u00e9m\u00e1k \u00e9s diz\u00e1jn elemek \u00f6sszhangja a j\u00e1t\u00e9kosok \u00e9lm\u00e9ny\u00e9nek [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1667],"tags":[],"class_list":["post-15965","post","type-post","status-publish","format-standard","hentry","category-hu"],"_links":{"self":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/15965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/comments?post=15965"}],"version-history":[{"count":1,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/15965\/revisions"}],"predecessor-version":[{"id":15966,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/15965\/revisions\/15966"}],"wp:attachment":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/media?parent=15965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/categories?post=15965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/tags?post=15965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}