/* Theme Name: Extra Child Description: Child theme for Extra Author: Movietajm.se Template: extra Version: 1.0 */ /* ========================================================= START MOVIETAJM – SIDBLÄDDRING PÅ MOBIL Samma rena chevronpilar som i desktopvyn. All CSS för mobilpilarna finns enbart här. ========================================================= */ @media only screen and (max-width: 980px) { body .posts-blog-feed-module .pagination { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 10px 18px !important; box-sizing: border-box !important; background: transparent !important; background-image: none !important; } /* Ökad specificitet och borttagen bakgrundsbild från Extra. */ /* Sidnumren finns kvar för Extras AJAX, men syns inte. */ body .posts-blog-feed-module .pagination > li:not(.arrow) { display: none !important; } body .posts-blog-feed-module .pagination > li.arrow { flex: 0 0 58px !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; appearance: none !important; } /* Äldre vänster, nyare höger. */ body .posts-blog-feed-module .pagination > li.next { order: -1 !important; margin-right: auto !important; } body .posts-blog-feed-module .pagination > li.prev { order: 1 !important; margin-left: auto !important; } body .posts-blog-feed-module .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; appearance: none !important; text-decoration: none !important; -webkit-tap-highlight-color: rgba(74, 23, 104, 0.18); } body .posts-blog-feed-module .pagination > li.arrow > a::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border-top: 5px solid #050307 !important; border-right: 5px solid #050307 !important; border-radius: 2px !important; color: transparent !important; font-size: 0 !important; filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #8b3aa0) drop-shadow(0 0 10px rgba(139,58,160,0.85)) !important; transition: transform 0.10s ease, filter 0.10s ease !important; } body .posts-blog-feed-module .pagination > li.next > a::before { transform: rotate(225deg) !important; } body .posts-blog-feed-module .pagination > li.prev > a::before { transform: rotate(45deg) !important; } body .posts-blog-feed-module .pagination > li.arrow > a::after { content: none !important; display: none !important; } /* Samma tryckeffekt som föregående pilar, även vid touch. */ body .posts-blog-feed-module .pagination > li.prev.movietajm-arrow-pressed > a::before, body .posts-blog-feed-module .pagination > li.prev > a:active::before { transform: rotate(45deg) scale(0.82) !important; filter: brightness(1.6) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 8px #b34bd0) drop-shadow(0 0 14px rgba(179,75,208,0.95)) !important; } body .posts-blog-feed-module .pagination > li.next.movietajm-arrow-pressed > a::before, body .posts-blog-feed-module .pagination > li.next > a:active::before { transform: rotate(225deg) scale(0.82) !important; filter: brightness(1.6) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 8px #b34bd0) drop-shadow(0 0 14px rgba(179,75,208,0.95)) !important; } } /* ========================================================= SLUT MOVIETAJM – SIDBLÄDDRING PÅ MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – HEADER / LOGGA ========================================================= */ /* Samma mörka svart/lila känsla som resten av sidan */ #main-header-wrapper, #main-header, .header { background-color: #09050d !important; background-image: radial-gradient( ellipse at top center, #4a1768 0%, #251033 30%, #100817 65%, #050307 100% ) !important; background-repeat: no-repeat !important; background-size: cover !important; } /* ===================================================== MOBIL ===================================================== */ @media only screen and (max-width: 980px) { /* Ge loggan mer plats i bredd */ #main-header-wrapper .logo, #main-header .logo, #main-header-wrapper img.logo, #main-header img.logo { width: auto !important; max-width: 72vw !important; max-height: none !important; height: auto !important; } } /* ===================================================== DESKTOP ===================================================== */ @media only screen and (min-width: 981px) { #main-header-wrapper .logo, #main-header .logo, #main-header-wrapper img.logo, #main-header img.logo { width: auto !important; max-width: 520px !important; max-height: none !important; height: auto !important; } } /* ========================================================= SLUT MOVIETAJM – HEADER / LOGGA ========================================================= */ /* ========================================================= START MOVIETAJM – KOMPAKT MOBILHEADER ========================================================= */ @media only screen and (max-width: 980px) { /* Minska själva headerns höjd/padding */ #main-header-wrapper, #main-header { min-height: 0 !important; height: auto !important; } #main-header .container, #main-header-wrapper .container {        padding-top: 12px !important;        padding-bottom: 12px !important; min-height: 0 !important; } /* Behåll loggan stor men kapa luft runt den */ #main-header-wrapper .logo, #main-header .logo, #main-header-wrapper img.logo, #main-header img.logo { max-width: 72vw !important; width: auto !important; height: auto !important; max-height: 125px !important; margin-top: 0 !important; margin-bottom: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – KOMPAKT MOBILHEADER ========================================================= */ /* ========================================================= START MOVIETAJM – CENTRERA LOGGA MOBIL ========================================================= */ @media only screen and (max-width: 980px) { #main-header .container, #main-header-wrapper .container { text-align: center !important; } #main-header-wrapper .logo, #main-header .logo, #main-header-wrapper img.logo, #main-header img.logo { display: block !important; margin-left: auto !important; margin-right: auto !important; } } /* ========================================================= SLUT MOVIETAJM – CENTRERA LOGGA MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – VISUELL CENTRERING AV LOGGA MOBIL ========================================================= */ @media only screen and (max-width: 980px) { #main-header-wrapper .logo, #main-header .logo, #main-header-wrapper img.logo, #main-header img.logo { transform: translateX(4vw) translateY(4px); } } /* ========================================================= SLUT MOVIETAJM – VISUELL CENTRERING AV LOGGA MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER TEXTPOSITION ENDA STÄLLET SOM STYR DESSA VÄRDEN ========================================================= */ @media only screen and (max-width: 980px) { /* Titel: 1 px upp från tidigare 7px */ #senaste-favoriter article .post-content h3 { position: relative !important; top: 5px !important; } /* Kategorier: 1 px ner från tidigare -5px */ #senaste-favoriter article .post-meta span:not(.movietajm-film-year) { position: relative !important; top: -3px !important; } /* Eventuella kommaseparatorer följer kategorierna */ #senaste-favoriter article .movietajm-category-comma { position: relative !important; top: -4px !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER TEXTPOSITION ========================================================= */ /* ========================================================= START MOVIETAJM – MINDRE LUFT OVANFÖR FAVORITER ========================================================= */ @media only screen and (max-width: 980px) { #senaste-favoriter { margin-top: -30px !important; } } /* ========================================================= SLUT MOVIETAJM – MINDRE LUFT OVANFÖR FAVORITER ========================================================= */ /* ========================================================= START MOVIETAJM – RAMAR FÖR FAVORITER + VANLIGA INLÄGG ========================================================= */ @media only screen and (max-width: 980px) { /* FAVORITER – 16:9 med en självständig höjd på modulen. Slider-spåret positioneras absolut för att undvika att procenthöjder skapar en cirkulär, kollapsande höjd. */ #senaste-favoriter { display: block !important; box-sizing: border-box !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; /* V12: fullbreddsbild med enbart diskreta biograflister. */ max-width: none !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; border: 0 !important; /* V14: tydligare svart/lila biograflister, utan rosa neon. */ border-top: 5px solid #24102e !important; border-bottom: 5px solid #24102e !important; border-image: none !important; border-radius: 0 !important; padding: 0 !important; background: #110918 !important; /* Vit ljuskant både inåt och utåt upptill och nedtill. */ box-shadow: inset 0 2px 0 rgba(255,255,255,.97), inset 0 -2px 0 rgba(255,255,255,.97), 0 -1px 0 rgba(255,255,255,.92), 0 1px 0 rgba(255,255,255,.92), 0 -3px 5px rgba(255,255,255,.63), 0 3px 5px rgba(255,255,255,.63), 0 -5px 12px rgba(222,208,234,.28), 0 5px 12px rgba(222,208,234,.28) !important; overflow: hidden !important; } #senaste-favoriter > .posts-slider-module-items { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; } #senaste-favoriter .posts-slider-module-items > article.carousel-item { box-sizing: border-box !important; height: 100% !important; min-height: 0 !important; background-size: cover !important; background-position: center center !important; overflow: hidden !important; } #senaste-favoriter article.carousel-item .post-content-box { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 18px 12px 0 !important; box-sizing: border-box !important; background: transparent !important; /* V8: ingen toning över filmbilden */ border: 0 !important; box-shadow: none !important; z-index: 2 !important; } #senaste-favoriter article.carousel-item .post-meta p { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* V14: sänk textgruppen 6 px jämfört med V13; behåll tre rader. */ #senaste-favoriter article.carousel-item .post-content { transform: translateY(-4px) !important; } #senaste-favoriter article.carousel-item .post-content { background: transparent !important; margin: 0 !important; padding: 0 !important; width: 100% !important; box-shadow: none !important; } #senaste-favoriter article.carousel-item h3, #senaste-favoriter article.carousel-item h3 a, #senaste-favoriter article.carousel-item .post-meta, #senaste-favoriter article.carousel-item .post-meta a, #senaste-favoriter article.carousel-item .post-meta span { color: #fff !important; } /* ----------------------------------------------------- VANLIGA INLÄGG – diskret svart/lila ram ----------------------------------------------------- */ .posts-blog-feed-module article { border: 3px solid transparent !important; border-image: linear-gradient( 135deg, #08040b 0%, #35123f 35%, #120817 65%, #08040b 100% ) 1 !important; box-shadow: 0 0 4px rgba(112,39,131,0.22), 0 2px 8px rgba(0,0,0,0.22) !important; } } /* ========================================================= SLUT MOVIETAJM – RAMAR FÖR FAVORITER + VANLIGA INLÄGG ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER GRUNDSTYLING Ersätter CSS som tidigare låg inne i Favoriter-blocket ========================================================= */ /* --------------------------------------------------------- TITEL --------------------------------------------------------- */ #senaste-favoriter .hentry h3 a { font-size: 14px !important; line-height: 21px !important; text-align: center !important; width: 100% !important; } /* --------------------------------------------------------- METADATA --------------------------------------------------------- */ #senaste-favoriter .hentry .post-meta { display: block !important; visibility: visible !important; opacity: 1 !important; color: #333333 !important; font-size: 10px !important; line-height: 20px !important; text-align: center !important; } /* --------------------------------------------------------- SLIDERPRICKAR --------------------------------------------------------- */ #senaste-favoriter .slick-dots li button, #senaste-favoriter .slick-dots li.slick-active button { display: none !important; } /* --------------------------------------------------------- NAVIGATIONSPILAR – SJÄLVA KNAPPEN --------------------------------------------------------- */ #senaste-favoriter .et-pb-slider-arrows a { background: transparent !important; padding: 0 !important; width: 30px !important; height: 30px !important; } /* --------------------------------------------------------- NAVIGATIONSPILAR – IKONEN --------------------------------------------------------- */ #senaste-favoriter .et-pb-slider-arrows a:before { color: #ffffff !important; font-size: 34px !important; font-weight: bold !important; text-shadow: 2px 2px 4px #000000 !important; } /* --------------------------------------------------------- SLUT MOVIETAJM – FAVORITER GRUNDSTYLING --------------------------------------------------------- */ /* ========================================================= START MOVIETAJM – FAVORITER TEXT OCH METADATA MOBIL ========================================================= */ @media only screen and (max-width: 980px) { #senaste-favoriter .post-content, #senaste-favoriter .post-content-box { text-align: center !important; } #senaste-favoriter .post-content h3, #senaste-favoriter .post-content h3 a { text-align: center !important; } #senaste-favoriter article .post-content { padding-top: 0 !important; padding-bottom: 0 !important; } #senaste-favoriter article .post-meta, #senaste-favoriter article .post-meta a { color: #ffffff !important; } } /* --------------------------------------------------------- SLUT MOVIETAJM – FAVORITER TEXT OCH METADATA MOBIL --------------------------------------------------------- */ /* ========================================================= START MOVIETAJM – FAVORITER SLIDERKONTROLLER MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Ta bort mobilens tryckmarkering */ #senaste-favoriter .et-pb-slider-arrows a, #senaste-favoriter .et-pb-arrow-prev, #senaste-favoriter .et-pb-arrow-next { -webkit-tap-highlight-color: transparent !important; tap-highlight-color: transparent !important; } /* Dölj alla sliderprickar */ #senaste-favoriter .slick-dots, #senaste-favoriter .slick-dots li, #senaste-favoriter .slick-dots li button, #senaste-favoriter .slick-dots li button:before, #senaste-favoriter .et-pb-controllers, #senaste-favoriter .et-pb-controllers a { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Pilar dolda medan autoplay går */ #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-prev, #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-next { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.18s ease !important; } /* Pilar visas när slidern pausats */ #senaste-favoriter.movietajm-slider-paused .et-pb-slider-arrows a.et-pb-arrow-prev, #senaste-favoriter.movietajm-slider-paused .et-pb-slider-arrows a.et-pb-arrow-next { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* START MOVIETAJM – FAVORITER: FRISTÅENDE SYMMETRISKA PILAR */ #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-prev, #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-next { position: absolute !important; top: 50% !important; width: 44px !important; height: 56px !important; margin: -28px 0 0 !important; padding: 0 !important; line-height: normal !important; background: none !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; text-indent: 0 !important; font-size: 0 !important; } #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-prev { left: 2px !important; right: auto !important; } #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-next { right: 2px !important; left: auto !important; } /* Rita egna pilar: exakt samma mått, utan Extras ikonförskjutning. */ #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-prev:before, #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-next:before { content: "" !important; display: block !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 17px !important; height: 17px !important; box-sizing: border-box !important; font-size: 0 !important; border: 0 !important; border-radius: 2px !important; background: none !important; box-shadow: none !important; filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 2px #000) !important; } #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-prev:before { border-left: 5px solid white !important; border-bottom: 5px solid white !important; transform: translate(-50%, -50%) rotate(45deg) !important; } #senaste-favoriter .et-pb-slider-arrows a.et-pb-arrow-next:before { border-top: 5px solid white !important; border-right: 5px solid white !important; transform: translate(-50%, -50%) rotate(45deg) !important; } #senaste-favoriter .et-pb-slider-arrows a:after { content: none !important; display: none !important; } /* SLUT MOVIETAJM – FAVORITER: FRISTÅENDE SYMMETRISKA PILAR */ } /* --------------------------------------------------------- SLUT MOVIETAJM – FAVORITER SLIDERKONTROLLER MOBIL --------------------------------------------------------- */ /* ========================================================= START MOVIETAJM – FAVORITER: SVART TEXTSKUGGA MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Titeln – samma utseende som i V8. */ #senaste-favoriter article .post-content h3, #senaste-favoriter article .post-content h3 a { text-shadow: 0 1px 1px #000, 1px 2px 2px #000, -1px -1px 3px #000, 0 3px 5px #000, 0 0 9px #000, 0 0 16px rgba(0,0,0,.98) !important; } /* Årtal och kategorier: extra tydlig svart kontur + mjuk skugga. Rikta reglerna mot själva text-elementen, inte bara föräldern. */ #senaste-favoriter article.carousel-item .post-meta, #senaste-favoriter article.carousel-item .post-meta p, #senaste-favoriter article.carousel-item .post-meta span, #senaste-favoriter article.carousel-item .post-meta a, #senaste-favoriter article.carousel-item .post-meta .movietajm-film-year, #senaste-favoriter article.carousel-item .post-meta .movietajm-featured-categories, #senaste-favoriter article.carousel-item .post-meta .movietajm-featured-categories *, #senaste-favoriter article.carousel-item .post-meta .movietajm-category-comma { color: #ffffff !important; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000, 0 2px 3px #000, 0 3px 7px #000, 0 0 12px #000, 0 0 19px rgba(0,0,0,.98) !important; } } /* SLUT MOVIETAJM – FAVORITER: SVART TEXTSKUGGA MOBIL */ /* ========================================================= START MOVIETAJM – VANLIGA INDEX-INLÄGG STYLING ========================================================= */ /* --------------------------------------------------------- META – RAD 1 + RAD 2 + FILMÅR + BETYG --------------------------------------------------------- */ .posts-blog-feed-module .movietajm-meta-line1, .posts-blog-feed-module .movietajm-meta-line2, .posts-blog-feed-module .movietajm-film-year, .posts-blog-feed-module .movietajm-film-rating { font-size: inherit !important; line-height: inherit !important; } /* --------------------------------------------------------- BETYGSSTJÄRNA --------------------------------------------------------- */ .posts-blog-feed-module .movietajm-rating-star { color: #000000 !important; font-size: 0.95em !important; line-height: inherit !important; vertical-align: baseline !important; position: relative; top: -0.06em; } /* --------------------------------------------------------- META – TA BORT EXTRA LUFT --------------------------------------------------------- */ .posts-blog-feed-module .movietajm-meta-line1, .posts-blog-feed-module .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- DÖLJ UTDRAG --------------------------------------------------------- */ .posts-blog-feed-module article .excerpt { display: none !important; } /* --------------------------------------------------------- SVARTA FILMTITLAR --------------------------------------------------------- */ .posts-blog-feed-module article .post-title a { color: #000000 !important; } /* --------------------------------------------------------- TA BORT PLUS-IKON PÅ BILDER – MOBIL --------------------------------------------------------- */ @media only screen and (max-width: 980px) { .posts-blog-feed-module .et_pb_extra_overlay, .posts-blog-feed-module .et_pb_inline_icon { display: none !important; } } /* --------------------------------------------------------- KOMPAKT META – MOBIL --------------------------------------------------------- */ @media only screen and (max-width: 980px) { .posts-blog-feed-module article .post-meta { margin-bottom: 0 !important; } } /* --------------------------------------------------------- SLUT MOVIETAJM – VANLIGA INDEX-INLÄGG STYLING --------------------------------------------------------- */ /* START FOOTER – DÖLJ HELT */ #footer, #main-footer, .et_pb_extra_column_main_footer, footer { display: none !important; } /* STOPP FOOTER – DÖLJ HELT */ /* START MINDRE GLAPP PÅ SIDA 2+ */ @media only screen and (max-width: 980px) { /* * Endast index/bloggens sida 2+. * Ska inte dra upp kategori, tagg, sök eller månadsarkiv. */ body.blog.paged .posts-blog-feed-module, body.blog.movietajm-paged-index .posts-blog-feed-module { margin-top: -30px !important; } } /* STOPP MINDRE GLAPP PÅ SIDA 2+ */ /* ========================================================= START MOVIETAJM – MOBILMENY + ARKIV Flyttad från Body till Extra Child style.css ========================================================= */ @media only screen and (max-width: 980px) { /* ===================================================== TONING BAKOM ÖPPEN MOBILMENY ===================================================== */ #movietajm-mobile-menu-backdrop { display: none !important; } /* ===================================================== EGEN MOBILMENY – SVART/LILA + RÄKNARE ===================================================== */ #movietajm-mobile-custom-menu { display: none; position: absolute; top: 100%; right: 10px; left: 10px; width: auto; margin: 0; padding: 4px 0; box-sizing: border-box; background: linear-gradient( 180deg, #24102f 0%, #120817 55%, #08040b 100% ) !important; border: 6px solid transparent !important; border-image: linear-gradient( 135deg, #08040b 0%, #702783 25%, #18091f 50%, #8b3aa0 75%, #08040b 100% ) 1 !important; border-radius: 0 0 6px 6px; box-shadow: 0 0 8px rgba(112,39,131,0.35), 0 5px 14px rgba(0,0,0,0.45); z-index: 100003; overflow: hidden; } #movietajm-mobile-custom-menu.movietajm-menu-open { display: block; } #movietajm-mobile-review-count { display: block; box-sizing: border-box; width: 100%; padding: 8px 18px 10px; margin: 0; color: #ffffff !important; background: transparent; font-size: 14px; font-weight: 600; line-height: 1.25; text-align: center; white-space: nowrap; border-bottom: 0 !important; } #movietajm-mobile-custom-menu a { display: block; width: 100%; box-sizing: border-box; padding: 11px 22px; margin: 0; color: #ffffff !important; background: transparent !important; border: 0 !important; font-size: 17px; font-weight: 600; line-height: 1.2; text-decoration: none !important; white-space: nowrap; } #movietajm-mobile-custom-menu a:visited, #movietajm-mobile-custom-menu a:hover, #movietajm-mobile-custom-menu a:active { color: #ffffff !important; background: rgba(255,255,255,0.05) !important; } /* START ARKIV I MOBILMENY */ #movietajm-mobile-custom-menu .movietajm-archive-button, #movietajm-mobile-custom-menu .movietajm-archive-year-button { display: block; position: relative; width: 100%; box-sizing: border-box; margin: 0; border: 0; text-align: left; color: #ffffff !important; background: transparent !important; cursor: pointer; font-family: inherit; -webkit-tap-highlight-color: transparent; } #movietajm-mobile-custom-menu .movietajm-archive-button { padding: 11px 22px; font-size: 17px; font-weight: 600; line-height: 1.2; } #movietajm-mobile-custom-menu .movietajm-archive-year-button { padding: 8px 22px 8px 34px; font-size: 15px; font-weight: 600; } #movietajm-mobile-custom-menu .movietajm-archive-button::after, #movietajm-mobile-custom-menu .movietajm-archive-year-button::after { content: "›"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 22px; line-height: 1; transition: transform 0.16s ease; } #movietajm-mobile-custom-menu .movietajm-archive-open::after { transform: translateY(-50%) rotate(90deg); } #movietajm-mobile-custom-menu .movietajm-archive-level, #movietajm-mobile-custom-menu .movietajm-archive-months { display: none; } #movietajm-mobile-custom-menu .movietajm-archive-level.movietajm-archive-visible, #movietajm-mobile-custom-menu .movietajm-archive-months.movietajm-archive-visible { display: block; } #movietajm-mobile-custom-menu .movietajm-archive-months a { padding: 7px 22px 7px 52px; font-size: 13px; font-weight: 500; } #movietajm-mobile-custom-menu .movietajm-archive-loading { padding: 8px 22px 8px 34px; color: rgba(255,255,255,0.72); font-size: 13px; } /* STOPP ARKIV I MOBILMENY */ } /* ========================================================= STOPP MOVIETAJM – MOBILMENY + ARKIV ========================================================= */ /* START FÖDELSEDAG – TÅRTIKON */ @media only screen and (max-width: 980px) { #movietajm-birthday-button { flex: 0 0 46px; width: 46px; height: 38px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #d0d0d0; border-radius: 4px; background: #ffffff; cursor: pointer; -webkit-tap-highlight-color: transparent; } #movietajm-birthday-button svg { display: block; transform: translateY(1px); } } /* STOPP FÖDELSEDAG – TÅRTIKON */ /* ===================================================== START – SLUMPADE FAVORITER MOBIL, UTAN LILA TOPPLINJE Samma utseende på index och singelinlägg. ===================================================== */ @media only screen and (max-width: 980px) { .et_pb_extra_column_sidebar .widget_mt_sf_widget, .widget_mt_sf_widget { padding-top: 0 !important; border-top: 0 !important; background-image: none !important; } .widget_mt_sf_widget::before, .widget_mt_sf_widget::after { display: none !important; } .widget_mt_sf_widget .mt-sf { margin-top: 0 !important; border-top: 0 !important; } /* Centrera textgruppen på höjden bredvid filmpostern. */ .widget_mt_sf_widget .mt-sf-card { align-items: center !important; } .widget_mt_sf_widget .mt-sf-info { align-self: center !important; justify-content: center !important; } /* Lika rubrikstil på index och singelinlägg. */ .widget_mt_sf_widget .mt-sf-heading { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } /* Behåll filmknappen kompakt och konsekvent på mobil. Samma visuella bredd som de andra två knapparna. */ .widget_mt_sf_widget .mt-sf-more { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: calc(100% - 26px) !important; max-width: calc(100% - 26px) !important; margin: 12px auto 0 !important; box-sizing: border-box !important; font-size: 14px !important; line-height: 1.2 !important; text-align: center !important; } } /* ===================================================== SLUT – SLUMPADE FAVORITER MOBIL, UTAN LILA TOPPLINJE ===================================================== */ /* ===================================================== START MOVIETAJM – DÖLJ TÅRTIS PÅ DATOR ===================================================== */ @media only screen and (min-width: 981px) { #movietajm-birthday-button { display: none !important; } } /* ===================================================== SLUT MOVIETAJM – DÖLJ TÅRTIS PÅ DATOR ===================================================== */ /* ===================================================== START MOVIETAJM – INSTAGRAMRUBRIK MOBIL Endast den egna Instagramwidgeten; inga negativa marginaler. ===================================================== */ @media only screen and (max-width: 980px) { .et_pb_widget:has(.mt-instagram-rubrik) > .widgettitle, .et_pb_widget:has(.mt-instagram-rubrik) > .widget-title { display: none !important; } .et_pb_widget .mt-instagram-rubrik { display: block !important; position: static !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; background: transparent !important; color: #27162d !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* Behåll Instagramflödets naturliga sidmarginaler. */ .et_pb_widget:has(.mt-instagram-rubrik) #sb_instagram .sbi_follow_btn { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 12px 0 0 !important; padding: 0 !important; } .et_pb_widget:has(.mt-instagram-rubrik) #sb_instagram .sbi_follow_btn a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-height: 46px !important; height: auto !important; box-sizing: border-box !important; margin: 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg,#25112f 0%,#5b206f 55%,#301139 100%) !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; text-decoration: none !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } } /* SLUT MOVIETAJM – INSTAGRAMRUBRIK MOBIL */ /* START MOVIETAJM – VIT TEXT I MOBILMENY */ @media only screen and (max-width: 980px) { #movietajm-mobile-custom-menu { color: #ffffff !important; } } /* SLUT MOVIETAJM – VIT TEXT I MOBILMENY */ /* ========================================================= START MOVIETAJM V23 – VANLIGA FILMKORT, ENBART MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Ta bort luft EFTER bilden, utan att flytta upp texten över bilden. */ html body .posts-blog-feed-module article > .header { margin-bottom: 0 !important; padding-bottom: 0 !important; } html body .posts-blog-feed-module article > .header .post-thumbnail { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Original-loopen använder article > .post-content för den vita ytan. */ html body .posts-blog-feed-module article > .post-content { height: auto !important; min-height: 0 !important; padding: 4px 17px 10px !important; margin: 0 !important; /* V21: EN tunn mörk linje uppe och nere, 1px utåt. */ position: relative !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } html body .posts-blog-feed-module article > .post-content::before, html body .posts-blog-feed-module article > .post-content::after { content: "" !important; position: absolute !important; left: 0 !important; width: 100% !important; height: 2px !important; background: #190c20 !important; pointer-events: none !important; z-index: 2 !important; } html body .posts-blog-feed-module article > .post-content::before { top: 1px !important; } html body .posts-blog-feed-module article > .post-content::after { bottom: 1px !important; } html body .posts-blog-feed-module article > .post-content > h2.post-title { margin: 3px 0 2px !important; padding: 0 !important; line-height: 1.2 !important; } html body .posts-blog-feed-module article > .post-content > .post-meta, html body .posts-blog-feed-module article > .post-content > .post-meta p { margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; min-height: 0 !important; } html body .posts-blog-feed-module article .movietajm-meta-line1, html body .posts-blog-feed-module article .movietajm-meta-line2 { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; } html body .posts-blog-feed-module article .movietajm-meta-line2 { margin-top: 2px !important; } } /* SLUT MOVIETAJM V23 – VANLIGA FILMKORT */ /* ========================================================= START MOVIETAJM – MOBIL IKONRAD V7 Facebook | Favoriter | 5/5 | Instagram ========================================================= */ @media only screen and (max-width: 980px) { html body #movietajm-mobile-icon-row { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; align-items: center !important; justify-items: stretch !important; width: 100% !important; height: 52px !important; box-sizing: border-box !important; padding: 6px 14px !important; margin: 0 !important; gap: 0 !important; background: none !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; position: relative !important; z-index: 1 !important; } /* ===================================================== ALLA FYRA KLICKYTOR ===================================================== */ html body #movietajm-mobile-icon-row > .movietajm-metal-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 !important; background: none !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } /* ===================================================== PLACERING ===================================================== */ html body #movietajm-mobile-icon-row > .movietajm-metal-facebook { grid-column: 1 !important; grid-row: 1 !important; } html body #movietajm-mobile-icon-row > .movietajm-metal-favorites { grid-column: 2 !important; grid-row: 1 !important; } html body #movietajm-mobile-icon-row > .movietajm-metal-five { grid-column: 3 !important; grid-row: 1 !important; transform: translateY(1px) !important; } html body #movietajm-mobile-icon-row > .movietajm-metal-instagram { grid-column: 4 !important; grid-row: 1 !important; } /* ===================================================== ALLA FYRA BILDER – SAMMA STORLEK ===================================================== */ html body #movietajm-mobile-icon-row > .movietajm-metal-icon img { display: block !important; width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } } /* ========================================================= DATOR – DÖLJ MOBILRADEN ========================================================= */ @media only screen and (min-width: 981px) { #movietajm-mobile-icon-row { display: none !important; } } /* Visa ikonraden ENDAST på första startsidan */ html body:not(.blog) #movietajm-mobile-icon-row, html body.blog.paged #movietajm-mobile-icon-row, html body.blog.movietajm-paged-index #movietajm-mobile-icon-row { display: none !important; } html body #movietajm-mobile-icon-row > .movietajm-metal-five img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; } /* ========================================================= SLUT MOVIETAJM – MOBIL IKONRAD V7 ========================================================= */ /* ========================================================= START MOVIETAJM – SINGLE-POST MOBIL V1 ========================================================= */ /* Mobilversionen finns i DOM men visas bara på mobil. */ .movietajm-single-mobile-header, .movietajm-single-mobile-nav { display: none; } @media only screen and (max-width: 980px) { /* ===================================================== START – RUBRIK / DATUM / FILMÅR / KATEGORIER ===================================================== */ .single-post .single-post-module > .post-header { display: none !important; } .single-post .movietajm-single-mobile-header { display: block; padding: 30px 14px 0px; text-align: center; background: #ffffff; } .single-post .movietajm-single-title { margin: 0 0 4px; color: #000000; font-size: 16px; font-weight: 600; line-height: 1.2; text-transform: uppercase; } .single-post .movietajm-single-meta-line1, .single-post .movietajm-single-categories { color: #777777; font-size: 12px; line-height: 1.28; } .single-post .movietajm-single-meta-line1 { margin-bottom: 2px; } .single-post .movietajm-single-meta-separator { display: inline-block; margin: 0 2px; } .single-post .movietajm-single-meta-line1 a, .single-post .movietajm-single-meta-line1 a:visited, .single-post .movietajm-single-categories a, .single-post .movietajm-single-categories a:visited { color: #4a1768 !important; text-decoration: none; } .single-post .single-post-module .post-content.entry-content a, .single-post .single-post-module .post-content.entry-content a:visited { color: #4a1768 !important; } /* SLUT – RUBRIK / DATUM / FILMÅR / KATEGORIER */ /* ===================================================== START – BILD NÄSTAN KANT TILL KANT ===================================================== */ /* ========================================================= START MOVIETAJM – SINGLE-POST BILD KANT TILL KANT Första stycket i recensionen innehåller filmbilden. Extra ger .post-wrap 20px sidpadding på mobil, så bilden dras ut exakt 20px åt varje sida. ========================================================= */ .single-post .single-post-module .post-content.entry-content > p:first-child { width: calc(100% + 40px) !important; max-width: none !important; margin: -20px -20px 24px !important; padding: 0 !important; line-height: 0 !important; } .single-post .single-post-module .post-content.entry-content > p:first-child > img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= SLUT MOVIETAJM – SINGLE-POST BILD KANT TILL KANT ========================================================= */ /* SLUT – BILD NÄSTAN KANT TILL KANT */ /* ===================================================== START – KOMPAKTARE VIT INNEHÅLLSYTA ===================================================== */ .single-post .single-post-module .post-wrap { padding-top: 0 !important; padding-bottom: 0 !important; } .single-post .single-post-module .post-content.entry-content { padding-top: 14px !important; padding-bottom: 4px !important; min-height: 0 !important; height: auto !important; } .single-post .single-post-module .post-content.entry-content > *:first-child { margin-top: 0 !important; } .single-post .single-post-module .post-content.entry-content > *:last-child, .single-post .single-post-module .post-content.entry-content p:last-of-type { margin-bottom: 0 !important; } .single-post .single-post-module { padding-bottom: 0 !important; } /* Dölj Extras gamla "Dela med sig" på mobil. */ .single-post .single-post-module .post-footer { display: none !important; } /* SLUT – KOMPAKTARE VIT INNEHÅLLSYTA */ /* ===================================================== START – SINGLE-POST PILAR = TJOCKARE OCH SMALARE ===================================================== */ .single-post .post-nav { display: none !important; } .single-post .movietajm-single-mobile-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 0 !important; padding: 14px 18px !important; box-sizing: border-box !important; transform: translateY(-16px); } .single-post .movietajm-single-arrow, .single-post .movietajm-single-arrow-spacer { flex: 0 0 58px !important; width: 58px !important; height: 58px !important; } .single-post .movietajm-single-arrow { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; line-height: 1 !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; } .single-post .movietajm-single-arrow::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border-top: 5px solid #050307 !important; border-right: 5px solid #050307 !important; border-radius: 2px !important; filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #8b3aa0) drop-shadow(0 0 10px rgba(139,58,160,0.85)) !important; transition: transform 0.10s ease, filter 0.10s ease !important; } .single-post .movietajm-single-arrow-right::before { transform: rotate(45deg) !important; } .single-post .movietajm-single-arrow-left::before { transform: rotate(225deg) !important; } .single-post .movietajm-single-arrow::after, .single-post .movietajm-single-arrow-left::after, .single-post .movietajm-single-arrow-right::after { content: none !important; display: none !important; } .single-post .movietajm-single-arrow.movietajm-arrow-pressed::before { filter: brightness(1.4) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 7px #b34bd0) drop-shadow(0 0 12px rgba(179,75,208,0.95)) !important; } .single-post .movietajm-single-arrow-right.movietajm-arrow-pressed::before { transform: rotate(45deg) scale(0.84) !important; } .single-post .movietajm-single-arrow-left.movietajm-arrow-pressed::before { transform: rotate(225deg) scale(0.84) !important; } /* ===================================================== SLUT – SINGLE-POST PILAR = TJOCKARE OCH SMALARE ===================================================== */ } /* ========================================================= SLUT MOVIETAJM – SINGLE-POST MOBIL V1 ========================================================= */ /* ========================================================= START MOVIETAJM – SINGLE-POST DATOR V1 Två kolumner: recension vänster, widgets höger. Mobilreglerna ovan påverkas inte. ========================================================= */ @media only screen and (min-width: 981px) { /* Huvudlayout */ body.single-post #content-area { display: grid !important; grid-template-columns: minmax(0, 1fr) 310px !important; gap: 24px !important; align-items: start !important; } body.single-post #content-area > .et_pb_extra_column_main { grid-column: 1 !important; width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; } body.single-post #content-area > .et_pb_extra_column_sidebar { grid-column: 2 !important; width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; } /* Bara Senaste recensioner + Slumpa film på singelinlägg */ body.single-post #content-area > .et_pb_extra_column_sidebar > .et_pb_widget, body.single-post #content-area > .et_pb_extra_column_sidebar > .widget { display: none !important; } body.single-post #content-area > .et_pb_extra_column_sidebar > #movietajm-desktop-latest-widget, body.single-post #content-area > .et_pb_extra_column_sidebar > .widget_mt_sf_widget { display: block !important; } /* Själva recensionen */ body.single-post .single-post-module { margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; } /* Använd samma egna titelrad som på mobilen */ body.single-post .single-post-module > .post-header { display: none !important; } body.single-post .movietajm-single-mobile-header { display: block !important; margin: 0 !important; padding: 28px 28px 22px !important; background: #ffffff !important; text-align: center !important; } body.single-post .movietajm-single-title { margin: 0 0 5px !important; color: #111111 !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.15 !important; text-transform: uppercase !important; } body.single-post .movietajm-single-meta-line1, body.single-post .movietajm-single-categories { color: #777777 !important; font-size: 13px !important; line-height: 1.35 !important; } body.single-post .movietajm-single-meta-line1 { margin: 0 0 3px !important; } body.single-post .movietajm-single-meta-separator { display: inline-block !important; margin: 0 3px !important; } body.single-post .movietajm-single-meta-line1 a, body.single-post .movietajm-single-meta-line1 a:visited, body.single-post .movietajm-single-categories a, body.single-post .movietajm-single-categories a:visited, body.single-post .single-post-module .post-content.entry-content a, body.single-post .single-post-module .post-content.entry-content a:visited { color: #4a1768 !important; text-decoration: none !important; } /* Stor bild – ren och bred som mobilens känsla */ body.single-post .single-post-module .post-thumbnail.header { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } body.single-post .single-post-module .post-thumbnail.header img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* Innehåll */ body.single-post .single-post-module .post-wrap { margin: 0 !important; padding: 0 !important; } body.single-post .single-post-module .post-content.entry-content { margin: 0 !important; padding: 24px 30px 30px !important; color: #686868 !important; font-size: 14px !important; line-height: 1.65 !important; } body.single-post .single-post-module .post-content.entry-content > *:first-child { margin-top: 0 !important; } body.single-post .single-post-module .post-content.entry-content > *:last-child, body.single-post .single-post-module .post-content.entry-content p:last-of-type { margin-bottom: 0 !important; } /* * Om filmbilden ligger som första stycket i själva innehållet * får den samma breda känsla som på mobilen. */ body.single-post .single-post-module .post-content.entry-content > p:first-child:has(> img:only-child) { width: calc(100% + 60px) !important; max-width: none !important; margin: -24px -30px 24px !important; padding: 0 !important; line-height: 0 !important; } body.single-post .single-post-module .post-content.entry-content > p:first-child:has(> img:only-child) > img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* Gamla Dela med sig-raden ska bort även på desktop */ body.single-post .single-post-module .post-footer { display: none !important; } /* Widgetspalten ska börja i samma höjd som recensionen */ body.single-post #movietajm-desktop-latest-widget { margin-top: 0 !important; } body.single-post .et_pb_extra_column_sidebar .widget_mt_sf_widget { width: 100% !important; margin: 0 0 22px !important; } body.single-post .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { border-radius: 5px !important; } /* ===================================================== SINGLE-POST – SAMMA PILAR PÅ DATOR SOM PÅ MOBIL ===================================================== */ body.single-post .post-nav { display: none !important; } body.single-post .movietajm-single-mobile-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 0 !important; padding: 14px 18px !important; box-sizing: border-box !important; transform: none !important; } body.single-post .movietajm-single-arrow, body.single-post .movietajm-single-arrow-spacer { flex: 0 0 58px !important; width: 58px !important; height: 58px !important; } body.single-post .movietajm-single-arrow { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 1 !important; text-decoration: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; } body.single-post .movietajm-single-arrow::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border-top: 5px solid #050307 !important; border-right: 5px solid #050307 !important; border-radius: 2px !important; filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #8b3aa0) drop-shadow(0 0 10px rgba(139,58,160,0.85)) !important; transition: transform 0.10s ease, filter 0.10s ease !important; } body.single-post .movietajm-single-arrow-right::before { transform: rotate(45deg) !important; } body.single-post .movietajm-single-arrow-left::before { transform: rotate(225deg) !important; } body.single-post .movietajm-single-arrow::after { content: none !important; display: none !important; } body.single-post .movietajm-single-arrow-right.movietajm-arrow-pressed::before { transform: rotate(45deg) scale(0.84) !important; filter: brightness(1.4) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 7px #b34bd0) drop-shadow(0 0 12px rgba(179,75,208,0.95)) !important; } body.single-post .movietajm-single-arrow-left.movietajm-arrow-pressed::before { transform: rotate(225deg) scale(0.84) !important; filter: brightness(1.4) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 7px #b34bd0) drop-shadow(0 0 12px rgba(179,75,208,0.95)) !important; } } /* ========================================================= SLUT MOVIETAJM – SINGLE-POST DATOR V1 ========================================================= */ /* ========================================================= START MOVIETAJM – KATEGORI ANTAL RESULTAT DATOR Endast kategorisidor på dator. Mobil lämnas oförändrad. ========================================================= */ @media only screen and (min-width: 981px) { body.category .movietajm-archive-heading { margin: 0 0 12px !important; } body.category .movietajm-archive-count { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 13px 16px !important; border: 0 !important; border-bottom: 2px solid #7b2b91 !important; border-radius: 5px !important; background: #ffffff !important; color: #26102f !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.35 !important; text-align: center !important; text-shadow: none !important; box-shadow: none !important; } } /* ========================================================= SLUT MOVIETAJM – KATEGORI ANTAL RESULTAT DATOR ========================================================= */ /* ========================================================= START MOVIETAJM – KATEGORI/TAGGRAD MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Flytta upp raden närmare sökrutan */ .category .movietajm-archive-heading, .tag .movietajm-archive-heading, .search .movietajm-archive-heading, .date .movietajm-archive-heading { margin: -12px 0 12px !important; } /* Ingen separat arkivrubrik */ .category .movietajm-archive-title, .tag .movietajm-archive-title, .search .movietajm-archive-title, .date .movietajm-archive-title { display: none !important; } /* Helbredd med bara linje ovanför och under */ .category .movietajm-archive-count, .tag .movietajm-archive-count, .search .movietajm-archive-count, .date .movietajm-archive-count { display: block !important; width: calc(100% + 40px) !important; max-width: none !important; margin-left: -20px !important; margin-right: -20px !important; padding: 8px 12px !important; box-sizing: border-box !important; border-top: 1px solid #5c2b70 !important; border-bottom: 1px solid #5c2b70 !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; background: linear-gradient( 180deg, #16091b 0%, #050307 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.2px !important; text-align: center !important; text-shadow: 0 0 2px #ffffff, 0 0 5px rgba(139, 58, 160, 0.95), 0 0 9px rgba(139, 58, 160, 0.70) !important; box-shadow: none !important; } } /* ========================================================= SLUT MOVIETAJM – KATEGORI/TAGGRAD MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – KATEGORI/TAGGARKIV SOM INDEX, MOBIL V1 ========================================================= */ @media only screen and (max-width: 980px) { /* Ta bort Extras blå accentlinje och modulram. */ body:is(.category, .tag, .search, .date) .movietajm-archive-feed { border-top: 0 !important; box-shadow: none !important; background: transparent !important; } /* Samma luft mellan filmkorten som på index. */ body:is(.category, .tag, .search, .date) .movietajm-archive-feed article { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 24px !important; padding: 0 !important; background: transparent !important; } /* * Bilden ska ligga direkt mot kortets ram, * precis som på vanliga index. */ body:is(.category, .tag, .search, .date) .movietajm-archive-feed article > .header { margin: 0 !important; padding: 0 !important; background: transparent !important; } body:is(.category, .tag, .search, .date) .movietajm-archive-feed article > .header .post-thumbnail, body:is(.category, .tag, .search, .date) .movietajm-archive-feed article > .header > a { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body:is(.category, .tag, .search, .date) .movietajm-archive-feed article > .header img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* * Den vita informationsytan använder redan samma globala * Movietajm-regler som index. Här ser vi bara till att * arkivet inte lägger på extra egen bredd/marginal. */ body:is(.category, .tag, .search, .date) .movietajm-archive-feed article > .post-content { width: 100% !important; box-sizing: border-box !important; background: #ffffff !important; color: #777777 !important; } /* Ta bort Extras gamla vita paginationlåda. */ body:is(.category, .tag, .search, .date) .movietajm-archive-pagination { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; } body:is(.category, .tag, .search, .date) .movietajm-archive-pagination .pagination { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } } /* ========================================================= SLUT MOVIETAJM – KATEGORI/TAGGARKIV SOM INDEX, MOBIL V1 ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 SOM INDEX, MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Dölj Extras vanliga sidrubrik och ta bort den vita sidramen. */ body.movietajm-five-page .single-page-module > .post-header, body.movietajm-five-page .single-post-module > .post-header { display: none !important; } body.movietajm-five-page .single-page-module, body.movietajm-five-page .single-post-module { border-top: 0 !important; background: transparent !important; box-shadow: none !important; } body.movietajm-five-page .single-page-module .post-wrap, body.movietajm-five-page .single-post-module .post-wrap, body.movietajm-five-page .single-page-module .post-content.entry-content, body.movietajm-five-page .single-post-module .post-content.entry-content { margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Helbreddsraden högst upp. */ body.movietajm-five-page .movietajm-five-heading { margin: -12px 0 12px !important; } body.movietajm-five-page .movietajm-five-count { display: block !important; width: calc(100% + 40px) !important; max-width: none !important; margin-left: -20px !important; margin-right: -20px !important; padding: 8px 12px !important; box-sizing: border-box !important; border-top: 1px solid #5c2b70 !important; border-bottom: 1px solid #5c2b70 !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; background: linear-gradient( 180deg, #16091b 0%, #050307 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: 0.2px !important; text-align: center !important; text-shadow: 0 0 2px #ffffff, 0 0 5px rgba(139, 58, 160, 0.95), 0 0 9px rgba(139, 58, 160, 0.70) !important; box-shadow: none !important; } /* Samma modul/kort som kategori och tagg. */ body.movietajm-five-page .movietajm-five-feed { border-top: 0 !important; box-shadow: none !important; background: transparent !important; } body.movietajm-five-page .movietajm-five-feed article { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 24px !important; padding: 0 !important; background: transparent !important; } body.movietajm-five-page .movietajm-five-feed article > .header { margin: 0 !important; padding: 0 !important; background: transparent !important; } body.movietajm-five-page .movietajm-five-feed article > .header .post-thumbnail, body.movietajm-five-page .movietajm-five-feed article > .header > a { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.movietajm-five-page .movietajm-five-feed article > .header img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content { width: 100% !important; box-sizing: border-box !important; background: #ffffff !important; color: #777777 !important; } /* Samma pagination som index/kategori/tagg. */ body.movietajm-five-page .movietajm-five-pagination { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; } body.movietajm-five-page .movietajm-five-pagination .pagination { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 SOM INDEX, MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 YTTRE SIDCONTAINER MOBIL Tar bort Extras vanliga vita sida runt shortcoden. ========================================================= */ @media only screen and (max-width: 980px) { /* * Dölj sidans vanliga titel "5-AV-5". * Vi använder bara vår egen antal-rad. */ body.movietajm-five-page article.page > .post-header, body.movietajm-five-page article.page > h1.entry-title { display: none !important; } /* * Extra lägger normalt vit bakgrund, blå topplinje och skugga * på vanliga sidor. På 5-av-5 vill vi ha samma mörka grund * som kategori/tagg-arkiven. */ body.movietajm-five-page article.page, body.movietajm-five-page .et_pb_extra_column_main > article.page { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* * Ta bort den vanliga sidans inre vita wrapper/padding. * Shortcoden får då använda hela bredden. */ body.movietajm-five-page article.page > .post-wrap, body.movietajm-five-page article.page > .post-wrap > .post-content.entry-content, body.movietajm-five-page article.page > .entry-content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* * Själva shortcodeområdet. */ body.movietajm-five-page .movietajm-five-archive, body.movietajm-five-page .movietajm-five-feed, body.movietajm-five-page .movietajm-five-feed .paginated_content, body.movietajm-five-page .movietajm-five-feed .paginated_page { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; background: transparent !important; } } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 YTTRE SIDCONTAINER MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 INFOYTA + KOMPAKT PAGINATION ========================================================= */ @media only screen and (max-width: 980px) { /* Vit informationsyta precis som kategori/tagg/index. */ body.movietajm-five-page .movietajm-five-feed article > .post-content { width: 100% !important; box-sizing: border-box !important; background: #ffffff !important; color: #777777 !important; } /* * Ta bort eventuell Extra-padding/marginal som gör * paginationområdet onödigt högt. */ body.movietajm-five-page .movietajm-five-feed, body.movietajm-five-page .movietajm-five-feed .paginated_content, body.movietajm-five-page .movietajm-five-feed .paginated_page { margin-bottom: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } body.movietajm-five-page .movietajm-five-pagination { margin-top: -20px !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } /* * Samma pilstorlek som övriga arkiv, * men mindre luft ovanför/under på just 5-av-5. */ body.movietajm-five-page .movietajm-five-pagination .pagination { margin: 0 !important; padding: 8px 18px !important; min-height: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 INFOYTA + KOMPAKT PAGINATION ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 REN SLUTFIX Använder indexets befintliga ::before/::after-linjer. ========================================================= */ @media only screen and (max-width: 980px) { /* Dölj den vanliga WordPress-sidrubriken 5-AV-5. */ body.movietajm-five-page #main-content h1.entry-title { display: none !important; margin: 0 !important; padding: 0 !important; } /* * Dölj/komprimera wrappern som ENDAST innehåller sidans h1. * :has stöds i moderna Samsung Internet/Chrome/Firefox. */ body.movietajm-five-page #main-content .post-header:has(> h1.entry-title) { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* * Viktigt: * Ingen specialregel för post-content::after här. * 5-av-5 använder nu exakt samma nederlinje som index: * html body .posts-blog-feed-module article > .post-content::after */ } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 REN SLUTFIX ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 SYNLIG NEDERLINJE ========================================================= */ @media only screen and (max-width: 980px) { /* * Nederlinjen läggs inuti den vita infoytan. * Detta påverkar bara 5-av-5-korten. */ body.movietajm-five-page .movietajm-five-feed article > .post-content { box-shadow: inset 0 -2px 0 #190c20 !important; } } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 SYNLIG NEDERLINJE ========================================================= */ /* ========================================================= START MOVIETAJM – 5 AV 5 NEDERLINJE I BAKGRUNDEN ========================================================= */ @media only screen and (max-width: 980px) { body.movietajm-five-page .movietajm-five-feed article > .post-content { background: linear-gradient( to bottom, #ffffff 0, #ffffff calc(100% - 3px), #190c20 calc(100% - 3px), #190c20 calc(100% - 1px), #ffffff calc(100% - 1px), #ffffff 100% ) !important; box-shadow: none !important; } } /* ========================================================= SLUT MOVIETAJM – 5 AV 5 NEDERLINJE I BAKGRUNDEN ========================================================= */ /* ========================================================= START MOVIETAJM – RESULTATSIDOR UTAN WIDGETS, MOBIL Kategori/Favoriter, tagg/filmår, månad och sökresultat. ========================================================= */ @media only screen and (max-width: 980px) { /* * Dölj hela sidebar/widget-kolumnen på resultatsidor. * Favoriter är en kategori och födelsedagsresultat är sökresultat, * så de omfattas automatiskt. */ body:is(.category, .tag, .date, .search) .et_pb_extra_column_sidebar { display: none !important; } /* * Huvudkolumnen använder hela tillgängliga bredden. */ body:is(.category, .tag, .date, .search) .et_pb_extra_column_main { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; float: none !important; } } /* ========================================================= SLUT MOVIETAJM – RESULTATSIDOR UTAN WIDGETS, MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – RESULTATSIDOR KOMPAKT NEDERDEL MOBIL Godkänd slutjustering från mobilvyn. ========================================================= */ @media only screen and (max-width: 980px) { body:is(.category,.tag,.date,.search) .movietajm-archive-feed, body:is(.category,.tag,.date,.search) .movietajm-archive-feed .paginated_content, body:is(.category,.tag,.date,.search) .movietajm-archive-feed .paginated_page { margin-bottom: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } body:is(.category,.tag,.date,.search) .movietajm-archive-pagination { margin-top: -20px !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; } body:is(.category,.tag,.date,.search) .movietajm-archive-pagination .pagination { margin: 0 !important; padding: 8px 18px !important; min-height: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – RESULTATSIDOR KOMPAKT NEDERDEL MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – GEMENSAM PILFORM RESULTAT / ARKIV / 5 AV 5 Samma tjocka, kompakta pil som index och singelinlägg. Ändrar bara själva pilformen – inte sidornas layout. ========================================================= */ body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.arrow > a, body.movietajm-five-page .movietajm-five-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.arrow > a::before, body.movietajm-five-page .movietajm-five-pagination .pagination > li.arrow > a::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border-top: 5px solid #050307 !important; border-right: 5px solid #050307 !important; border-radius: 2px !important; filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #8b3aa0) drop-shadow(0 0 10px rgba(139,58,160,0.85)) !important; transition: transform 0.10s ease, filter 0.10s ease !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.next > a::before, body.movietajm-five-page .movietajm-five-pagination .pagination > li.next > a::before { transform: rotate(225deg) !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.prev > a::before, body.movietajm-five-page .movietajm-five-pagination .pagination > li.prev > a::before { transform: rotate(45deg) !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.arrow > a::after, body.movietajm-five-page .movietajm-five-pagination .pagination > li.arrow > a::after { content: none !important; display: none !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.prev > a:active::before, body.movietajm-five-page .movietajm-five-pagination .pagination > li.prev > a:active::before { transform: rotate(45deg) scale(0.84) !important; } body:is(.category, .tag, .date, .search) .movietajm-archive-pagination .pagination > li.next > a:active::before, body.movietajm-five-page .movietajm-five-pagination .pagination > li.next > a:active::before { transform: rotate(225deg) scale(0.84) !important; } /* ========================================================= SLUT MOVIETAJM – GEMENSAM PILFORM RESULTAT / ARKIV / 5 AV 5 ========================================================= */ /* ========================================================= START MOVIETAJM – DESKTOP HEADER STEG 1 Kompakt logga + meny närmare loggan. Mobilen påverkas inte. ========================================================= */ @media only screen and (min-width: 981px) { #main-header .container { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; height: auto !important; min-height: 0 !important; padding-top: 12px !important; padding-bottom: 8px !important; } #main-header .logo { display: block !important; float: none !important; position: static !important; width: auto !important; max-width: 460px !important; height: auto !important; max-height: none !important; margin: 0 auto !important; } #main-header #et-navigation { display: block !important; float: none !important; position: static !important; width: 100% !important; margin: 5px 0 0 !important; padding: 0 !important; text-align: center !important; } #main-header #et-menu { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – DESKTOP HEADER STEG 1 ========================================================= */ /* ========================================================= START MOVIETAJM – DESKTOP HEADER STEG 2 Dölj Extras översta rad helt. Egen sökruta längst till höger på menyraden. Mobilen påverkas inte. ========================================================= */ @media only screen and (min-width: 981px) { /* Hela Extras gamla topprad bort på desktop */ #top-header { display: none !important; } #main-header #et-navigation { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 28px !important; } #main-header #et-menu { flex: 1 1 auto !important; width: auto !important; justify-content: center !important; } #movietajm-desktop-search { display: flex !important; flex: 0 0 255px !important; width: 255px !important; height: 38px !important; margin: 0 !important; } #movietajm-desktop-search input { flex: 1 1 auto !important; min-width: 0 !important; height: 38px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid rgba(255,255,255,0.28) !important; border-right: 0 !important; border-radius: 4px 0 0 4px !important; background: rgba(255,255,255,0.96) !important; color: #222222 !important; font-size: 14px !important; line-height: 38px !important; outline: none !important; } #movietajm-desktop-search button { position: relative !important; flex: 0 0 44px !important; width: 44px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 4px 4px 0 !important; background: #333333 !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } #movietajm-desktop-search button::before { content: "" !important; position: absolute !important; inset: 0 !important; margin: auto !important; width: 19px !important; height: 19px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 19px 19px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") !important; } } /* ========================================================= SLUT MOVIETAJM – DESKTOP HEADER STEG 2 ========================================================= */ /* ========================================================= START MOVIETAJM – DESKTOP FAVORITER FULLBREDD 3x2 Gäller endast datorvyn. Mobilen påverkas inte. ========================================================= */ @media only screen and (min-width: 981px) { /* * När JS har flyttat #favoriter-dator till #content-area * blir hela startsidans layout en ren tvåkolumns-grid: * Favoriter överst över båda kolumnerna, * innehåll vänster och widgets höger. */ body.blog #content-area { display: grid !important; grid-template-columns: minmax(0, 1fr) 310px !important; gap: 24px !important; align-items: start !important; } body.blog #content-area > #favoriter-dator { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; margin: 0 0 26px !important; padding: 0 !important; float: none !important; } body.blog #content-area > .et_pb_extra_column_main { grid-column: 1 !important; width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; } body.blog #content-area > .et_pb_extra_column_sidebar { grid-column: 2 !important; width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; } /* ----------------------------------------------------- FAVORITER – 3 KOLUMNER x 2 RADER ----------------------------------------------------- */ body.blog #favoriter-dator { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* * Extra använder Salvattore för masonry. * Här talar vi uttryckligen om att desktop ska ha 3 kolumner. */ body.blog #favoriter-dator .paginated_page[data-columns]::before { content: "3 .column.size-1of3" !important; } body.blog #favoriter-dator .paginated_page[data-columns] { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.blog #favoriter-dator .column { box-sizing: border-box !important; padding: 0 8px !important; } body.blog #favoriter-dator .column.size-1of3 { width: 33.333333% !important; float: left !important; } body.blog #favoriter-dator article { width: 100% !important; margin: 0 0 16px !important; box-sizing: border-box !important; } body.blog #favoriter-dator article .header, body.blog #favoriter-dator article .header a, body.blog #favoriter-dator article .post-thumbnail, body.blog #favoriter-dator article .post-thumbnail img { width: 100% !important; max-width: none !important; } body.blog #favoriter-dator article .post-thumbnail img { display: block !important; height: auto !important; } } /* ========================================================= SLUT MOVIETAJM – DESKTOP FAVORITER FULLBREDD 3x2 ========================================================= */ /* ========================================================= START MOVIETAJM – DATOR FAVORITER SOM TEXT PÅ BILD ========================================================= */ @media only screen and (min-width: 981px) { .movietajm-desktop-favoriter { margin: 0 !important; padding: 0 !important; } .movietajm-desktop-favoriter article { position: relative !important; overflow: hidden !important; background: #000000 !important; border: 0 !important; box-shadow: none !important; } .movietajm-desktop-favoriter article .post-thumbnail, .movietajm-desktop-favoriter article .entry-featured-image-url, .movietajm-desktop-favoriter article .entry-featured-image-url img, .movietajm-desktop-favoriter article img { display: block !important; width: 100% !important; } .movietajm-desktop-favoriter article .entry-featured-image-url img, .movietajm-desktop-favoriter article .post-thumbnail img, .movietajm-desktop-favoriter article img { aspect-ratio: 16 / 9 !important; object-fit: cover !important; } .movietajm-desktop-favoriter article .post-content { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 5 !important; margin: 0 !important; padding: 46px 18px 16px !important; background: linear-gradient( to top, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.86) 32%, rgba(0,0,0,0.58) 62%, rgba(0,0,0,0.00) 100% ) !important; box-sizing: border-box !important; } .movietajm-desktop-favoriter article h3, .movietajm-desktop-favoriter article h3 a { margin: 0 0 6px !important; padding: 0 !important; color: #ffffff !important; font-size: 16px !important; line-height: 1.2 !important; text-transform: uppercase !important; text-align: left !important; text-shadow: 0 2px 2px rgba(0,0,0,0.95), 0 0 6px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.95) !important; } .movietajm-desktop-favoriter article .post-meta, .movietajm-desktop-favoriter article .post-meta p, .movietajm-desktop-favoriter article .post-meta span, .movietajm-desktop-favoriter article .post-meta a, .movietajm-desktop-favoriter article .movietajm-film-year, .movietajm-desktop-favoriter article .movietajm-meta-line2 { color: #ffffff !important; font-size: 13px !important; line-height: 1.3 !important; text-align: left !important; text-shadow: 0 2px 2px rgba(0,0,0,0.95), 0 0 6px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.95) !important; } .movietajm-desktop-favoriter article .post-meta { margin: 0 !important; padding: 0 !important; } .movietajm-desktop-favoriter article .post-meta p { margin: 0 !important; padding: 0 !important; } /* Dölj datumrad + betyg + stjärna */ .movietajm-desktop-favoriter article .movietajm-meta-line1, .movietajm-desktop-favoriter article .movietajm-film-rating, .movietajm-desktop-favoriter article .movietajm-rating-star { display: none !important; } /* Behåll filmår och kategorier som egna rader */ .movietajm-desktop-favoriter article .movietajm-film-year { display: block !important; margin: 0 0 2px !important; padding: 0 !important; } .movietajm-desktop-favoriter article .movietajm-meta-line2 { display: block !important; margin: 0 !important; padding: 0 !important; } /* Ta bort eventuell vit innehållsyta */ .movietajm-desktop-favoriter article .post-content-box, .movietajm-desktop-favoriter article .entry-summary, .movietajm-desktop-favoriter article .excerpt { background: transparent !important; box-shadow: none !important; } } /* ========================================================= SLUT MOVIETAJM – DATOR FAVORITER SOM TEXT PÅ BILD ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TEXTFIX Titel + filmår + kategorier, ingen plus-ikon ========================================================= */ @media only screen and (min-width: 981px) { /* Ta bort Extras plus/hover-overlay */ #favoriter-dator .et_pb_extra_overlay, #favoriter-dator .et_pb_inline_icon { display: none !important; } /* TITEL – vit med hård svart skugga */ #favoriter-dator article h2.post-title, #favoriter-dator article h2.post-title a { display: block !important; color: #ffffff !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; margin: 0 0 2px !important; padding: 0 !important; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000, 0 2px 4px #000, 0 0 8px #000 !important; } /* * Första metaraden innehåller: * datum | Filmår | betyg * * Gör textnoderna osynliga men behåll Filmår. */ #favoriter-dator article .movietajm-meta-line1 { display: block !important; font-size: 0 !important; line-height: 0 !important; margin: 0 0 2px !important; padding: 0 !important; } #favoriter-dator article .movietajm-meta-line1 .updated, #favoriter-dator article .movietajm-film-rating, #favoriter-dator article .movietajm-rating-star { display: none !important; } #favoriter-dator article .movietajm-film-year { display: block !important; color: #ffffff !important; font-size: 12px !important; line-height: 1.25 !important; margin: 0 !important; padding: 0 !important; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000, 0 2px 4px #000, 0 0 8px #000 !important; } /* KATEGORIER */ #favoriter-dator article .movietajm-meta-line2, #favoriter-dator article .movietajm-meta-line2 a, #favoriter-dator article .movietajm-meta-line2 span { display: block !important; color: #ffffff !important; font-size: 12px !important; line-height: 1.25 !important; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000, 0 2px 4px #000, 0 0 8px #000 !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TEXTFIX ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR KATEGORIER PÅ EN RAD ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article .movietajm-meta-line2 { display: block !important; } #favoriter-dator article .movietajm-meta-line2 a, #favoriter-dator article .movietajm-meta-line2 span, #favoriter-dator article .movietajm-category-comma { display: inline !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR KATEGORIER PÅ EN RAD ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR CENTRERAD TEXT ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article .post-content, #favoriter-dator article h2.post-title, #favoriter-dator article h2.post-title a, #favoriter-dator article .post-meta, #favoriter-dator article .post-meta p, #favoriter-dator article .movietajm-meta-line1, #favoriter-dator article .movietajm-meta-line2, #favoriter-dator article .movietajm-film-year { text-align: center !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR CENTRERAD TEXT ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TEXT 6 PX NER ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article .post-content { bottom: -6px !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TEXT 6 PX NER ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TA BORT SVART BOTTEN ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article, #favoriter-dator article .post-content { background: transparent !important; background-image: none !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TA BORT SVART BOTTEN ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR RAM ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article { border: 4px solid #2b1235 !important; box-sizing: border-box !important; box-shadow: 0 0 0 1px #08040b, 0 2px 8px rgba(0,0,0,0.55), 0 0 8px rgba(92,43,112,0.30) !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR RAM ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TA BORT TJOCK UNDERKANT ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article { padding-bottom: 0 !important; margin-bottom: 16px !important; background: transparent !important; } #favoriter-dator article .header { margin-bottom: 0 !important; padding-bottom: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TA BORT TJOCK UNDERKANT ========================================================= */ /* ========================================================= START MOVIETAJM – DESKTOP MENYRAD JUSTERING Meny + sök på samma höjd ========================================================= */ @media only screen and (min-width: 981px) { #main-header #et-navigation { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 38px !important; } #main-header #et-menu { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } #main-header #et-menu > li { display: flex !important; align-items: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } #main-header #et-menu > li > a { display: flex !important; align-items: center !important; height: 38px !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 38px !important; } #movietajm-desktop-search { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – DESKTOP MENYRAD JUSTERING ========================================================= */ /* ========================================================= START MOVIETAJM – STARTKNAPP DATOR ========================================================= */ @media only screen and (min-width: 981px) { #main-header #et-menu > li.movietajm-start-menu { display: flex !important; align-items: center !important; margin: 0 18px 0 0 !important; padding: 0 !important; } #main-header #et-menu > li.movietajm-start-menu > a { display: block !important; width: 150px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; background-image: url("images/movietajm-start.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; border: 0 !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; } #main-header #et-menu > li.movietajm-start-menu > a { border-bottom: none !important; text-decoration: none !important; } #main-header #et-menu > li.movietajm-start-menu > a::before, #main-header #et-menu > li.movietajm-start-menu > a::after { display: none !important; content: none !important; } } /* ========================================================= SLUT MOVIETAJM – STARTKNAPP DATOR ========================================================= */ /* ========================================================= START MOVIETAJM – EGEN DATOR-MENY V1 Separat från WordPress-menyn. Mobilen påverkas inte. ========================================================= */ @media only screen and (min-width: 981px) { /* Den gamla Extra-menyn finns kvar för mobilen men döljs på dator. */ #main-header #et-menu { display: none !important; } #main-header #et-navigation { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; width: 100% !important; min-height: 44px !important; } #movietajm-desktop-menu { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 10020 !important; } #movietajm-desktop-menu .mt-desktop-item, #movietajm-desktop-menu .mt-desktop-archive-button { display: flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; cursor: pointer !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; } #movietajm-desktop-menu .mt-desktop-item img, #movietajm-desktop-menu .mt-desktop-archive-button img { display: block !important; width: auto !important; height: 34px !important; max-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; object-fit: contain !important; transition: transform 0.12s ease, filter 0.12s ease !important; } #movietajm-desktop-menu .mt-desktop-item:hover img, #movietajm-desktop-menu .mt-desktop-archive-button:hover img { transform: translateY(-1px) scale(1.05) !important; filter: brightness(1.12) !important; } #movietajm-desktop-menu .mt-desktop-home img { width: 44px !important; height: 38px !important; max-height: 38px !important; } /* ===================================================== MOVIETAJM – TEXTMENY DATOR Arkiv / Favoriter / IMDB TOP 100 / 5 AV 5 / 1001 FILMER ===================================================== */ #movietajm-desktop-menu .mt-desktop-text-item { display: flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; min-width: 0 !important; margin: 0 !important; padding: 0 2px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #eeeeee !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0.25px !important; white-space: nowrap !important; text-decoration: none !important; text-transform: uppercase !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.95), 0 0 3px rgba(255, 255, 255, 0.45), 0 0 7px rgba(155, 65, 190, 0.55) !important; cursor: pointer !important; transition: transform 0.12s ease, color 0.12s ease, text-shadow 0.12s ease !important; } #movietajm-desktop-menu .mt-desktop-text-item:hover { color: #ffffff !important; transform: translateY(-1px) !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.95), 0 0 4px rgba(255, 255, 255, 0.62), 0 0 9px rgba(165, 74, 198, 0.72) !important; } #movietajm-desktop-menu .mt-desktop-text-item:active { transform: translateY(1px) scale(0.97) !important; } #movietajm-desktop-menu .mt-desktop-social img, #movietajm-desktop-menu .mt-desktop-birthday img { width: 31px !important; height: 31px !important; max-width: 31px !important; max-height: 31px !important; } #movietajm-desktop-menu .mt-desktop-archive-wrap { position: relative !important; display: flex !important; align-items: center !important; height: 42px !important; } #movietajm-desktop-archive-dropdown { display: none; position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; width: 245px !important; max-height: 66vh !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 7px !important; background: linear-gradient(180deg, #24102f 0%, #120817 52%, #08040b 100%) !important; border: 2px solid #4b1d59 !important; border-radius: 6px !important; box-shadow: 0 8px 24px rgba(0,0,0,.65), 0 0 10px rgba(111,41,132,.35) !important; z-index: 10030 !important; } #movietajm-desktop-archive-dropdown.mt-open { display: block !important; } #movietajm-desktop-archive-dropdown .mt-archive-loading, #movietajm-desktop-archive-dropdown .mt-archive-error { padding: 10px 12px !important; color: #ffffff !important; font-size: 13px !important; } #movietajm-desktop-archive-dropdown .mt-year-button { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 30px 9px 12px !important; border: 0 !important; background: transparent !important; color: #ffffff !important; text-align: left !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; cursor: pointer !important; } #movietajm-desktop-archive-dropdown .mt-year-button::after { content: "›" !important; position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; color: #b76bca !important; font-size: 19px !important; transition: transform .12s ease !important; } #movietajm-desktop-archive-dropdown .mt-year-button.mt-open::after { transform: translateY(-50%) rotate(90deg) !important; } #movietajm-desktop-archive-dropdown .mt-year-button:hover, #movietajm-desktop-archive-dropdown .mt-month-link:hover { background: rgba(255,255,255,.055) !important; } #movietajm-desktop-archive-dropdown .mt-month-list { display: none !important; margin: 0 0 3px !important; } #movietajm-desktop-archive-dropdown .mt-month-list.mt-open { display: block !important; } #movietajm-desktop-archive-dropdown .mt-month-link { display: block !important; padding: 7px 12px 7px 26px !important; color: #dddddd !important; font-size: 13px !important; line-height: 1.2 !important; text-decoration: none !important; } /* Diskret räknare i menyraden, mellan ikonerna och sökrutan. */ #movietajm-desktop-review-count { display: block !important; flex: 0 0 auto !important; width: auto !important; margin: 0 2px 0 4px !important; padding: 0 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: right !important; letter-spacing: .15px !important; white-space: nowrap !important; } /* Filmklappa framför den automatiska recensionsräknaren. */ #movietajm-desktop-review-count { display: flex !important; align-items: center !important; gap: 7px !important; } #movietajm-desktop-review-count::before { content: "" !important; display: inline-block !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8a4ed%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2011h16v9H4z%22%2F%3E%3Cpath%20d%3D%22m3%207%2017-4%201%204-17%204z%22%2F%3E%3Cpath%20d%3D%22m7%206%203%204M13%204.5l3%204.5%22%2F%3E%3C%2Fsvg%3E") !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; } /* Sökfältet ligger kvar längst till höger. */ #movietajm-desktop-search { flex: 0 0 255px !important; width: 255px !important; margin: 0 !important; } /* Desktop-födelsedagspopup. */ #movietajm-desktop-birthday-overlay { display: none; position: fixed !important; inset: 0 !important; align-items: center !important; justify-content: center !important; padding: 24px !important; box-sizing: border-box !important; background: rgba(0,0,0,.72) !important; z-index: 100100 !important; } #movietajm-desktop-birthday-overlay.mt-open { display: flex !important; } #movietajm-desktop-birthday-popup { position: relative !important; width: min(520px, 90vw) !important; max-height: 78vh !important; overflow-y: auto !important; box-sizing: border-box !important; padding: 20px !important; background: #ffffff !important; border: 4px solid #2b1235 !important; border-radius: 10px !important; box-shadow: 0 12px 36px rgba(0,0,0,.65), 0 0 16px rgba(111,41,132,.35) !important; color: #222222 !important; } #movietajm-desktop-birthday-title { margin: 0 44px 16px 0 !important; color: #171717 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.2 !important; } #movietajm-desktop-birthday-close { position: absolute !important; top: 10px !important; right: 12px !important; width: 34px !important; height: 34px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #333333 !important; font-size: 28px !important; line-height: 34px !important; cursor: pointer !important; } #movietajm-desktop-birthday-list { display: flex !important; flex-direction: column !important; gap: 10px !important; } #movietajm-desktop-birthday-list .mt-birthday-card { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px !important; border: 1px solid #e0e0e0 !important; border-radius: 7px !important; background: #f8f8f8 !important; color: #222222 !important; text-decoration: none !important; } #movietajm-desktop-birthday-list .mt-birthday-card img { flex: 0 0 62px !important; width: 62px !important; height: 62px !important; object-fit: cover !important; border-radius: 6px !important; } #movietajm-desktop-birthday-list .mt-birthday-name { font-weight: 800 !important; color: #171717 !important; } #movietajm-desktop-birthday-list .mt-birthday-meta { margin-top: 3px !important; color: #666666 !important; font-size: 13px !important; } } /* ========================================================= SLUT MOVIETAJM – EGEN DATOR-MENY V1 ========================================================= */ /* ========================================================= START MOVIETAJM – RECENSIONSRÄKNARE DATOR PLACERING ========================================================= */ @media only screen and (min-width: 981px) { #movietajm-desktop-menu { margin-right: 28px !important; } #movietajm-desktop-review-count { flex: 0 0 auto !important; margin-left: auto !important; margin-right: 22px !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; text-align: right !important; } #movietajm-desktop-search { margin-left: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – RECENSIONSRÄKNARE DATOR PLACERING ========================================================= */ /* ========================================================= START MOVIETAJM – FÖDELSEDAG DATOR KOMPAKT TEXT ========================================================= */ @media only screen and (min-width: 981px) { #movietajm-desktop-birthday-list .mt-birthday-name { margin: 0 0 2px 0 !important; line-height: 1.15 !important; } #movietajm-desktop-birthday-list .mt-birthday-meta { margin: 0 !important; line-height: 1.25 !important; } #movietajm-desktop-birthday-list .mt-birthday-meta + .mt-birthday-meta { margin-top: 2px !important; } } /* ========================================================= SLUT MOVIETAJM – FÖDELSEDAG DATOR KOMPAKT TEXT ========================================================= */ /* ========================================================= START MOVIETAJM – DATOR FÖDELSEDAG + ARKIV FINJUSTERING ========================================================= */ @media only screen and (min-width: 981px) { /* Smalare födelsedagsruta */ #movietajm-desktop-birthday-popup { width: min(380px, 90vw) !important; } /* Månader vänsterställda under respektive år */ #movietajm-desktop-archive-dropdown .mt-month-link { text-align: left !important; padding-left: 34px !important; padding-right: 12px !important; } } /* ========================================================= SLUT MOVIETAJM – DATOR FÖDELSEDAG + ARKIV FINJUSTERING ========================================================= */ /* ========================================================= START MOVIETAJM – DATOR LINJERA FAVORITER + TA BORT PLUS ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator .paginated_page[data-columns] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #favoriter-dator .column.size-1of3 { width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important; } /* Ta bort Extras plus/hover-symbol även på vanliga recensioner */ #recensioner-dator .et_pb_extra_overlay, #recensioner-dator .et_pb_inline_icon { display: none !important; } } /* ========================================================= SLUT MOVIETAJM – DATOR LINJERA FAVORITER + TA BORT PLUS ========================================================= */ /* ========================================================= START MOVIETAJM – RECENSIONER DATOR SOM MOBILVY ========================================================= */ @media only screen and (min-width: 981px) { /* Hela kortet */ #recensioner-dator article { background: #ffffff !important; border: 2px solid #2b1235 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; box-sizing: border-box !important; } /* Bilddelen */ #recensioner-dator article .header { margin: 0 !important; padding: 0 !important; } #recensioner-dator article .header img { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* Vita informationsdelen */ #recensioner-dator article .post-content { background: #ffffff !important; padding: 10px 14px 11px !important; margin: 0 !important; min-height: 0 !important; } /* Titel */ #recensioner-dator article .post-title { margin: 0 0 5px !important; padding: 0 !important; line-height: 1.15 !important; } #recensioner-dator article .post-title a { color: #000000 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.15 !important; } /* Metadata */ #recensioner-dator article .post-meta { margin: 0 !important; padding: 0 !important; color: #777777 !important; font-size: 12px !important; line-height: 1.35 !important; } #recensioner-dator article .movietajm-meta-line1, #recensioner-dator article .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; } #recensioner-dator article .movietajm-meta-line2 { margin-top: 3px !important; } /* Ingen excerpt */ #recensioner-dator article .excerpt { display: none !important; } /* Ingen plus-symbol */ #recensioner-dator .et_pb_extra_overlay, #recensioner-dator .et_pb_inline_icon { display: none !important; } } /* ========================================================= SLUT MOVIETAJM – RECENSIONER DATOR SOM MOBILVY ========================================================= */ /* ========================================================= START MOVIETAJM – RECENSIONER DATOR PAGINATIONSPILAR ========================================================= */ @media only screen and (min-width: 981px) { #recensioner-dator .pagination { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 22px 0 8px !important; padding: 0 10px !important; box-sizing: border-box !important; background: transparent !important; } /* Dölj alla sidnummer */ #recensioner-dator .pagination > li:not(.arrow) { display: none !important; } #recensioner-dator .pagination > li.arrow { flex: 0 0 58px !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Äldre – vänster */ #recensioner-dator .pagination > li.next { order: -1 !important; margin-right: auto !important; } /* Nyare – höger */ #recensioner-dator .pagination > li.prev { order: 1 !important; margin-left: auto !important; } #recensioner-dator .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; } #recensioner-dator .pagination > li.arrow > a::before { content: "" !important; display: block !important; width: 18px !important; height: 18px !important; box-sizing: border-box !important; border-top: 5px solid #050307 !important; border-right: 5px solid #050307 !important; border-radius: 2px !important; filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 5px #8b3aa0) drop-shadow(0 0 10px rgba(139,58,160,0.85)) !important; } #recensioner-dator .pagination > li.next > a::before { transform: rotate(225deg) !important; } #recensioner-dator .pagination > li.prev > a::before { transform: rotate(45deg) !important; } #recensioner-dator .pagination > li.arrow > a::after { content: none !important; display: none !important; } } /* ========================================================= SLUT MOVIETAJM – RECENSIONER DATOR PAGINATIONSPILAR ========================================================= */ /* ========================================================= START MOVIETAJM – RECENSIONER DATOR KLICKEFFEKT PILAR ========================================================= */ @media only screen and (min-width: 981px) { #recensioner-dator .pagination > li.arrow > a::before { transition: transform 0.10s ease, filter 0.10s ease, text-shadow 0.10s ease !important; } #recensioner-dator .pagination > li.prev > a:active::before { transform: rotate(45deg) scale(0.82) !important; filter: brightness(1.6) !important; text-shadow: 0 0 3px #ffffff, 0 0 8px #b34bd0, 0 0 14px rgba(179,75,208,0.95) !important; } #recensioner-dator .pagination > li.next > a:active::before { transform: rotate(225deg) scale(0.82) !important; filter: brightness(1.6) !important; text-shadow: 0 0 3px #ffffff, 0 0 8px #b34bd0, 0 0 14px rgba(179,75,208,0.95) !important; } } /* ========================================================= SLUT MOVIETAJM – RECENSIONER DATOR KLICKEFFEKT PILAR ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TA BORT SVART TONING ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article, #favoriter-dator article .header, #favoriter-dator article .post-content { background: transparent !important; background-image: none !important; } #favoriter-dator article .header::before, #favoriter-dator article .header::after, #favoriter-dator article .post-content::before, #favoriter-dator article .post-content::after { background: none !important; background-image: none !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TA BORT SVART TONING ========================================================= */ /* ========================================================= START MOVIETAJM – DATOR RECENSIONER TVINGA BILDER TILL 16:9 ========================================================= */ @media only screen and (min-width: 981px) { #recensioner-dator article .header { aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #000 !important; } #recensioner-dator article .header a { display: block !important; width: 100% !important; height: 100% !important; } #recensioner-dator article .header img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } } /* ========================================================= SLUT MOVIETAJM – DATOR RECENSIONER TVINGA BILDER TILL 16:9 ========================================================= */ /* ========================================================= START MOVIETAJM – FAVORITER DATOR TVINGA BILDER TILL 16:9 ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator article .header { aspect-ratio: 16 / 9 !important; overflow: hidden !important; background: #000 !important; } #favoriter-dator article .header > a, #favoriter-dator article .header .post-thumbnail { display: block !important; width: 100% !important; height: 100% !important; } #favoriter-dator article .header img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER DATOR TVINGA BILDER TILL 16:9 ========================================================= */ /* ========================================================= START MOVIETAJM – TEST MJUKARE SCROLL DATOR ========================================================= */ @media only screen and (min-width: 981px) { #page-container { background-size: 100% 1200px !important; background-repeat: no-repeat !important; background-color: #050307 !important; } } /* ========================================================= START MOVIETAJM – FAVORITER FULL BREDD + JÄMN LUFT VID LINJE ========================================================= */ @media only screen and (min-width: 981px) { /* Favoriterna hela vägen ut till modulens kanter */ body.blog #favoriter-dator .paginated_page[data-columns] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.blog #favoriter-dator .column, body.blog #favoriter-dator .column.size-1of3 { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; } /* Samma ungefärliga luft ovan och under metallinjen */ body.blog #favoriter-dator .paginated_content { padding-bottom: 20px !important; margin-bottom: 0 !important; } body.blog #content-area { row-gap: 0 !important; } body.blog #content-area > #favoriter-dator { margin-bottom: 20px !important; } } /* ========================================================= SLUT MOVIETAJM – FAVORITER FULL BREDD + JÄMN LUFT VID LINJE ========================================================= */ /* ========================================================= START MOVIETAJM – MINDRE LUFT OVAN METALLINJEN ========================================================= */ @media only screen and (min-width: 981px) { #favoriter-dator .column > article:last-child { margin-bottom: 0 !important; } } /* ========================================================= SLUT MOVIETAJM – MINDRE LUFT OVAN METALLINJEN ========================================================= */ /* ========================================================= START MOVIETAJM – MINDRE LUFT OVAN SKÅDESPELARRAD DATOR ========================================================= */ @media only screen and (min-width: 981px) { body.blog #content-area > #favoriter-dator { margin-bottom: 0px !important; } } /* ========================================================= SLUT MOVIETAJM – MINDRE LUFT OVAN SKÅDESPELARRAD DATOR ========================================================= */ /* ========================================================= START MOVIETAJM – MER LUFT UNDER SKÅDESPELARRAD DATOR ========================================================= */ @media only screen and (min-width: 981px) { body.blog #content-area #movietajm-desktop-actors { margin-bottom: 28px !important; } } /* ========================================================= SLUT MOVIETAJM – MER LUFT UNDER SKÅDESPELARRAD DATOR ========================================================= */ /* ========================================================= START MOVIETAJM – INSTAGRAM WIDGET DATOR SOM MOBIL ========================================================= */ @media only screen and (min-width: 981px) { /* Dölj Extras egen blå/grå widgetrubrik/list */ body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik) > .widgettitle, body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik) > .widget-title, body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik) > .et_pb_widget_title, body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .widget:has(.mt-instagram-rubrik) > .widgettitle, body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .widget:has(.mt-instagram-rubrik) > .widget-title { display: none !important; } /* Själva vita widgeten – index och enskilda recensioner oförändrade */ body:is(.blog, .single-post) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik), body:is(.blog, .single-post) .et_pb_extra_column_sidebar .widget:has(.mt-instagram-rubrik) { margin: 0 0 22px !important; padding: 14px 13px 14px !important; background: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 5px !important; box-shadow: none !important; } /* Kategorier: samma kompakta ovankant som index efter Body Codes 0px-regel */ body:is(.category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik), body:is(.category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .widget:has(.mt-instagram-rubrik) { margin: 0 0 22px !important; padding: 0 13px 14px !important; background: #ffffff !important; background-image: none !important; border: 0 !important; border-radius: 5px !important; box-shadow: none !important; } /* Rubrik – samma känsla som mobil */ body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .mt-instagram-rubrik { display: block !important; width: 100% !important; margin: 0 0 12px !important; padding: 0 0 9px !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; background: transparent !important; color: #27162d !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; } /* Följ-knappen – som på mobilen */ body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik) #sb_instagram .sbi_follow_btn { display: block !important; float: none !important; width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; } body:is(.blog, .single-post, .category, .tag, .date, .search, .movietajm-five-page) .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik) #sb_instagram .sbi_follow_btn a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } } /* ========================================================= SLUT MOVIETAJM – INSTAGRAM WIDGET DATOR SOM MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – LIKA LUFT OVANFÖR WIDGETRUBRIKER DATOR ========================================================= */ @media only screen and (min-width: 981px) { #movietajm-desktop-latest-widget, body:is(.blog, .single-post) .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { padding-top: 18px !important; } } /* ========================================================= SLUT MOVIETAJM – LIKA LUFT OVANFÖR WIDGETRUBRIKER DATOR ========================================================= */ /* ========================================================= START MOVIETAJM – TA BORT EXTRA PILTECKEN MOBIL ========================================================= */ @media only screen and (max-width: 980px) { /* Dölj Extras egna rester runt paginationens pilar */ .posts-blog-feed-module .pagination > li.arrow::before, .posts-blog-feed-module .pagination > li.arrow::after { content: none !important; display: none !important; } /* Dölj eventuella interna ikon/span-element. Vår egen pil ligger på a::before och påverkas inte. */ .posts-blog-feed-module .pagination > li.arrow > a > *, .posts-blog-feed-module .pagination > li.arrow > a > *::before, .posts-blog-feed-module .pagination > li.arrow > a > *::after { display: none !important; content: none !important; } .posts-blog-feed-module .pagination > li.arrow > a::after { content: none !important; display: none !important; } } /* ========================================================= SLUT MOVIETAJM – TA BORT EXTRA PILTECKEN MOBIL ========================================================= */ /* ========================================================= START MOVIETAJM – SLUMPADE FAVORITER KATEGORIER DATOR Samma design som startsidans desktopwidget. ========================================================= */ @media only screen and (min-width: 981px) { /* --------------------------------------------------------- SLUMPADE FAVORITER – VISA BEFINTLIG WIDGET PÅ DESKTOP --------------------------------------------------------- */ body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget { display: block !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 22px !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 10px 20px !important; box-sizing: border-box !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; background: transparent !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Slumpade skådespelare ska fortfarande vara mobil-only. * Desktop har den nya raden med sex skådespelare. */ body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: none !important; } /* Svart stjärna på Favoriter med betyg över 4 */ #movietajm-desktop-latest-widget .mt-desktop-latest-star { display: inline-block !important; margin-left: 4px !important; color: #000000 !important; font-size: 11px !important; line-height: 1 !important; vertical-align: 1px !important; } /* --------------------------------------------------------- SLUMPADE FAVORITER – KOMPAKT DESKTOPLISTA Titel / betyg / kategorier på tre egna rader --------------------------------------------------------- */ body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { padding: 18px 13px 13px !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { margin: 0 0 12px !important; padding: 0 0 9px !important; justify-content: center !important; gap: 0 !important; color: #27162d !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-transform: uppercase !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-clapper { display: none !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 0 !important; color: #222222 !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid #ece7ee !important; box-sizing: border-box !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card:last-child { border-bottom: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #17121b !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,.18) !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #111111 !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-meta { display: block !important; margin: 3px 0 0 !important; padding: 0 !important; color: #76248f !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* På desktop vill vi ha tre rena rader: titel / betyg / kategorier. Årtalet visas inte här. */ body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-year, body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-separator { display: none !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-cats { display: block !important; width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #666666 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-more { width: 100% !important; margin: 10px 0 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-dice { font-size: 18px !important; line-height: 1 !important; } } /* SLUT MOVIETAJM – SLUMPADE FAVORITER KATEGORIER DATOR */ /* ========================================================= START MOVIETAJM – SKÅDESPELARE KATEGORIER DATOR Endast kategorisidornas sidokolumn (minst 981 px). Indexrad och mobil lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 18px 10px 20px !important; margin: 0 !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-heading { display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; text-align: center !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; width: 100% !important; padding: 7px 0 !important; border-bottom: 1px solid #e8e1eb !important; color: #222222 !important; text-decoration: none !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image { display: flex !important; flex: 0 0 60px !important; width: 60px !important; height: 70px !important; overflow: hidden !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-title { display: block !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111111 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-dates, body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { display: block !important; margin-top: 3px !important; font-size: 11px !important; line-height: 1.3 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { color: #76248f !important; font-weight: 700 !important; } body.category .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 12px 0 0 !important; padding: 13px 7px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg, #25112f 0%, #5b206f 55%, #301139 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; } } /* SLUT MOVIETAJM – SKÅDESPELARE KATEGORIER DATOR */ /* ========================================================= START MOVIETAJM – SLUMPADE FAVORITER ÅRTALSTAGGAR DATOR Samma design som startsidans desktopwidget. ========================================================= */ @media only screen and (min-width: 981px) { /* --------------------------------------------------------- SLUMPADE FAVORITER – VISA BEFINTLIG WIDGET PÅ DESKTOP --------------------------------------------------------- */ body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget { display: block !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 22px !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 10px 20px !important; box-sizing: border-box !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; background: transparent !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Slumpade skådespelare ska fortfarande vara mobil-only. * Desktop har den nya raden med sex skådespelare. */ body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: none !important; } /* Svart stjärna på Favoriter med betyg över 4 */ #movietajm-desktop-latest-widget .mt-desktop-latest-star { display: inline-block !important; margin-left: 4px !important; color: #000000 !important; font-size: 11px !important; line-height: 1 !important; vertical-align: 1px !important; } /* --------------------------------------------------------- SLUMPADE FAVORITER – KOMPAKT DESKTOPLISTA Titel / betyg / kategorier på tre egna rader --------------------------------------------------------- */ body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { padding: 18px 13px 13px !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { margin: 0 0 12px !important; padding: 0 0 9px !important; justify-content: center !important; gap: 0 !important; color: #27162d !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-transform: uppercase !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-clapper { display: none !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 0 !important; color: #222222 !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid #ece7ee !important; box-sizing: border-box !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card:last-child { border-bottom: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #17121b !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,.18) !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #111111 !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-meta { display: block !important; margin: 3px 0 0 !important; padding: 0 !important; color: #76248f !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* På desktop vill vi ha tre rena rader: titel / betyg / kategorier. Årtalet visas inte här. */ body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-year, body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-separator { display: none !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-cats { display: block !important; width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #666666 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-more { width: 100% !important; margin: 10px 0 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-dice { font-size: 18px !important; line-height: 1 !important; } } /* SLUT MOVIETAJM – SLUMPADE FAVORITER ÅRTALSTAGGAR DATOR */ /* ========================================================= START MOVIETAJM – SKÅDESPELARE ÅRTALSTAGGAR DATOR Endast kategorisidornas sidokolumn (minst 981 px). Indexrad och mobil lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 18px 10px 20px !important; margin: 0 !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-heading { display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; text-align: center !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; width: 100% !important; padding: 7px 0 !important; border-bottom: 1px solid #e8e1eb !important; color: #222222 !important; text-decoration: none !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image { display: flex !important; flex: 0 0 60px !important; width: 60px !important; height: 70px !important; overflow: hidden !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-title { display: block !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111111 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-dates, body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { display: block !important; margin-top: 3px !important; font-size: 11px !important; line-height: 1.3 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { color: #76248f !important; font-weight: 700 !important; } body.tag .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 12px 0 0 !important; padding: 13px 7px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg, #25112f 0%, #5b206f 55%, #301139 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; } } /* SLUT MOVIETAJM – SKÅDESPELARE ÅRTALSTAGGAR DATOR */ /* ========================================================= START MOVIETAJM – SLUMPADE FAVORITER DATUMARKIV DATOR Samma design som startsidans desktopwidget. ========================================================= */ @media only screen and (min-width: 981px) { /* --------------------------------------------------------- SLUMPADE FAVORITER – VISA BEFINTLIG WIDGET PÅ DESKTOP --------------------------------------------------------- */ body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget { display: block !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 22px !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 10px 20px !important; box-sizing: border-box !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; background: transparent !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Slumpade skådespelare ska fortfarande vara mobil-only. * Desktop har den nya raden med sex skådespelare. */ body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: none !important; } /* Svart stjärna på Favoriter med betyg över 4 */ #movietajm-desktop-latest-widget .mt-desktop-latest-star { display: inline-block !important; margin-left: 4px !important; color: #000000 !important; font-size: 11px !important; line-height: 1 !important; vertical-align: 1px !important; } /* --------------------------------------------------------- SLUMPADE FAVORITER – KOMPAKT DESKTOPLISTA Titel / betyg / kategorier på tre egna rader --------------------------------------------------------- */ body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { padding: 18px 13px 13px !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { margin: 0 0 12px !important; padding: 0 0 9px !important; justify-content: center !important; gap: 0 !important; color: #27162d !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-transform: uppercase !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-clapper { display: none !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 0 !important; color: #222222 !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid #ece7ee !important; box-sizing: border-box !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card:last-child { border-bottom: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #17121b !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,.18) !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #111111 !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-meta { display: block !important; margin: 3px 0 0 !important; padding: 0 !important; color: #76248f !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* På desktop vill vi ha tre rena rader: titel / betyg / kategorier. Årtalet visas inte här. */ body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-year, body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-separator { display: none !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-cats { display: block !important; width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #666666 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-more { width: 100% !important; margin: 10px 0 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-dice { font-size: 18px !important; line-height: 1 !important; } } /* SLUT MOVIETAJM – SLUMPADE FAVORITER DATUMARKIV DATOR */ /* ========================================================= START MOVIETAJM – SKÅDESPELARE DATUMARKIV DATOR Endast kategorisidornas sidokolumn (minst 981 px). Indexrad och mobil lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 18px 10px 20px !important; margin: 0 !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-heading { display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; text-align: center !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; width: 100% !important; padding: 7px 0 !important; border-bottom: 1px solid #e8e1eb !important; color: #222222 !important; text-decoration: none !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image { display: flex !important; flex: 0 0 60px !important; width: 60px !important; height: 70px !important; overflow: hidden !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-title { display: block !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111111 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-dates, body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { display: block !important; margin-top: 3px !important; font-size: 11px !important; line-height: 1.3 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { color: #76248f !important; font-weight: 700 !important; } body.date .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 12px 0 0 !important; padding: 13px 7px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg, #25112f 0%, #5b206f 55%, #301139 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; } } /* SLUT MOVIETAJM – SKÅDESPELARE DATUMARKIV DATOR */ /* ========================================================= START MOVIETAJM – KATEGORIER DATOR, TVÅ FILMKORT V3 Samma kortprincip som index: 16:9 över kompakt vit info. Endast kategorier, endast dator. Inga andra widgetar. ========================================================= */ @media only screen and (min-width: 981px) { body.category .movietajm-archive-heading { margin: 0 0 17px !important; } body.category .movietajm-archive-count { display: block !important; padding: 12px 15px !important; background: transparent !important; color: #ffffff !important; text-shadow: 0 0 6px rgba(185,88,216,.55) !important; border: 0 !important; border-top: 1px solid #67317d !important; border-bottom: 1px solid #67317d !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; } /* Själva Extra-modulen innehåller även pagineringen. Grid får därför enbart läggas på sidan som innehåller artiklar. */ body.category .movietajm-archive-feed { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-feed .paginated_content { display: block !important; width: 100% !important; } body.category .movietajm-archive-feed .paginated_page { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 22px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body.category .movietajm-archive-feed article { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-feed article > .header { position: relative !important; display: block !important; float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; } body.category .movietajm-archive-feed article > .header .post-thumbnail, body.category .movietajm-archive-feed article > .header > a { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.category .movietajm-archive-feed article > .header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Extra-temats hover-plustecken/overlay – behåll vanlig bildlänk. */ body.category .movietajm-archive-feed article .et_pb_extra_overlay, body.category .movietajm-archive-feed article .et_overlay, body.category .movietajm-archive-feed article .post-thumbnail::before, body.category .movietajm-archive-feed article .post-thumbnail::after, body.category .movietajm-archive-feed article > .header > a::before, body.category .movietajm-archive-feed article > .header > a::after { display: none !important; content: none !important; opacity: 0 !important; } body.category .movietajm-archive-feed article > .post-content { display: block !important; float: none !important; flex: none !important; align-self: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 14px 12px !important; background: #ffffff !important; color: #171717 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-feed article > .post-content .post-title, body.category .movietajm-archive-feed article > .post-content .post-title a { color: #111111 !important; font-size: 20px !important; line-height: 1.2 !important; } /* Långa filmtitlar på datorns kategorier visas på en rad. */ body.category .movietajm-archive-feed article > .post-content .post-title { display: block !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; margin: 0 0 4px !important; padding: 0 !important; } body.category .movietajm-archive-feed article > .post-content .post-title a { display: block !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.category .movietajm-archive-feed article > .post-content .post-meta, body.category .movietajm-archive-feed article > .post-content .post-meta p, body.category .movietajm-archive-feed article > .post-content .movietajm-meta-line1, body.category .movietajm-archive-feed article > .post-content .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; color: #333333 !important; line-height: 1.4 !important; } body.category .movietajm-archive-feed article > .post-content .post-meta a, body.category .movietajm-archive-feed article > .post-content .movietajm-meta-line1 a, body.category .movietajm-archive-feed article > .post-content .movietajm-meta-line2 a { color: #702486 !important; } /* Sidbläddring: luft under sista filmraden, inga bakgrundsrutor. Pilarna och deras klickfunktion bevaras. Endast kategori på dator. */ body.category .movietajm-archive-pagination { display: block !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-pagination .pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-pagination .pagination > li:not(.arrow) { display: none !important; } body.category .movietajm-archive-pagination .pagination > li.arrow { flex: 0 0 54px !important; float: none !important; width: 54px !important; height: 54px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.category .movietajm-archive-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; } body.category .movietajm-archive-pagination .pagination > li.next { order: -1 !important; margin-left: 0 !important; margin-right: auto !important; } body.category .movietajm-archive-pagination .pagination > li.prev { order: 1 !important; margin-left: auto !important; margin-right: 0 !important; } } /* SLUT MOVIETAJM – KATEGORIER DATOR, TVÅ FILMKORT V3 */ /* ========================================================= START MOVIETAJM – ÅRTALSTAGGAR DATOR, TVÅ FILMKORT V1 Samma kortprincip som index: 16:9 över kompakt vit info. Endast taggarkiv (filmår), endast dator. Inga widgetar ändras. ========================================================= */ @media only screen and (min-width: 981px) { body.tag .movietajm-archive-heading { margin: 0 0 17px !important; } body.tag .movietajm-archive-count { display: block !important; padding: 12px 15px !important; background: transparent !important; color: #ffffff !important; text-shadow: 0 0 6px rgba(185,88,216,.55) !important; border: 0 !important; border-top: 1px solid #67317d !important; border-bottom: 1px solid #67317d !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.35 !important; } /* Själva Extra-modulen innehåller även pagineringen. Grid får därför enbart läggas på sidan som innehåller artiklar. */ body.tag .movietajm-archive-feed { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-feed .paginated_content { display: block !important; width: 100% !important; } body.tag .movietajm-archive-feed .paginated_page { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 22px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body.tag .movietajm-archive-feed article { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-feed article > .header { position: relative !important; display: block !important; float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; } body.tag .movietajm-archive-feed article > .header .post-thumbnail, body.tag .movietajm-archive-feed article > .header > a { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.tag .movietajm-archive-feed article > .header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Extra-temats hover-plustecken/overlay – behåll vanlig bildlänk. */ body.tag .movietajm-archive-feed article .et_pb_extra_overlay, body.tag .movietajm-archive-feed article .et_overlay, body.tag .movietajm-archive-feed article .post-thumbnail::before, body.tag .movietajm-archive-feed article .post-thumbnail::after, body.tag .movietajm-archive-feed article > .header > a::before, body.tag .movietajm-archive-feed article > .header > a::after { display: none !important; content: none !important; opacity: 0 !important; } body.tag .movietajm-archive-feed article > .post-content { display: block !important; float: none !important; flex: none !important; align-self: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 14px 12px !important; background: #ffffff !important; color: #171717 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-feed article > .post-content .post-title, body.tag .movietajm-archive-feed article > .post-content .post-title a { color: #111111 !important; font-size: 20px !important; line-height: 1.2 !important; } /* Långa filmtitlar på datorns årtalstaggar visas på en rad. */ body.tag .movietajm-archive-feed article > .post-content .post-title { display: block !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; margin: 0 0 4px !important; padding: 0 !important; } body.tag .movietajm-archive-feed article > .post-content .post-title a { display: block !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.tag .movietajm-archive-feed article > .post-content .post-meta, body.tag .movietajm-archive-feed article > .post-content .post-meta p, body.tag .movietajm-archive-feed article > .post-content .movietajm-meta-line1, body.tag .movietajm-archive-feed article > .post-content .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; color: #333333 !important; line-height: 1.4 !important; } body.tag .movietajm-archive-feed article > .post-content .post-meta a, body.tag .movietajm-archive-feed article > .post-content .movietajm-meta-line1 a, body.tag .movietajm-archive-feed article > .post-content .movietajm-meta-line2 a { color: #702486 !important; } /* Sidbläddring: luft under sista filmraden, inga bakgrundsrutor. Pilarna och deras klickfunktion bevaras. Endast tagg på dator. */ body.tag .movietajm-archive-pagination { display: block !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-pagination .pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-pagination .pagination > li:not(.arrow) { display: none !important; } body.tag .movietajm-archive-pagination .pagination > li.arrow { flex: 0 0 54px !important; float: none !important; width: 54px !important; height: 54px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.tag .movietajm-archive-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; } body.tag .movietajm-archive-pagination .pagination > li.next { order: -1 !important; margin-left: 0 !important; margin-right: auto !important; } body.tag .movietajm-archive-pagination .pagination > li.prev { order: 1 !important; margin-left: auto !important; margin-right: 0 !important; } } /* SLUT MOVIETAJM – ÅRTALSTAGGAR DATOR, TVÅ FILMKORT V1 */ /* ========================================================= START MOVIETAJM – SÖKRESULTAT DATOR, TVÅ FILMKORT V1 Samma kortprincip som index: 16:9 över kompakt vit info. Endast sökresultat, endast dator. Widgetarna styrs separat. ========================================================= */ @media only screen and (min-width: 981px) { body.search .movietajm-archive-heading { margin: 0 0 17px !important; } body.search .movietajm-archive-count { display: block !important; padding: 12px 15px !important; background: transparent !important; color: #ffffff !important; text-shadow: 0 0 6px rgba(185,88,216,.55) !important; border: 0 !important; border-top: 1px solid #67317d !important; border-bottom: 1px solid #67317d !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; } /* Själva Extra-modulen innehåller även pagineringen. Grid får därför enbart läggas på sidan som innehåller artiklar. */ body.search .movietajm-archive-feed { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-feed .paginated_content { display: block !important; width: 100% !important; } body.search .movietajm-archive-feed .paginated_page { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 22px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body.search .movietajm-archive-feed article { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-feed article > .header { position: relative !important; display: block !important; float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; } body.search .movietajm-archive-feed article > .header .post-thumbnail, body.search .movietajm-archive-feed article > .header > a { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.search .movietajm-archive-feed article > .header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Extra-temats hover-plustecken/overlay – behåll vanlig bildlänk. */ body.search .movietajm-archive-feed article .et_pb_extra_overlay, body.search .movietajm-archive-feed article .et_overlay, body.search .movietajm-archive-feed article .post-thumbnail::before, body.search .movietajm-archive-feed article .post-thumbnail::after, body.search .movietajm-archive-feed article > .header > a::before, body.search .movietajm-archive-feed article > .header > a::after { display: none !important; content: none !important; opacity: 0 !important; } body.search .movietajm-archive-feed article > .post-content { display: block !important; float: none !important; flex: none !important; align-self: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 14px 12px !important; background: #ffffff !important; color: #171717 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-feed article > .post-content .post-title, body.search .movietajm-archive-feed article > .post-content .post-title a { color: #111111 !important; font-size: 20px !important; line-height: 1.2 !important; } /* En rad per filmtitel på datorns sökresultat. Långa titlar avslutas med ellips utan att ändra länken. */ body.search .movietajm-archive-feed article > .post-content .post-title { display: block !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; margin: 0 0 4px !important; padding: 0 !important; } body.search .movietajm-archive-feed article > .post-content .post-title a { display: block !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.search .movietajm-archive-feed article > .post-content .post-meta, body.search .movietajm-archive-feed article > .post-content .post-meta p, body.search .movietajm-archive-feed article > .post-content .movietajm-meta-line1, body.search .movietajm-archive-feed article > .post-content .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; color: #333333 !important; line-height: 1.4 !important; } body.search .movietajm-archive-feed article > .post-content .post-meta a, body.search .movietajm-archive-feed article > .post-content .movietajm-meta-line1 a, body.search .movietajm-archive-feed article > .post-content .movietajm-meta-line2 a { color: #702486 !important; } /* Sidbläddring: luft under sista filmraden, inga bakgrundsrutor. Pilarna och deras klickfunktion bevaras. Endast sökresultat på dator. */ body.search .movietajm-archive-pagination { display: block !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-pagination .pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-pagination .pagination > li:not(.arrow) { display: none !important; } body.search .movietajm-archive-pagination .pagination > li.arrow { flex: 0 0 54px !important; float: none !important; width: 54px !important; height: 54px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.search .movietajm-archive-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; } body.search .movietajm-archive-pagination .pagination > li.next { order: -1 !important; margin-left: 0 !important; margin-right: auto !important; } body.search .movietajm-archive-pagination .pagination > li.prev { order: 1 !important; margin-left: auto !important; margin-right: 0 !important; } } /* SLUT MOVIETAJM – SÖKRESULTAT DATOR, TVÅ FILMKORT V1 */ /* ========================================================= START MOVIETAJM – SLUMPADE FAVORITER SÖK MINST FEM TRÄFFAR DATOR Samma design som startsidans desktopwidget. ========================================================= */ @media only screen and (min-width: 981px) { /* --------------------------------------------------------- SLUMPADE FAVORITER – VISA BEFINTLIG WIDGET PÅ DESKTOP --------------------------------------------------------- */ body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget { display: block !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 22px !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 10px 20px !important; box-sizing: border-box !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; background: transparent !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Slumpade skådespelare ska fortfarande vara mobil-only. * Desktop har den nya raden med sex skådespelare. */ body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: none !important; } /* Svart stjärna på Favoriter med betyg över 4 */ #movietajm-desktop-latest-widget .mt-desktop-latest-star { display: inline-block !important; margin-left: 4px !important; color: #000000 !important; font-size: 11px !important; line-height: 1 !important; vertical-align: 1px !important; } /* --------------------------------------------------------- SLUMPADE FAVORITER – KOMPAKT DESKTOPLISTA Titel / betyg / kategorier på tre egna rader --------------------------------------------------------- */ body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf { padding: 18px 13px 13px !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-heading { margin: 0 0 12px !important; padding: 0 0 9px !important; justify-content: center !important; gap: 0 !important; color: #27162d !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-transform: uppercase !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-clapper { display: none !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 0 !important; color: #222222 !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid #ece7ee !important; box-sizing: border-box !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-card:last-child { border-bottom: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #17121b !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,.18) !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #111111 !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-meta { display: block !important; margin: 3px 0 0 !important; padding: 0 !important; color: #76248f !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* På desktop vill vi ha tre rena rader: titel / betyg / kategorier. Årtalet visas inte här. */ body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-year, body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-separator { display: none !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-cats { display: block !important; width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #666666 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-more { width: 100% !important; margin: 10px 0 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sf_widget .mt-sf-dice { font-size: 18px !important; line-height: 1 !important; } } /* SLUT MOVIETAJM – SLUMPADE FAVORITER SÖK MINST FEM TRÄFFAR DATOR */ /* ========================================================= START MOVIETAJM – SKÅDESPELARE SÖK MINST FEM TRÄFFAR DATOR Endast kategorisidornas sidokolumn (minst 981 px). Indexrad och mobil lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 18px 10px 20px !important; margin: 0 !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-heading { display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; text-align: center !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; width: 100% !important; padding: 7px 0 !important; border-bottom: 1px solid #e8e1eb !important; color: #222222 !important; text-decoration: none !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image { display: flex !important; flex: 0 0 60px !important; width: 60px !important; height: 70px !important; overflow: hidden !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-title { display: block !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111111 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-dates, body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { display: block !important; margin-top: 3px !important; font-size: 11px !important; line-height: 1.3 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-reviewed { color: #76248f !important; font-weight: 700 !important; } body.search.movietajm-search-five-plus .et_pb_extra_column_sidebar .widget_mt_sa_widget .mt-sa-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 12px 0 0 !important; padding: 13px 7px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg, #25112f 0%, #5b206f 55%, #301139 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; } } /* SLUT MOVIETAJM – SKÅDESPELARE SÖK MINST FEM TRÄFFAR DATOR */ /* ========================================================= START MOVIETAJM – SÖK 1–4 TRÄFFAR DATOR Senaste recensioner visas. Instagram finns som DOM-ankare men döljs visuellt. Mobil och sökningar med 5+ lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.search.movietajm-search-one-to-four .et_pb_extra_column_sidebar .et_pb_widget:has(.mt-instagram-rubrik), body.search.movietajm-search-one-to-four .et_pb_extra_column_sidebar .widget:has(.mt-instagram-rubrik) { display: none !important; } } /* SLUT MOVIETAJM – SÖK 1–4 TRÄFFAR DATOR */ /* START MOVIETAJM – NOLL SÖKTRÄFFAR DESKTOP */ @media only screen and (min-width: 981px) { /* Inga widgets: ta bort sidokolumnens reserverade bredd. */ body.search.movietajm-search-zero #content-area { display: block !important; width: 100% !important; max-width: 100% !important; grid-template-columns: none !important; } body.search.movietajm-search-zero #content-area > .et_pb_extra_column_sidebar { display: none !important; } body.search.movietajm-search-zero #content-area > .et_pb_extra_column_main { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; grid-column: 1 / -1 !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Rubrik och slumpade skådespelare följer nu samma fulla bredd. */ body.search.movietajm-search-zero #content-area .movietajm-archive-heading, body.search.movietajm-search-zero #content-area .movietajm-archive-count, body.search.movietajm-search-zero #content-area #movietajm-desktop-actors { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.search.movietajm-search-zero #content-area #movietajm-desktop-actors { /* Dra upp porträtten utan att ändra startsidans skådespelarrad. */ margin: -24px 0 25px !important; } /* Nollträffstexten måste synas mot den mörka bakgrunden. */ body.search.movietajm-search-zero #content-area .et_pb_extra_column_main h1, body.search.movietajm-search-zero #content-area .et_pb_extra_column_main h2, body.search.movietajm-search-zero #content-area .et_pb_extra_column_main .no-results, body.search.movietajm-search-zero #content-area .et_pb_extra_column_main .no-posts, body.search.movietajm-search-zero #content-area .et_pb_extra_column_main .no-results-title { color: #ffffff !important; } body.search.movietajm-search-zero #content-area .no-results, body.search.movietajm-search-zero #content-area .no-posts { font-weight: 800 !important; text-align: center !important; } } /* SLUT MOVIETAJM – NOLL SÖKTRÄFFAR DESKTOP */ /* START MOVIETAJM – 5 AV 5 DATOR, AVKLÄDD SIDBEHÅLLARE */ @media only screen and (min-width: 981px) { body.movietajm-five-page .et_pb_extra_column_main > article.page, body.movietajm-five-page .et_pb_extra_column_main > .single-page-module, body.movietajm-five-page .et_pb_extra_column_main > .single-post-module { background: transparent !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Dölj också den vanliga sidrubriken när Extra lägger den längre in i artikelns HTML. Shortcodens resultatrad ska vara enda rubriken. */ body.movietajm-five-page .et_pb_extra_column_main > article.page > .post-header, body.movietajm-five-page .single-page-module > .post-header, body.movietajm-five-page .single-post-module > .post-header, body.movietajm-five-page #main-content .post-header:has(h1.entry-title) { display: none !important; margin: 0 !important; padding: 0 !important; } body.movietajm-five-page #main-content h1.entry-title { display: none !important; margin: 0 !important; padding: 0 !important; } body.movietajm-five-page .et_pb_extra_column_main article.page > .post-wrap, body.movietajm-five-page .et_pb_extra_column_main article.page > .post-wrap > .post-content, body.movietajm-five-page .et_pb_extra_column_main .single-page-module .post-wrap, body.movietajm-five-page .et_pb_extra_column_main .single-page-module .post-content.entry-content, body.movietajm-five-page .movietajm-five-archive { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-feed .paginated_page { box-sizing: border-box !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content .post-title a { color: #111111 !important; } body.movietajm-five-page .movietajm-five-heading { width: 100% !important; margin: 0 0 17px !important; } body.movietajm-five-page .movietajm-five-count { font-size: 16px !important; font-weight: 800 !important; } } /* SLUT MOVIETAJM – 5 AV 5 DATOR, AVKLÄDD SIDBEHÅLLARE */ /* ========================================================= START MOVIETAJM – 5 AV 5 DATOR, TVÅ FILMKORT Samma kortprincip som index: 16:9 över kompakt vit info. Endast 5-av-5, endast dator. Kortdesign från kategorier. ========================================================= */ @media only screen and (min-width: 981px) { body.movietajm-five-page .movietajm-five-heading { margin: 0 0 17px !important; } body.movietajm-five-page .movietajm-five-count { display: block !important; padding: 12px 15px !important; background: transparent !important; color: #ffffff !important; text-shadow: 0 0 6px rgba(185,88,216,.55) !important; border: 0 !important; border-top: 1px solid #67317d !important; border-bottom: 1px solid #67317d !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; } /* Själva Extra-modulen innehåller även pagineringen. Grid får därför enbart läggas på sidan som innehåller artiklar. */ body.movietajm-five-page .movietajm-five-feed { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-feed .paginated_content { display: block !important; width: 100% !important; } body.movietajm-five-page .movietajm-five-feed .paginated_page { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 22px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body.movietajm-five-page .movietajm-five-feed article { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-feed article > .header { position: relative !important; display: block !important; float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; } body.movietajm-five-page .movietajm-five-feed article > .header .post-thumbnail, body.movietajm-five-page .movietajm-five-feed article > .header > a { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.movietajm-five-page .movietajm-five-feed article > .header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Extra-temats hover-plustecken/overlay – behåll vanlig bildlänk. */ body.movietajm-five-page .movietajm-five-feed article .et_pb_extra_overlay, body.movietajm-five-page .movietajm-five-feed article .et_overlay, body.movietajm-five-page .movietajm-five-feed article .post-thumbnail::before, body.movietajm-five-page .movietajm-five-feed article .post-thumbnail::after, body.movietajm-five-page .movietajm-five-feed article > .header > a::before, body.movietajm-five-page .movietajm-five-feed article > .header > a::after { display: none !important; content: none !important; opacity: 0 !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content { display: block !important; float: none !important; flex: none !important; align-self: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 14px 12px !important; background: #ffffff !important; color: #171717 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content .post-title, body.movietajm-five-page .movietajm-five-feed article > .post-content .post-title a { color: #111111 !important; font-size: 20px !important; line-height: 1.2 !important; } /* Långa filmtitlar på datorns kategorier visas på en rad. */ body.movietajm-five-page .movietajm-five-feed article > .post-content .post-title { display: block !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; margin: 0 0 4px !important; padding: 0 !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content .post-title a { display: block !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content .post-meta, body.movietajm-five-page .movietajm-five-feed article > .post-content .post-meta p, body.movietajm-five-page .movietajm-five-feed article > .post-content .movietajm-meta-line1, body.movietajm-five-page .movietajm-five-feed article > .post-content .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; color: #333333 !important; line-height: 1.4 !important; } body.movietajm-five-page .movietajm-five-feed article > .post-content .post-meta a, body.movietajm-five-page .movietajm-five-feed article > .post-content .movietajm-meta-line1 a, body.movietajm-five-page .movietajm-five-feed article > .post-content .movietajm-meta-line2 a { color: #702486 !important; } /* Sidbläddring: luft under sista filmraden, inga bakgrundsrutor. Pilarna och deras klickfunktion bevaras. Endast kategori på dator. */ body.movietajm-five-page .movietajm-five-pagination { display: block !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-pagination .pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-pagination .pagination > li:not(.arrow) { display: none !important; } body.movietajm-five-page .movietajm-five-pagination .pagination > li.arrow { flex: 0 0 54px !important; float: none !important; width: 54px !important; height: 54px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; } body.movietajm-five-page .movietajm-five-pagination .pagination > li.next { order: -1 !important; margin-left: 0 !important; margin-right: auto !important; } body.movietajm-five-page .movietajm-five-pagination .pagination > li.prev { order: 1 !important; margin-left: auto !important; margin-right: 0 !important; } } /* SLUT MOVIETAJM – 5 AV 5 DATOR, TVÅ FILMKORT */ /* START MOVIETAJM – 5 AV 5 DATOR, FYRA WIDGETAR */ @media only screen and (min-width: 981px) { body.movietajm-five-page #content-area { display: block !important; width: 100% !important; max-width: 100% !important; } body.movietajm-five-page #content-area > .et_pb_extra_column_main { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } /* Bara den nya, avsedda sidokolumnen – inte Extras original. */ body.movietajm-five-page #content-area > .et_pb_extra_column_sidebar, body.movietajm-five-page #main-content > .et_pb_extra_column_sidebar { display: none !important; } body.movietajm-five-page .movietajm-five-archive { display: grid !important; grid-template-columns: minmax(0, 1fr) 308px !important; gap: 24px !important; align-items: start !important; } /* Rubrik, filmkort och pilar tillsammans: sida 2 får inget stort tomrum. */ body.movietajm-five-page .movietajm-five-results { display: block !important; grid-column: 1 !important; min-width: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar { display: block !important; grid-column: 2 !important; grid-row: 1 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } body.movietajm-five-page .movietajm-five-widget-sidebar > .et_pb_widget, body.movietajm-five-page .movietajm-five-widget-sidebar > .widget { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } /* Mobilen ska inte få en extra widgetkolumn. */ @media only screen and (max-width: 980px) { body.movietajm-five-page .movietajm-five-widget-sidebar { display: none !important; } } /* SLUT MOVIETAJM – 5 AV 5 DATOR, FYRA WIDGETAR */ /* START MOVIETAJM – 5 AV 5 WIDGETDESIGN (KOPIA FRÅN ÅRTAL) */ /* ========================================================= START MOVIETAJM – SLUMPADE FAVORITER ÅRTALSTAGGAR DATOR Samma design som startsidans desktopwidget. ========================================================= */ @media only screen and (min-width: 981px) { /* --------------------------------------------------------- SLUMPADE FAVORITER – VISA BEFINTLIG WIDGET PÅ DESKTOP --------------------------------------------------------- */ body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget { display: block !important; width: 100% !important; margin-top: 0 !important; margin-bottom: 22px !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 10px 20px !important; box-sizing: border-box !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-heading { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 12px !important; padding: 0 0 9px !important; background: transparent !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-transform: uppercase !important; box-shadow: none !important; } /* * Slumpade skådespelare ska fortfarande vara mobil-only. * Desktop har den nya raden med sex skådespelare. */ body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget { display: none !important; } /* Svart stjärna på Favoriter med betyg över 4 */ #movietajm-desktop-latest-widget .mt-desktop-latest-star { display: inline-block !important; margin-left: 4px !important; color: #000000 !important; font-size: 11px !important; line-height: 1 !important; vertical-align: 1px !important; } /* --------------------------------------------------------- SLUMPADE FAVORITER – KOMPAKT DESKTOPLISTA Titel / betyg / kategorier på tre egna rader --------------------------------------------------------- */ body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf { padding: 18px 13px 13px !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-heading { margin: 0 0 12px !important; padding: 0 0 9px !important; justify-content: center !important; gap: 0 !important; color: #27162d !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-transform: uppercase !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-clapper { display: none !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 7px 0 !important; color: #222222 !important; text-decoration: none !important; border: 0 !important; border-bottom: 1px solid #ece7ee !important; box-sizing: border-box !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-card:last-child { border-bottom: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-image { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 60px !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #17121b !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,.18) !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-image img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #111111 !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-meta { display: block !important; margin: 3px 0 0 !important; padding: 0 !important; color: #76248f !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* På desktop vill vi ha tre rena rader: titel / betyg / kategorier. Årtalet visas inte här. */ body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-year, body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-separator { display: none !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-cats { display: block !important; width: 100% !important; margin: 3px 0 0 !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #666666 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-more { width: 100% !important; margin: 10px 0 0 !important; padding: 13px 9px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient( 105deg, #25112f 0%, #5b206f 55%, #301139 100% ) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .2px !important; box-shadow: 0 2px 5px rgba(37,17,47,.18) !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sf_widget .mt-sf-dice { font-size: 18px !important; line-height: 1 !important; } } /* SLUT MOVIETAJM – SLUMPADE FAVORITER ÅRTALSTAGGAR DATOR */ /* ========================================================= START MOVIETAJM – SKÅDESPELARE ÅRTALSTAGGAR DATOR Endast kategorisidornas sidokolumn (minst 981 px). Indexrad och mobil lämnas orörda. ========================================================= */ @media only screen and (min-width: 981px) { body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget { display: block !important; width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 18px 10px 20px !important; margin: 0 !important; background: #ffffff !important; color: #222222 !important; border: 0 !important; border-radius: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-heading { display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; text-align: center !important; color: #27162d !important; border: 0 !important; border-bottom: 1px solid #ded8e2 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; width: 100% !important; padding: 7px 0 !important; border-bottom: 1px solid #e8e1eb !important; color: #222222 !important; text-decoration: none !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-image { display: flex !important; flex: 0 0 60px !important; width: 60px !important; height: 70px !important; overflow: hidden !important; border: 2px solid #4a1d59 !important; border-radius: 5px !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-info { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-title { display: block !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #111111 !important; white-space: normal !important; overflow-wrap: anywhere !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-dates, body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-reviewed { display: block !important; margin-top: 3px !important; font-size: 11px !important; line-height: 1.3 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-reviewed { color: #76248f !important; font-weight: 700 !important; } body.movietajm-five-page .movietajm-five-widget-sidebar .widget_mt_sa_widget .mt-sa-more { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 12px 0 0 !important; padding: 13px 7px !important; border: 1px solid #7e3a91 !important; border-radius: 6px !important; background: linear-gradient(105deg, #25112f 0%, #5b206f 55%, #301139 100%) !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; cursor: pointer !important; } } /* SLUT MOVIETAJM – SKÅDESPELARE ÅRTALSTAGGAR DATOR */ /* SLUT MOVIETAJM – 5 AV 5 WIDGETDESIGN */ /* ========================================================= START MOVIETAJM – DATUMARKIV DATOR, TVÅ FILMKORT V1 Samma kortprincip som index: 16:9 över kompakt vit info. Endast datumarkiv på dator (år/månad). Inga widgetar ändras. ========================================================= */ @media only screen and (min-width: 981px) { body.date .movietajm-archive-heading { margin: 0 0 17px !important; } body.date .movietajm-archive-count { display: block !important; padding: 12px 15px !important; background: transparent !important; color: #ffffff !important; text-shadow: 0 0 6px rgba(185,88,216,.55) !important; border: 0 !important; border-top: 1px solid #67317d !important; border-bottom: 1px solid #67317d !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.35 !important; } /* Själva Extra-modulen innehåller även pagineringen. Grid får därför enbart läggas på sidan som innehåller artiklar. */ body.date .movietajm-archive-feed { display: block !important; width: 100% !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-feed .paginated_content { display: block !important; width: 100% !important; } body.date .movietajm-archive-feed .paginated_page { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 22px !important; width: 100% !important; min-width: 0 !important; align-items: start !important; } body.date .movietajm-archive-feed article { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-feed article > .header { position: relative !important; display: block !important; float: none !important; flex: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; } body.date .movietajm-archive-feed article > .header .post-thumbnail, body.date .movietajm-archive-feed article > .header > a { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.date .movietajm-archive-feed article > .header img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Extra-temats hover-plustecken/overlay – behåll vanlig bildlänk. */ body.date .movietajm-archive-feed article .et_pb_extra_overlay, body.date .movietajm-archive-feed article .et_overlay, body.date .movietajm-archive-feed article .post-thumbnail::before, body.date .movietajm-archive-feed article .post-thumbnail::after, body.date .movietajm-archive-feed article > .header > a::before, body.date .movietajm-archive-feed article > .header > a::after { display: none !important; content: none !important; opacity: 0 !important; } body.date .movietajm-archive-feed article > .post-content { display: block !important; float: none !important; flex: none !important; align-self: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 14px 12px !important; background: #ffffff !important; color: #171717 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-feed article > .post-content .post-title, body.date .movietajm-archive-feed article > .post-content .post-title a { color: #111111 !important; font-size: 20px !important; line-height: 1.2 !important; } /* Långa filmtitlar på datorns årtalstaggar visas på en rad. */ body.date .movietajm-archive-feed article > .post-content .post-title { display: block !important; width: 100% !important; min-width: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; margin: 0 0 4px !important; padding: 0 !important; } body.date .movietajm-archive-feed article > .post-content .post-title a { display: block !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; } body.date .movietajm-archive-feed article > .post-content .post-meta, body.date .movietajm-archive-feed article > .post-content .post-meta p, body.date .movietajm-archive-feed article > .post-content .movietajm-meta-line1, body.date .movietajm-archive-feed article > .post-content .movietajm-meta-line2 { margin: 0 !important; padding: 0 !important; color: #333333 !important; line-height: 1.4 !important; } body.date .movietajm-archive-feed article > .post-content .post-meta a, body.date .movietajm-archive-feed article > .post-content .movietajm-meta-line1 a, body.date .movietajm-archive-feed article > .post-content .movietajm-meta-line2 a { color: #702486 !important; } /* Sidbläddring: luft under sista filmraden, inga bakgrundsrutor. Pilarna och deras klickfunktion bevaras. Endast datumarkiv på dator. */ body.date .movietajm-archive-pagination { display: block !important; width: 100% !important; margin: 18px 0 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-pagination .pagination { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-pagination .pagination > li:not(.arrow) { display: none !important; } body.date .movietajm-archive-pagination .pagination > li.arrow { flex: 0 0 54px !important; float: none !important; width: 54px !important; height: 54px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.date .movietajm-archive-pagination .pagination > li.arrow > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; } body.date .movietajm-archive-pagination .pagination > li.next { order: -1 !important; margin-left: 0 !important; margin-right: auto !important; } body.date .movietajm-archive-pagination .pagination > li.prev { order: 1 !important; margin-left: auto !important; margin-right: 0 !important; } } /* SLUT MOVIETAJM – DATUMARKIV DATOR, TVÅ FILMKORT V1 */