/***** LANDING PAGE *****/
#patips-landing-container * { box-sizing: border-box; }
#patips-landing-container   { max-width: 1280px; margin: 0 auto; }

#patips-landing-columns      { display: flex; gap: 40px; align-items: start; flex-wrap: wrap; width: 100%; border: none; }
#patips-comparison-container { flex: 2 1 400px; }
#patips-guarantees-container { flex: 1 1 280px; }


/* COMPARISON */
#patips-comparison-intro { text-align: justify; }
#patips-comparison-table td:not(:first-child),
#patips-comparison-table th:not(:first-child) { text-align: center; }
#patips-comparison-table .dashicons-yes       { color: #3cb371; }
#patips-comparison-table .dashicons-no        { color: #cd5c5c; }

#patips-comparison-table tr td[data-column='feature'] img.patips-demo-img       { display: block; max-width: 450px; max-height: 0; margin-top: 0; transition: all 500ms ease-in-out; }
#patips-comparison-table tr td[data-column='feature'] img.patips-demo-img.patips-always-displayed,
#patips-comparison-table tr:hover td[data-column='feature'] img.patips-demo-img { margin-top: 8px; max-height: 190px; }


/** PURCHASE **/
.patips-purchase-button             { display: block; position: relative; width: fit-content; border-radius: 5px; margin: 30px auto 40px auto; padding: .65em 1em; background: var(--patips-main-color); color: #fff; font-size: 1.75em; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(0,0,0,0); transition: border-color .5s; }
.patips-purchase-button:after       { content: ''; display: block; border-radius: 5px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); transition: background-color .5s; }
.patips-purchase-button:hover:after { background-color: rgba(255,255,255,.25); }
.patips-purchase-button:hover       { border: 2px solid var(--patips-main-color); }
.patips-purchase-button:hover,
.patips-purchase-button:focus       { color: #fff; text-decoration: none; }


/** GUARANTEES **/
#patips-guarantees            { text-align: center; }
#patips-guarantees-intro p    { text-align: justify; }
.patips-guarantee             { padding: 20px; text-align: center; }
.patips-guarantee-icon        { display: flex; align-items: center; justify-content: center; margin: auto; }
.patips-guarantee-icon span   { font-size: 40px; height: 40px; width: 40px; }
.patips-guarantee h4          { text-transform: uppercase; font-size: 1.5em; margin: 1em 0 .5em 0; }
.patips-guarantee-description { font-style: italic; }


/* Responsive design */
@media screen and ( max-width: 1280px ) {
	#patips-guarantees-container { min-width: 240px; padding-right: 0; }
}
@media screen and ( max-width: 900px ) {
	#patips-landing-columns,
	#patips-comparison-container, 
	#patips-guarantees-container { display: block; padding: 0; margin: 0 auto;  min-width: fit-content; }
	.patips-guarantee            { display: inline-block; vertical-align: top; max-width: 220px; }
	
	.patips-purchase-button      { font-size: 1.6em; }
}

@media screen and ( max-width: 782px ) {
	#patips-comparison-table thead                      { display: flex; justify-content: center; }
	#patips-comparison-table thead th:first-child       { display: flex; padding: 8px; }
	#patips-comparison-table thead th:not(:first-child),
	#patips-comparison-table td:not(:first-child)       { display: none; }
	
	#patips-comparison-table td[data-column='feature'] { display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr auto; }
	#patips-comparison-table td[data-column='feature'] .patips-feature-title   {  }
	#patips-comparison-table td[data-column='feature'] .patips-feature-tooltip {  }
	#patips-comparison-table td[data-column='feature'] .patips-feature-after   {  }
	
	#patips-comparison-table tbody                      { gap: 0; }
	#patips-comparison-table td:first-child             { border-top: 1px solid #e5e5e5; vertical-align: middle; text-align: start; padding: 8px; justify-content: start; font-weight: normal; }
	#patips-comparison-table td:not(:first-child)       { display: none; }
	#patips-comparison-table td:first-child:before      { content: none; }
	#patips-comparison-table td:first-child:after       { content: none; }
	#patips-comparison-table td.patips-is-pro-feature:first-child .patips-feature-title:after      { content: 'PRO'; display: inline-block; margin: 0 0 0 5px; padding: 4px 6px 5px 6px; font-size: 1em; line-height: 1em; border-radius: 4px; background-color: orange; color: #fff; }
    .rtl #patips-comparison-table td.patips-is-pro-feature:first-child .patips-feature-title:after { margin: 0 5px 0 0; }
	
	#patips-comparison-table tr td[data-column='feature'] img.patips-demo-img       { max-width: 320px; }
	#patips-comparison-table tr td[data-column='feature'] img.patips-demo-img.patips-always-displayed,
	#patips-comparison-table tr:hover td[data-column='feature'] img.patips-demo-img { max-height: 120px; }
}

@media screen and ( max-width: 480px ) {
	#patips-comparison-container { width: 100%; }
}